“我有很多内容需要展示，应该选择无限滚动还是分页？”

一些设计师仍然不确定该为他们的项目选择哪种方法。每种方法都有其优缺点，在本文中，我们将概述这两种方法，并决定我们应该在项目中使用哪一种。

无限滚动

无限滚动是一种允许用户滚动浏览大量内容且看不到尽头的技术。这项技术只是在向下滚动时不断刷新页面。无论听起来多么美好，它并非适用于所有网站或应用的万能解决方案。

优点1：用户参与度和内容发现

当你使用滚动作为探索数据的主要方法时，它可能会延长用户在网页上的停留时间，从而提高用户参与度。随着社交媒体的普及，海量数据被消耗；无限滚动提供了一种高效的方式，可以浏览海量信息，而无需额外的点击。

无限滚动几乎是发现界面。当用户没有搜索特定的东西时，他们需要查看大量的项目才能找到他们喜欢的东西。

你可以用 Facebook 新闻推送的例子来衡量无限滚动的优势。用户知道，由于内容更新过于频繁，他们无法浏览推送中的所有内容。通过无限滚动，Facebook 竭尽全力向用户展示尽可能多的信息，而用户则在浏览和消费这些信息流。

优点2：滚动比点击更好

滚动比点击/轻触的交互成本更低——鼠标滚轮或触摸屏使滚动比点击更快更容易。此外，无限滚动可能会让人上瘾。对于像教程这样连续且冗长的内容，滚动比将文本分割到多个单独的屏幕或页面更能提供更好的可用性。

​

对于点击/轻触：每次内容更新都需要额外的点击操作，并等待页面加载。对于滚动：内容更新只需一次滚动操作。图片来源：gfycat

优点3：滚动功能适合移动设备

屏幕越小，滚动时间越长。移动浏览的普及是长滚动的另一个重要推动力。移动设备的手势控制使滚动变得直观易用。因此，用户有机会更好地享受浏览体验。

来源：Dribbble

缺点1：页面性能和设备资源

页面加载速度对于良好的用户体验至关重要。多项研究表明，加载时间过慢会导致用户离开网站或删除应用，从而降低转化率。这对于使用无限滚动的用户来说是个坏消息。用户向下滚动页面的次数越多，需要在同一页面上加载的内容就越多。结果，页面性能会越来越差。

另一个问题是用户设备资源有限。在许多无限滚动网站上，尤其是包含大量图片的网站，资源有限的设备（例如移动设备或硬件老旧的平板电脑）可能会因为加载大量资源而开始变慢。

缺点2：搜索和定位

他们无法添加书签他们的位置并稍后再返回。如果他们离开网站，所有进度都会丢失，必须再次向下滚动才能回到原点。这种无法确定用户滚动位置的情况不仅会给用户带来烦恼或困惑，还会损害整体用户体验。

2012 年，Etsy 曾投入大量时间实现无限滚动界面，但发现新界面的效果不如分页界面。虽然购买量基本保持不变，但用户参与度却下降了——现在人们不再那么频繁地使用搜索功能了。

缺点3：不相关的滚动条

另一个恼人的问题是滚动条无法反映实际可用的数据量。你会兴高采烈地向下滚动，以为自己已经快到页面底部了，这本身就诱惑着你继续滚动，结果却发现，当你到达底部时，结果已经翻倍了。从可访问性的角度来看，破坏用户使用滚动条的体验是非常糟糕的。

缺点4：缺少页脚

页脚的存在是有原因的：它们包含用户有时需要的内容——如果用户找不到某些内容，或者想跳转到其他页面，他们通常会跳转到其他页面。但由于 feed 会无限滚动，用户一到达页面底部就会加载更多数据，导致页脚每次都超出视野范围。

实现无限滚动的网站应该通过使页脚粘性来使其可访问，或者将链接重新定位到顶部或侧边栏。

另一个解决方案是按钮按需要求使用加载更多按钮。新内容只有在用户点击“更多”按钮后才会自动加载。这样，用户就可以轻松找到页脚，而无需费力寻找。

分页

分页是一种将内容划分为独立页面的用户界面模式。如果你滚动到页面底部，看到一排数字——那排数字就是网站或应用的分页。

优点 1：转化率高

当用户在结果列表中搜索特定内容，而不仅仅是浏览内容时，分页非常有用。“滚动是一种延续，而点击是一种决策”（Joshua Porter）

你可以用谷歌搜索的例子来衡量分页的好处。作为用户，你可以决定查看多少个结果页。

优点2：控制感

“到达终点会给人一种控制感”。研究还表明，当用户获得有限但仍然相关的结果时，他们能够轻松确定他们所寻找的内容是否确实存在。

此外，当用户看到结果总数时（当然，当数据总量不是无限的时候），他们将能够估计需要多长时间才能找到他们真正想要的内容。

优点3：物品位置

分页界面可以让用户记住项目的具体位置。他们可能不一定知道确切的页码，但会大致记得它是什么，而分页链接可以让他们更容易地找到它。

分页对于电商网站和应用来说非常有用。用户在线购物时，希望能够回到上次中断的地方继续购物。

缺点：额外的行动

要进入分页中的下一页，用户必须找到链接目标（例如“下一页”），将鼠标悬停在其上，单击它并等待新页面加载。

这里的主要问题是，大多数网站在单页中向用户显示的内容非常有限（例如每页 10-20 个项目）。通过在不影响加载速度的情况下增加页面长度，用户每页可以获得更多内容，并且无需频繁点击分页按钮。

何时使用无限滚动/分页？

无限滚动仅在少数情况下有效。它最适合那些有大量 用户生成内容的网站和应用（例如 Twitter、Facebook、Pinterest、Instagram）。另一方面，分页则非常适合目标导向型网站和应用，用户在这些网站上寻找特定内容。

内容类型也会影响浏览方式的选择。你是更注重视觉内容还是文字内容？谷歌产品就是一个很好的例子。谷歌图片使用无限滚动，因为用户浏览和处理图片的速度比浏览文字要快得多。阅读搜索结果需要更长的时间。这就是为什么谷歌搜索结果仍然使用更传统的分页技术的原因。

结论

设计师在选择无限滚动和分页之前，应该权衡利弊。具体选择取决于你的产品类型以及你想要的内容呈现格式。

阅读原文：原文链接