什么是无限滚动及其如何工作?

无限滚动是许多现代网站(包括Twitter,Facebook和Reddit)使用的一种技术。

无论您是想知道网站为什么会这样的用户,还是想要考虑使用该技术的设计师,了解它都是关键。

这就是无限滚动,它的优点是什么,不是很好。

什么是无限滚动?

无限滚动是一种在滚动时加载更多内容的技术。它允许您无限期地继续滚动,有时也称为无穷滚动。

Aza Raskin在一家小型用户界面公司Humanized工作期间发明了该机制。自2006年创建以来,此后在主流网站上越来越受欢迎。

这项技术通常用于社交媒体Feed中,而该社交媒体Feed可能会大量出现。它们经常变化,因此无限滚动可以方便读者。该术语指的是台式机或移动设备上的网站和应用程序。

无限滚动通常会替换称为分页的布局。这是一种较为传统的方法,可将大列表分为几个较小的页面。这些页面通常已编号。通常,一系列链接允许用户选择各个页面。

无限滚动背后的技术

在幕后,无限滚动仍然可以像正常的网站浏览一样工作。您的浏览器请求一些内容,然后Web服务器将其发送回去。

主要的技术区别是无限滚动使用JavaScript发送请求。作为读者,您可能并没有特别意识到这种情况的发生,尽管内容似乎加载得更快。包括预加载在内的各种技术实际上可以加快处理速度。

无限滚动通常会自动工作,当阅读器到达页面底部或靠近页面底部时,将加载新内容。但是也有妥协。一些网站在其内容的底部显示“加载更多”按钮。这仍然使用相同的基础技术来注入更多内容,但是它是手动操作。

Google是一个有趣的例子。它在桌面上对网页结果进行分页,但在移动设备上使用手动无限滚动。其图像结果在两者上都自动无限。

那么,无限滚动到底有什么问题呢?

首先,存在一些技术和设计缺陷,无法平衡某些优势。它们通常是由于实施不完善,而不是无限滚动固有的缺陷。但是它们仍然会发生。

如果站点在重新设计期间引入了无限滚动,则可能会影响其他页面元素。例如,如果页面设计使用页脚,则在内容不断加载并将其推开的情况下,可能无法访问页脚。

该技术需要JavaScript,但是通常可以使用,即使没有JavaScript,实现也可以解决。更麻烦的是对打印的影响,尤其是使用旨在打印整个页面的工具。没有人愿意打印其Twitter feed的全部历史记录!

另一个缺点涉及导航。滚动以加载其他内容时,请离开页面并稍后返回,应显示什么?此问题是更广泛问题的一部分。无限滚动通常会创建添加书签后无法正常运行的页面。

无休止滚动的社会影响如何?

除了任何技术缺陷外,对人类行为的影响也可能很大。 Aza Raskin本人对滥用该技术表示关注:

就像他们正在服用可卡因一样,只是将其撒在您的界面上,这就是让您喜欢来回回荡的原因。

争论是因为无限滚动不断提供新内容,所以它鼓励用户越来越多地消费。当然,无限滚动本身只是一个小的推动因素。没有它,社交媒体上瘾就会存在,但可能不那么明显。

相关:社交媒体对人和用户的负面影响

无限滚动的高潮和低潮

无限滚动是一种聪明的技术,但要考虑到缺点。并非适合所有情况。与每个设计选择一样,网站创建者应测试替代方案。

作为读者,了解无限滚动和传统静态模型之间的区别非常有用。在后者中,Web浏览器根据显式请求加载内容。各个页面具有不同的URL,以便读者可以为其添加书签。