网页设计中长滚动的优缺点

长滚动的单页网站正变得司空见惯。 首屏与不折叠的争论似乎倾向于后一种方法。 长期以来，人们认为网站最重要的内容应该放在首位是理所当然的。 论点是，如果大多数用户还没有找到他们正在寻找的内容，他们就不愿意向下滚动页面。

然而，这个论点不再成立。 只要主页或登录页面的内容承诺好事情即将到来，只要内容与他们的需求相关，用户就会很乐意继续滚动。

长滚动和无限滚动网站有时被描绘成一种新的现代网页设计趋势。 这些滚动技术实际上已经使用了很多年。 它们最近变得更受欢迎，这使它们看起来像是新的和创新的技术。

长时间滚动将继续存在，并且有一个很好的理由：用户显然喜欢它。

长滚动、智能导航、巧妙特效

移动屏幕的使用增加无疑在这项技术的广泛接受中发挥了关键作用。 尝试在小屏幕上使用按钮进行导航可能很麻烦，随着屏幕越来越小，更是如此。

长时间或无限滚动可以解决这个问题，因为这两种方法都非常适合触摸手势。 结合 CSS 和 JavaScript 的进步，长滚动的优势也为网页设计师创造了更好的选择。 为什么长时间滚动会保留下来，为什么“首屏”在许多网站中不再相关？

这一切是如何运作的

长滚动网站倾向于以两种方式之一工作。 该站点有一个较大的主页，其中包含指向其他页面的链接，或者该站点由一个长页面组成。 任何一种设置都为网页设计师创造了丰富的可能性，包括讲故事技术的使用。

通过结合微妙的特殊效果（例如视差滚动、Ajax/jQuery 或滚动触发动画），通常可以使讲故事更有效。

长滚动主要用于讲故事

流畅的平台

逐页导航和讲故事并不总是很好的匹配。 这种类型的导航充其量往往是不稳定的，而长滚动提供了一个更流畅的讲故事平台。 长滚动还使用户可以更好地控制节奏。 同时，它的持续沉浸功能避免了页面之间的滞后，这可能不利于保持以用户为中心和完全参与。

赋予用户控制权

长滚动还可以更有效地使用创意特效。 视差滚动和滚动激活动画至少在一定程度上由用户控制，给网站一种几乎游戏般的感觉； 绝对是一个更友好的。

为什么大多数人喜欢长滚动

充分利用令人难忘的设计

您很容易得到这样的印象，即长滚动页面打开了使用高度创新、令人难忘的视觉设计的大门。 事实上，情况恰恰相反。 这些很酷的设计类型一直伴随着我们。

简而言之，如果您希望网站的访问者继续向下滚动较长的页面以获取更多内容，则必须让他们保持兴趣。 一个令人难忘的设计将做到这一点！

增加转化

长滚动、动画和悬停 = 强大的组合

回到最初的争论，一个长滚动的网站不会关闭用户、提高跳出率或降低转化率——但前提是它的设计是可靠的并且经过仔细执行。 在这种情况下，跳出率下降，转化率上升。

长滚动提供了很多机会来发现让用户完全参与的方法。 他们在您的网站上停留的时间越长，他们就越有可能响应您的行动号召。

管理冗长的内容

一个主要挑战是确定要放置在页面上的适量内容。 太少，更难吸引用户，而太多可能会使用户不知所措，造成混乱的效果，并损害用户的体验。

长滚动提供了一个简单的解决方案。 内容可以分散开来，从而允许用户按照自己的节奏吸收它——而不会中断页面​​导航。 这种技术非常适合讲故事，也适合传播不能整齐地限制在传统网页中的信息。

长卷轴讲故事

有效使用水平导航栏

水平导航栏倾向于很好地适应大多数页面类型，但它们可以容纳的内部页面数量是有限的。 下拉菜单是一种解决方案，但它们也有自己的缺点。

长时间滚动可以显着减少容纳多个内部页面的需要。 相反，导航栏可以将用户引导到网站主页故事的主要部分。

创建引人入胜的网站

隐喻的酷用法

隐喻通常不被认为是网页设计元素，但它们可以提供一种很好的方式来让用户参与到冗长的故事或解释中。 面对不确定性时，人类会感到不舒服，这尤其适用于网站访问者。

在你的长篇文章中加入一些简单的隐喻，以抵消任何不确定的感觉。 这将使您的访问者为他们在进行过程中可能遇到的事情做好准备。

交互性的实际使用

用户欣赏的另一种设计技术是策略性地在您的网站页面中放置交互式元素。 这些互动可以让您的用户在精神上休息，同时保持他们的兴趣并保持他们的专注和参与。

这种方法有点类似于让人们有机会在长途旅行中出去伸展双腿。 令人耳目一新。

为什么有些用户不喜欢长滚动

许多用户，尤其是移动设备用户，都喜欢长滚动优惠。 然而，一些用户并不特别关心或根本不喜欢它。 作为设计师，您需要牢记的是，长滚动对于某些类型的网站可能是理想的，而对于其他类型的网站则不适合。

不要仅仅因为它很时髦就加入这种能力； 考虑您网站的目标、局限性和整体结构，然后做出决定。

下一步是什么？

更小的屏幕——更长的滚动

小屏幕和长滚动是齐头并进的。 除非小屏幕突然过时（这是极不可能的），否则长时间滚动可能会继续存在。

很有可能，随着移动设备的发展和功能的改进，长滚动技术和功能也将发展和改进——敬请期待。

小屏幕视差可能性

视差目前主要是一种桌面效果，它还不像设计师和用户希望的那样适合移动设备。 由于 Ajax 和其他自动加载策略的改进，这种情况必将得到改善。

视差不仅仅是一种有趣的特殊效果。 如果使用得当，它可以提供流畅的视觉叙事，让用户保持参与。

长滚动和极简主义——一个杰出的组合

随着它越来越受欢迎，预计长滚动将与其他趋势结合或协同作用。 以极简主义的趋势为例。 虽然极简主义和长滚动似乎没有特别相关，但给极简网站一个长滚动能力，你可以实现一些惊人的结果。

上述所有示例都是针对移动设备设计的。 但它们在台式机上也同样有效。 当使用触摸手势时，长滚动技术确实会大放异彩，但您可以期待设计人员找到更好的方法将这些技术用于非触摸屏应用程序。