就像任何其他设计趋势一样，无限滚动正变得越来越流行，经常遇到一个页面网站，可以尽可能地向下滚动，但永远不会到达底部。那么对于您的网站来说，这是一个值得遵循的好趋势，还是您宁愿避免它？

答案取决于您网站的类型和目标。据 Nielsen Norman 的说法，“无限滚动并不适用于每个网站”。这有优点和缺点，但在决定在您的网站上实施无限滚动之前，您需要确保它提供的优点比缺点更有价值。

无限滚动是一种基本网络交互设计，允许用户通过滚动而不是单击页面链接来浏览内容。这样，新内容会在用户到达该点之前自动加载并准备就绪，而在分页的情况下，每个页面的内容在单击页面链接后开始加载。

这种网页设计技术已被 Twitter、Pinterest 甚至 Facebook 等社交网络巨头成功采用，许多网站效仿他们的做法并失败也就不足为奇了。为什么无限滚动在 Twitter 和 Pinterest 上运行良好的原因并不是因为它们是老牌和数十亿的公司。这是因为这些网站拥有大量不断更新的用户生成内容。在这种情况下，无限滚动被证明是提供优质用户体验的最佳解决方案。

如果您要问我的意见的话，我会说这个趋势值得尝试，但是你需要谨慎地考虑你的网站是否适合使用无限滚动。如果你的网站主要是以内容为主导的，并且有大量不断更新的内容，那么无限滚动可能是一个不错的选择。然而，如果你的网站是以销售产品或服务为主的，或者你的目标用户是那些需要大量自定义和个性化内容的用户，那么你可能需要考虑使用其他的设计模式，例如分页或者可定制的搜索结果。总的来说，你需要对你的目标用户和他们的需求有一个清晰的认识，然后选择最适合他们的设计模式。

01 完美的触摸

在当今的多设备时代，提供卓越的桌面和移动用户体验至关重要。由于大多数平板电脑和手机都采用了触摸技术，因此专注于触摸优化是至关重要的。这也是无限滚动成为有竞争力的优势之一，它通过前瞻性技术满足了移动设备小屏幕的需求，以更方便用户的方式显示内容。相比之下，传统的分页方式需要用户点击微小的页面链接来访问新内容，这种体验往往较差。因此，对于大多数网站来说，采用无限滚动是更好的选择。

02 视觉导向

谁不喜欢看到高质量的精美图像呢？这是网络上根据“一张图片胜过千字”原则的另一个新兴趋势。向用户传递大量图像内容的最佳方式似乎就是使用无限滚动。这样，用户就不需要分心去查找并点击下一个链接，从而保持了愉快的体验。Pinterest 和 Flickr 这两个面向视觉的网站就是如何从无限滚动中受益的很好例子。

无论您的网站提供何种类型的内容，您都希望获得尽可能多的展示。在传统分页的情况下，用户在点击下一页之前无法看到下一页的内容，而无限滚动将您的所有内容放在一个无限长的页面上。这意味着用户可以在一个滚动操作内看到所有的内容，无需进行额外的点击操作。

03 快速简便的浏览

无限滚动页面通常比普通分页的页面加载速度更快。这是因为当用户向下滚动页面时，更多内容会自动加载到同一页面中，而无需每次都点击页面链接并重新加载页面。这不仅节省了用户的时间，从搜索引擎优化的角度来看也是有益的。

04 更多创意空间

无限滚动作为一种信息展示方式具有非常新颖的特性，同时也具有巨大的创新潜力。在网页设计师的手中，这种滚动方式可以变得不仅实用，而且充满趣味性和吸引力。在lostworldsfair.com和andrevv.com这两个网站上，你可以找到这种创新方法的绝佳实例。

无限滚动的一种非常流行的创新扩展是视差滚动技术，它通过独特的滚动方式创造出美妙的视觉故事情节。如果你想了解这种技术的最佳实践，不妨访问makeyourmoneymatter.org和cyclemon.com这两个网站。

05 页脚问题

这是一个普遍存在的问题，尤其对于电子商务网站而言。如果您曾经在线购物过，那么您至少知道所有重要链接的位置：通常在页脚中。现在想象一下，您想访问一个无限滚动网页上的“运输信息”页面。但是，您的时间非常有限！当您只有几秒钟的时间来找到并点击该链接，否则它就会“滚动离开”时，这会令人非常沮丧。

06 迷失方向

网络上的各种功能基本上都是基于现实世界的概念构建的，因此，从这个角度来看，任何无限的东西都可能显得不自然和矛盾。在信息时代，我们每天都要处理大量的数据和信息，如果没有一种秩序或结构，我们就很难有效地处理这些信息。

无限滚动也带来了类似的问题。它缺乏明确的方向性，用户很难再次找到他们在页面上看到过的内容。与分页内容不同，无限滚动无法通过页码来进行相对的定位，这就增加了用户寻找特定内容的难度。

另外，左侧的滚动条通常显示的是内容已经展示的数量，这可能给用户一个错误的信息，即他们已经看到了大部分内容。当用户意识到还有更多的内容未被展示时，他们可能会感到被误导和失望。

07 导航问题

一个基本的设计原则是，用户需要知道他们在网站或应用中的当前位置，这对于提供良好的用户体验至关重要。然而，在无限滚动的情况下，用户很难理解他们在内容流中的当前位置，这可能造成导航和定位的困扰。

更进一步说，如果用户点击了一个链接或元素然后想要返回到他们之前所在的位置，会发生一种被称为“pogosticking”的现象。这是因为无限滚动的内容是动态加载的，所以当用户点击新的内容并加载后，他们会被带回到内容流的顶部，而不是他们之前所在的位置。这种情况非常令人沮丧，因为它破坏了用户的浏览流程，并可能导致用户失去对内容的兴趣。

08 没有跳过

分页内容的一个主要优点是，您可以轻松跳过第一页，例如跳过第100页，直接进入第101页。这在无限滚动中是很难实现的。用户往往很难理解或估计无限滚动中的内容量，更不用说跳过其中一部分内容了。

09 浏览器崩溃

没有任何技术可以在所有浏览器上都能完美运行，无限滚动也同样如此。当加载大量内容时，计算机的内存使用可能会变得非常高，尤其是对于较旧的计算机，可能会导致浏览器崩溃或变慢，给用户带来不良体验。因此，在实践中，需要根据具体的应用场景和目标受众，选择最适合的技术和实现方式，以确保最佳的用户体验。

10 压倒性的内容

拥有大量优质信息对于网站来说是好事，但当内容不断加载，每秒钟都有新的内容出现时，用户可能会感到无所适从和压力。就像是一场没有目的地的公路旅行，用户无法停止，最终会感到无聊和心理上的疲惫。因此，在提供大量信息的同时，也需要考虑用户的体验和感受，确保他们能够轻松地获取所需的信息。

11 毕竟，无限滚动是好是坏？

如果正确使用，技术的每一步进步都是好的。至于无限滚动，它对一些网站有益且吸引人，但对其他网站来说可能适得其反并损害用户体验。这完全取决于您网站的目标和用户的期望。如果您的网站是以目标为导向的，用户在其中执行特定任务并期望找到特定结果，那么无限滚动可能会损害网站的可用性。

但是，如果您的网站上有大量内容，且每部分内容对用户而言具有相同价值和重要性级别，那么无限滚动可能是一种有效提供内容的方式。以lookbook.nu为例，每篇文章都有视觉内容，同样可能让用户感兴趣。

据许多专家和实际经验，无限滚动对电子商务网站表现不佳，Etsy在线购物网站的例子也证明了这一点。

但是，如果您选择无限滚动作为您网站的最佳选择，请尝试应用一些最佳实践技术以确保您的网站满足用户期望。首先将导航栏贴在网页顶部并使其持久可见。尝试通过在页面末尾添加“加载更多”按钮来结合传统分页和无限滚动，让用户决定是否需要更多内容或是否足够。这样也会有一个正常的页脚。最后，确保用户单击提要中的某个项目后可以返回到他们离开的地方。