无限滚动与分页：如何选择

列表为如此多的产品、提要、搜索结果、目录提供了支持。迟早你会面临一个经典的决定：无限滚动与分页，或者中间路径，加载更多。没有一个真正的答案。正确的选择取决于用户意图和您希望屏幕实现的目标。让我们把决定简单化。

从意图开始，而不是用户界面

人们以两种截然不同的心情使用列表。

探索：饲料、画廊、灵感

好奇心在这里占主导地位。减少摩擦意味着更多的发现，无限滚动可以保持动力。当你的目标是曝光率和体验时间，而不是精确的反馈时，它就会大放异彩。

‍

任务完成：比较、完善、返回

找到合适的尺寸。比较规格。跳回你看到的那个东西。在这里，用户需要定位、深度链接和一种简洁的方式来返回现场。这就是分页 UX 的优势所在。当你想在同一个屏幕上进行速度和控制时，Load More 也可以起作用。

‍

三种模式，三种个性

无限滚动

非常适合探索。它保持势头，以更少的努力显示更多内容。如果您选择它，请使其具有弹性：

• 当用户打开细节并返回时，保持滚动位置。
• 使用虚拟化列表/窗口，在普通设备上保持页面快速浏览。
• 确保页脚和实用程序可访问（例如，“返回顶部” 链接、浮动操作）。
• 对于 SEO，公开可抓取路径（例如，可索引的类页面网址），并避免在仅限客户端的抓取内容后面隐藏内容。
  ‍

‍

加载更多：

中间的道路。快速点击会增加一个区块，布局保持稳定，用户可以感受到控制的感觉。

• 易于显示进度：“显示 213 个中的 40 个”。
• 如果您想在不牺牲回程和深度链接的情况下提高速度，那就太棒了。

‍

‍

分页：

首先是结构。最适合搜索、电子商务、管理表和文档。

• 支持比较并保护方向。
• 当你发货时，不要饿死页面。稍长的页面可以减少跳动，但感觉仍然很快。

‍

‍

专为访问和速度而打造

使用键盘和屏幕阅读器，好的列表用户界面可以保持您的位置并顺利工作。使用清晰的地标，标记分页控件，礼貌地宣布新结果。通过虚拟化长列表、延迟加载媒体和回收屏幕外内容来保持快速。最重要的是，当人们从细节转到后面时，恢复位置。

‍

一种简单的决策方法

问五个问题：

1. 这个屏幕是关于发现还是关于完成任务？
   如果是发现，无限滚动往往会获胜；如果是任务完成，则从分页开始。
   
   
2. “回到现场” 有多重要？
   如果用户经常比较项目或重新访问结果，则首选分页或经过测量的 “加载更多”。
   
   
3. 人们需要分享或收藏确切的地点吗？
   如果是，请保持稳定的网址。使用 URL 参数进行分页或加载更多效果最好。
   
   
4. 总数对信托或规划重要吗？
   如果人们关心有多少结果，则首选分页或带可见计数的加载更多。
   

回答这些问题，这个选择很少有争议。

‍

衡量真正重要的东西

发货时，请将目光投向滚动深度以外的地方。对于探索性供稿，请跟踪人们保存、分享或关注新内容的频率。对于购物和搜索，请跟踪他们优化筛选条件的速度、添加到购物车的频率以及绕道后能否再次找到商品。进行快速可用性测试，强制返回并重新找回时刻。您将从中学到比从任何 “页面停留时间” 指标中学到更多的东西。

‍

最后一句话

趋势来来去去。您的用户没有。选择符合他们意图的模式，严格控制性能和可访问性，并确保搜索可以顺利进行。如果您还不确定向应用程序添加导航的最佳做法， 这个帖子 可以帮助你做出决定。