跳到主要内容

何时分页以及何时无限滚动

四季已经过去,并且已经取得了进步,但是在无限滚动与分页的争论中没有一丝判决。因此,一些设计师仍然在两种方法之间进行一场拉锯战,以决定将哪些方法实施到他们的项目中。

那些在不知道何时或如何正确使用任何一种方法的情况下前进的人往往会耗尽他们的资源并使用户感到沮丧......无论采用何种方法。

但为什么用户会被激怒呢?要了解原因,请继续阅读。

无限滚动

无限滚动是一种打破或隐藏滚动条的技术,允许用户滚动浏览大量内容而看不到终点线。您也可以在单页网站上看到它视差滚动。虽然听起来很诱人,但这种技术对于每个网站来说都不是万能的。

Le Goff Gabarra utilises infinute scrolling. Image source: www.lgetg.fr

Le Goff Gabarra使用无限滚动。图片来源:www.lgetg.fr

这项技术不仅因为从网络上挖掘出的丰富内容而压倒了您,而且还剥夺了您对要探索的数据的控制权。

根据研究论文,人机交互中的心理学密歇根大学教授David Kieras指出,“达到终点可以提供控制感”。该研究进一步阐明,当用户获得有限但相关的结果时,他能够轻松确定他所寻求的是否实际存在。这允许用户对数据进行精细评估,而不是略读无限块。

我相信无限滚动的另一个问题是,在搜索和定位所需项目时效率非常低。由于其无穷无尽的数据流,用户无法确定所需数据的确切位置。即使他这样做了,如果他在另一个时间重新访问网页,他仍然需要从顶部再次查找它。

无限滚动对用户体验的不利影响

早些时候,我对一个沮丧/烦躁的用户的意思是一种令人不满意或相当讨厌的用户体验。正如我所说,如果你继续滚动更多,你找不到你在页面上找到的项目。该技术没有保存用户滚动状态的最重要的能力。

假设你正在寻找一个'蛋糕'的图像,你找到了一个。但是,您在网页上看到的其他图像会让您受到诱惑,这会让您继续滚动。最后,您不喜欢其中任何一个,并尝试通过单击后退按钮取回您之前找到的那个。令您惊讶和烦恼的是,您被转移到页面的开头,不得不再次滚动块来重新定位该图像。

Photopin, and some other websites, uses infinite scrolling, but does not provide any method to mark the image so that it can be found again without having to repeat the search

Photopin和其他一些网站使用无限滚动,但没有提供任何方法来标记图像,以便可以再次找到它而无需重复搜索

这种无法确定用户的滚动位置不仅会引起用户的烦恼或混淆,而且还会损害整体用户体验。

除了上述问题之外,无限滚动对您的网页性能以及它都有害在浏览器的内存中提供了很多东西。毕竟,您在单个页面上列出了永无止境的内容。

此外,由于不断的数据洪流,看不到任何终点也会激怒向下滚动到页脚寻找更多链接的用户,例如TOS,隐私政策等。

Some websites like ByKato uses infinite scrolling but do not have any footer. Image source: http://bykato.com

像ByKato这样的网站使用无限滚动但没有任何页脚。图片来源:http://bykato.com

总而言之,如果做得不好并且尽职尽责,无限滚动可能最终成为用户体验和可用性的祸根而不是祝福。

分页如何反对滚动

分页既有起点,也有终点。用户通常喜欢分页,因为他们可以轻松确定他们所寻找的信息是否存在。如果是,那么他们也知道他们可以在哪个位置找到它。

他们知道他们面前有一个有限但相关的结果,这就是为什么他们不需要额外的里程来查找任何东西。简而言之,分页为用户提供更好的控制他们的搜索。具有控制感,具有完成感,后者带来满足感。

当然,满足是成功的用户体验要完成的。

与无限滚动不同,分页带来转换

对内容进行分页而不是让它受到无限滚动的摆布的最大好处是分页带来了转换。毕竟,分页注重可用性而不是简单的样式或提供眼睛糖果元素。

当您使用滚动作为探索数据的主要方法时,它可能会使用户在您的网页上停留更长时间,从而提高参与度。然而,用户不会点击太多由于你占据了他所有闪闪发光的内容。

相反,分页为用户提供了更少的时间来浏览数据和更多的时间决策,从而点击所需的信息。结果,你得到了很好的转换!

Google SERPS are paginated - there's a clue whether it works or not

谷歌SERPS是分页的 - 有一个线索是否有效

您可以使用Google网络搜索示例来衡量分页的好处。毕竟,它已经使其分页网络搜索成为其关键商业模式的象征性手段......从而引发了SEO,这是一个完全不同的讨论 - 阅读我们的网页设计师必备的SEO清单更多。

最终比较

无限滚动最适合拥有用户生成内容(Twitter,Facebook),可视内容的网站 - 因为它提供有限的观看功能,如Google图片搜索 - 或打算平衡其内容(如Mashable)的流量负载的网站。

另一方面,分页是一种通用选项,最适合那些打算满足访客目标导向活动的平台,如Google网页搜索等。

所以,有我的判决 - 你是否同意我的发现?请在下面分享您的意见。

:普雷斯顿皮尔斯

Preston Pierce是创意总监和博主徽标Ping。他在平面设计方面拥有五年的经验,主要是品牌识别和Web UI设计。

像这样?阅读这些!

话题

UX


翻译字数超限