英文 | https://uxplanet.org/ux-infinite-scrolling-vs-pagination-1030d29376f1
“我有很多内容要显示，我的内容应该无限滚动还是分页？”一些设计师仍然不确定为他们的项目选择哪种方法。每种方法都有其优点和缺点，在本文中，我们将概述这两种方法并决定我们应该将哪一种用于我们的项目。
无限滚动
无限滚动是一种允许用户滚动浏览大量内容而看不到终点线的技术。当你向下滚动页面时，此技术只会不断刷新页面。无论听起来多么好，该技术都不是适用于每个网站或应用程序的万能解决方案。
优点 1：用户参与和内容发现
当你使用滚动作为探索数据的主要方法时，它可能会使用户在你的网页上停留更长时间，从而提高用户参与度。随着社交媒体的普及，海量的数据正在被消耗；无限滚动提供了一种浏览信息海洋的有效方式，无需额外的点击点击再点击。
无限滚动几乎是发现界面的必备功能。当用户不搜索特定的东西时，他们需要查看大量项目才能找到他们喜欢的东西。
你可以以 Facebook 新闻提要为例来衡量无限滚动的好处。用户知道他们不会看到提要上的所有内容，因为内容更新得太频繁了。通过无限滚动，Facebook 尽最大努力向用户展示尽可能多的信息，他们正在扫描和消费这些信息流。
优点 2：滚动比点击更好
滚动比点击具有更低的交互成本——鼠标滚轮或触摸屏使滚动比点击更快、更容易。另外，无限滚动可能会让人上瘾。对于连续且冗长的内容，例如教程，滚动比将文本分割到多个单独的屏幕或页面提供更好的可用性。
优点 3：滚动适用于移动设备
屏幕越小，滚动越长。移动浏览的普及是长滚动的另一个重要支持者。移动设备的手势控制使滚动直观且易于使用。因此，用户有更好的机会享受浏览体验。
当然，它也一些缺点。
缺点 1：页面性能和设备资源
页面加载速度是良好用户体验的一切。多项研究表明，缓慢的加载时间会导致人们离开你的网站或删除你的应用程序，从而导致转化率低。这对于那些使用无限滚动的人来说是个坏消息。向下滚动页面的用户越多，同一页面上必须加载的内容就越多。结果，页面性能将越来越慢。
另一个问题是用户设备的资源有限。在许多无限滚动网站上，尤其是那些有很多图像的网站，资源有限的设备（例如移动设备或硬件过时的平板电脑）可能会因为加载的资产数量过多而开始变慢。
缺点 2：物品搜索和位置
无限滚动的另一个问题是，当用户到达流中的某个点时，他们无法为他们的位置添加书签并稍后再返回。如果他们离开该站点，他们将失去所有进度，并且必须再次向下滚动才能回到同一个位置。这种无法确定用户的滚动位置不仅会给用户带来烦恼或困惑，而且因此会损害整体用户体验。
2012 年，Etsy 花了时间实现无限滚动界面，发现新界面的性能不如分页。尽管购买量大致保持不变，但用户参与度下降了——现在人们使用搜索的次数不多。
缺点 3：不相关的滚动条
另一个烦人的事情是滚动条不能反映实际可用的数据量。假设你接近底部，你会愉快地向下滚动，这本身会诱使你再滚动一点，结果却发现当你到达那里时结果刚刚翻了一番。从可访问性的角度来看，为用户打破滚动条的使用是非常糟糕的。
缺点 4：缺少页脚
页脚的存在是有原因的：它们包含用户有时需要的内容——如果用户找不到某些东西或者他们想导航到另一个页面，他们通常会去那里。但由于提要无限滚动，用户一到达底部就会加载更多数据，每次都将页脚推到视野之外。
实现无限滚动的站点应该通过使其具有粘性来使页脚可访问，或者将链接重新定位到顶部或侧边栏。
另一种解决方案是使用加载更多按钮按需加载内容。在用户单击更多按钮之前，新内容不会自动加载。通过这种方式，用户可以轻松找到您的页脚，而无需追赶它。
分页
分页是一种用户界面模式，它将内容分成单独的页面。如果你滚动到页面底部并看到一行数字——那一行数字是网站或应用程序的分页。
它的优点如下：
优点 1：良好的转换
当用户在结果列表中搜索特定内容时，分页很好，而不仅仅是浏览内容。“滚动是一种延续，而点击是一种决定”（约书亚·波特）
你可以用谷歌搜索的例子来衡量分页的好处。作为用户，你可以决定要检查多少个结果页面。
优点 2：控制感
无限滚动就像一场没完没了的游戏——无论你滚动多远，你永远不会到达终点。当用户知道可用结果的数量时，他们能够做出更明智的决定，而不是被留在无限滚动的列表中。
根据 David Kieras 的人机交互心理学研究：“到达终点提供了一种控制感”。该研究还阐明，当用户获得有限但仍然相关的结果时，他们能够轻松确定他们正在寻找的东西是否真的存在。
此外，当用户看到结果总数时（当然，当数据总量不是无限时）他们将能够估计找到他们实际寻找的内容需要多长时间。
优点 3：物品位置
具有分页界面可以让用户保持项目的心理位置。他们可能不一定知道页面的确切页码，但他们会大致记住它是什么，并且分页链接会让他们更容易到达那里。
分页适用于电子商务网站和应用程序。当用户在线购物时，他们希望能够回到他们离开的地方并继续购物。
自然，它也有一些缺点。
缺点：额外的动作
要在分页中进入下一页，用户必须找到链接目标（例如“Next”），将鼠标悬停在它上面，单击它并等待新页面加载。
这里的主要问题是大多数网站向用户显示的内容非常有限，只有一个页面（即每页 10-20 个项目）。通过在不影响加载速度的情况下使你的页面更长，用户将在每个页面上获得更多内容，并且不必点击或点击分页按钮。
何时使用无限滚动/分页？
只有少数情况下无限滚动是有效的。它最适合用户生成的大量内容流（Twitter、Facebook、Pinterest、Instagram）的网站和应用程序。另一方面，分页非常适合用户寻找特定内容的目标导向网站和应用程序。
内容类型在选择浏览方式方面也起着重要作用。你有更多的视觉效果和文字吗？谷歌产品很好地说明了这一点。
Google 图片使用无限滚动，因为用户能够比文本更快地扫描和处理图片。阅读搜索结果需要更长的时间。这就是他们的谷歌搜索结果仍然使用更传统的分页技术的原因。
结论
我们在选择之前应该权衡无限滚动和分页的利弊。选择取决于你的产品类型和你想要交付内容的格式。
最后，感谢你的阅读。
