网站设计的无限滚动：它有什么好处？

内容是无止境的，但用户的耐心不是。

什么是无限滚动？

这是一种网站设计技术，当用户向下滚动一个页面时，更多的内容会自动并持续地在底部加载，从而使用户不必再点击下一个页面。

无限滚动背后的理念是让人们享受无摩擦的浏览体验。他们可以浏览网站，随意浏览内容，而不需要一个烦人的“下一页”按钮打断他们的浏览。

然而，如果没有一个自然的终点，人们就会继续往前走。事实上，《无限滚动》就是为了吸引你而设计的。

阿扎·拉斯金会称之为上瘾。他会知道；他设计的。在过去的几年里，他一直在进行某种道歉之旅，警告人们让人上瘾的科技带来的心理和社会弊病，同时他还打着道德设计的旗帜集结军队。

拉斯金在接受《华尔街日报》采访时表示，他制作无限滚动屏的初衷很单纯：他希望用户不再需要再做另一个他认为他们并不关心的选择。他认为，如果用户已经在滚动，他们可能只是想要更多的内容，那么为什么不为他们加载它，并继续在下面添加内容呢？这对其他人也有意义，这个想法开始流行起来。现在，无限滚动在社交媒体平台、博客和电子商务网站无处不在。

虽然无限滚动屏可以为用户提供流畅的浏览体验，但许多网站设计师认为还有更好的方法来浏览网站。

反对无限滚动的案例

这可能会导致社交媒体成瘾

2019年，美国参议员乔希·霍利(Josh Hawley)推出了《减少社交媒体成瘾技术(SMART)法案》(Social Media Addiction Reduction Technology Act)。如果获得通过，该法案将禁止社交媒体平台使用某些做法，包括“无限滚动”(无限滚动)，该法案称其利用人类心理。

围绕着社交媒体成瘾的流行程度和影响的问题仍然存在争议，需要更多的研究来得出说服性设计(如无限滚动)对成瘾的影响。

尽管如此，谨慎的网站设计师在执行类似老虎机的功能前还是要三思而后行。

相关的

他帮助构建了让人上瘾的社会循环，现在他想帮你摆脱困境

它冒着违反易访问性的风险

无限滚动会让用户的导航变得特别困难。那些依赖辅助技术来访问网站页脚、边栏和其他相关页面的人，在不断加载内容的界面上可能无法这样做。无限滚动冒着疏远这些用户的风险，并且在此过程中违反了Web内容可访问性准则。

它使脚不可能达到

网站可访问性和用户体验顾问阿德里安·罗塞利(Adrian Roselli)告诉内置软件，他偶尔会看到客户端在页面底部添加了一个页脚，并进行无限滚动。这是一个太常见的错误了，它让“关于”和“联系”链接遥不可及，这给那些试图访问相关信息但无法访问的用户带来了麻烦。

罗塞利说，对于新手或只使用键盘的用户来说，试图导航到无法访问的内容是非常令人沮丧的，因为随着时间的推移，越来越多的内容被加载。

“这会把他们逼疯的。”

它可能导致用户失去他们的位置

假设一个电子商务商店使用无限滚动将其所有产品显示在一个页面上，而不是将它们划分为每个页面显示十几种产品。

当用户看到一个他们喜欢的商品时，他们可能会点击一个单独的产品在一个新的页面上查看它。如果他们想继续浏览，他们会点击“返回”按钮，希望回到他们离开的地方。但大多数情况下，他们不会这样做。它们将返回到前一页的顶部。为了回到点击之前的位置，他们必须再次向下滚动。

精明的互联网用户为了避免这种烦恼，可以通过点击控制键来创建新的标签页，而不会在滚动页面中丢失它们的位置。但任何依赖于用户使用高级策略以避免令人沮丧的体验的设计都需要重新审视。

它会降低特定目标用户的速度

无限滚动对于目标驱动型用户来说是个麻烦。

如果用户访问了一个网站，并且清楚地知道他们想要什么，但是他们想要的是无限滚动的内容，他们仍然被迫先浏览一堆无关的内容。没有办法快速跳到他们的目标目的地。

罗塞利说：“如果我在一个产品网站上想要一条裤子，那是字母‘p’，我不想翻看字母表中的其他15个字母。”“让我点击‘p’，然后跳到无限滚动的那部分。”

它混淆了用户的直觉

一些博客和新闻网站也使用无限滚动。它们在一个无休止滚动的页面上堆叠文章，当用户向下滚动时，每篇连续的文章都会在地址栏中创建一个新的URL。

这可能会鼓励被动用户逗留并阅读“再看一篇”文章，这有助于提高网站的页面浏览量和退回率——但它会给大多数访问者带来令人沮丧的体验。

用户界面和用户体验设计顾问Hugh Guiney说，网站设计“打破了网络的思维模式”。

“很久以来，每个页面都只有一个URL，”他说。“现在每个页面的url数就像n个。”

互联网用户在阅读一篇在线文章时希望有一种进展感，在完成一篇文章时希望有一种终结感。但无限的滚动会破坏这一点，导致迷失方向。

桂尼说，在使用无限滚动的新闻网站上，用户很容易不小心滚动过他们读过的文章，复制下一篇文章的URL，并把错误的文章分享给他们的朋友。这是在使用分页的网站上不会发生的事情。

无限滚动的替代方案

网站设计师不需要在他们的网站或应用程序中添加无限滚动。相反，他们可以选择两个常见的选项之一：分页和加载更多按钮。

分页

分页可能是组织web内容的最明显的方法。它涉及到将内容划分为离散的页面，每个页面填充有限数量的条目。它很清晰，并提供用户所期望的内容。分页几乎没有什么奇怪的地方。

它还可以让用户了解物品的位置。例如，在电子商务网站上购买帽子的用户可能会看到第四页，然后意识到选择越来越少，并回忆起他们最喜欢的选项在第二页或左右。对于分页来说，返回到特定hat的位置是一项非常简单的任务。

加载更多按钮

“更多加载”按钮通常放在一大块内容下面，询问用户是否想看到更多结果。与《无限滚动》不同的是，它并没有假设它们会这样做。这给了他们一个自然的终点，一个继续的选择。它允许用户在需要时访问页脚。

与分页不同，load-more按钮不会将内容分解为离散的、按编号或字母排序的页面。

不过，带有“更多加载”按钮的网站的体验与无限滚动的网站有点相似。例如，在用户点击“加载更多”几次后，他们有一个大的项目合并页面，而不是多个项目页面。因此，无限滚动的缺点仍然存在：点击链接后仍然很难回到原来的位置，用户仍然无法从完成一个页面中获得进展的感觉。

包容性设计有多种形式

无限滚动的例子

无缝移动滚动

删除页面底部的页码和按钮，支持无限滚动，可能会为用户带来优雅、无缝的浏览体验。尤其是在移动设备上，用户已经习惯用拇指滑动，而不是点击按钮来获取额外内容。

偶然浏览

当用户的主要动作是随意浏览社交媒体时，无限滚动也是一种直观的设计选择。在这种情况下，信息的及时性是至关重要的，每一点信息都具有同等的重要性。而且总是有新的更新。

“如果你把这些信息分页，它真的没有任何意义，”基尼说。当你翻到第二页的时候，第一页的结果已经出现了。这使得无限滚动——而不是分页——自然适合于用户通常没有特定目标的社交提要。

无限滚动也适用于聊天风格的应用程序，比如短信或Slack，用户通常不需要找到特定的信息，也不用担心看到所有东西。罗塞利说：“那些真的只是瞬间，你沉浸在其中，又沉浸在其中。”

制作《无限滚动》的技巧

通常情况下，网站设计师都希望避免无限滚动。但罗塞利说，如果他们决定使用它，他们应该记住几件事。

不要在无限滚动后放置内容

把一个网站的页脚粘贴在无止境的加载内容的海洋下，用户承担了一个西西弗斯的任务。他们会因此生你的气的。这样做是对的。把重要的信息放在容易拿到的地方。

当用户点击“后退”按钮时，让他们回到原来的位置

没有什么比失去你的位置，不得不滚动相同的内容，只是回到你停止的地方更令人沮丧的了。在后端编写代码，让用户回到他们原来的地方。

提供跳跃前进的能力

不要让你的用户为了找到他们想要的东西而去滚动他们知道他们不需要的内容，从而浪费时间。包括按钮，让他们跳转到特定的字母或数字。

让它为只有键盘的用户工作

以这样一种方式构建和测试您的无限滚动，以便仅使用键盘的用户和屏幕阅读器的用户能够按照预期体验到您的页面。他们不应该点击“标签”按钮一百次才到达他们需要去的地方。解决方案可能是包括一个选项来关闭无限滚动，并允许用户使用分页或加载更多按钮，如果他们愿意。

首先测试

罗塞利说：“在花时间写代码之前，先弄清楚你要解决的问题是什么。”例如，如果网站设计师想增加在网站上的时间，降低跳出率，他们就应该创建原型，在不同用户(包括残疾用户)中进行测试，看看设计是否真的支持这个目标。

无论设计者最终决定采取什么路线——无限滚动，加载更多按钮，分页，甚至只是一个搜索栏——首先测试它，收集用户反馈是最重要的步骤。