当前位置:首页 > 网站用户体验专题

无限滚动如何打破网页设计思维

2020-01-06

到目前为止,用户对无限滚动已经不仅仅熟悉了,这种无限滚动的设计技术可以在您向下滚动页面时不断刷新。无限滚动被表面上用来代替分页的设计,被誉为对用户体验更友好,更方便,但这是真的吗?

有时,传统的思维是完全错误的,就像在无限滚动的情况下那样。当每个人都认为自切成薄片的面包以来,一项特定的技术是最伟大的事情时,那通常就表明了这项技术的过度使用。这就是无限滚动到底发生了什么。

 

页面性能令人生厌

在网络上,页面加载速度至关重要。研究表明  ,缓慢的加载时间会导致人们离开您客户的网站,并且转换率总体呈下降趋势。客户的客户和网站访问者不在乎您的网站外观有多酷,以及是否有精美的图形。

访问者不在乎您的网站外观有多酷,以及是否有精美的图片……[他们]不在乎...页面加载时间

他们最关心的是页面加载时间。对于那些拥有无限滚动站点的人来说,这是个坏消息。

您会看到,越多的用户无限地向下滚动一个页面,则不可避免地必须在同一页面上加载更多的内容。结果,页面性能将越来越慢,从而给试图读取页面上所述内容的人们带来更加恶化的用户体验。

当然,这不一定适用于所有长滚动页面,但是,当页面需要加载更多内容时,只要有更多工作要做,就会遇到性能问题-特别是如果页面很长。


Google Plus依靠无限滚动,但这并不总是最好的主意。索尼的Google Plus页面上,以公司更新的形式为用户提供了大量内容。例如,如果他们想回到前几个月来检查较旧的帖子,则必须无限滚动一段时间,这意味着该页面上会加载越来越多的内容。结果,一段时间后,每个部分刷新后,新帖子的加载可能需要几秒钟的时间。

 

滚动位置被遗忘

处理无限滚动的用户最大的烦恼是,您停止在无限滚动页面上停止滚动的位置并没有被浏览器记录为固定。当您单击长滚动页面上某个位置的链接并转到同一选项卡中的下一页或网站时,这会导致特别的沮丧。当您尝试通过单击后退箭头返回时,您将永远不会到同一地方!

回到原始页面后,您必须从无限滚动的最开始就到达同一位置,这浪费了很多时间,并且对于某些用户而言可能是令人沮丧的。这是因为无限滚动的页面通常会在用户离开后将滚动重新设置为最开始的位置。

关于这个臭名昭著的问题的一个很好的例子可以在Creative Cruise的长滚动页面上找到它是网页设计的一个非常独特的示例,它具有讲故事的图案,可以跟踪邮轮从西到东的路线。因此,当您向下滚动页面时,您实际上是在向右滚动。


假设您正在滚动页面,然后将其转到Herengracht 506,这是巡游的第五个接载点。由于该地点是倒数第二个地点,因此您几乎了解所有接载地点。但是,突然之间,您想了解有关此巡航的更多信息,因为有趣的设计激发了您的想象力。

哦! 在水平导航的右上方是“关于巡游”链接,因此您单击它即可了解更多信息。在花了很短的时间阅读有关巡航的信息之后,您决定单击后退按钮以尝试从接载点5(Herengracht 506)恢复,但是令人失望的是,您发现无限滚动已重设了整个页面,再次从头开始,滚动浏览所有接载点,以到达同一地点。

令人沮丧!从开始就重新开始整个旅程,这几乎就像在视频游戏中受到惩罚一样。

 

页脚很难使用(或完全不可能使用)

页脚通常包含网站访问者的重要信息,例如网站的“关于”,“联系”甚至“隐私”链接。用户已经开始期望,如果他们有任何疑问或只想了解其他详细信息,便可以轻松地单击此类信息。不幸的是,对于这些用户而言,无限滚动有时使几乎无法成功单击这些页脚链接。

对于像无穷滚动一样普遍存在并且似乎很流行的东西,它远非完美

一旦您认为在向下滚动到某个点后单击页脚中的链接就可以了,那么您会发生什么呢?无限滚动会自动接管,显示内容的下一层并…将页脚向下推。这形成了一个恶性循环,即向下滚动,看到页脚,徒劳地单击它,然后将其推得更远。那不是很令人满意!

Bing Images为例。对于“糖果”的搜索,您会获得无穷无尽的图片来显示这种甜食。初始搜索后,单击“查看更多图像”时,页脚将继续被推下。


页脚包含“了解更多”和“帮助”之类的链接,但您将无法真正单击这些有用的链接中的任何一个,直到页面停止无限滚动为止,这需要一段时间。这使得试图赶上页脚的时间很烦人。

 

仍然需要工作

对于像无穷滚动这样无处不在且看似流行的东西,它远非完美,需要在这些关键领域进行改进,然后设计师才能为客户满意地实施这种设计技术。只是向您表明,已被广泛采用的某些内容并不能证明其有用性。

是的,无限滚动是分页导致延迟到达内容的一种替代方法,但是它也会产生自己的问题。

服装网站设计在跳上长滚动的潮流之前,应该权衡无限滚动的利弊。毕竟,与客户的网站访问者相比,由于内容过多,滚动位置不固定以及页脚始终不可达而导致的页面加载时间长,应该得到更好的回报。

免费获取报价

  • 29923329

  • 杭州市丰庆路498号北软智慧科创大厦203

  • 0571-85815193

  • pady@1t2.cn

网站地图 版权所有 © 2008-2021 杭州派迪科技有限公司  Copyright © 2008-2020  www.hzpady.com  All Rights Reserved    浙ICP备14029905号-1     公安备案:33010802008411    软著登字第3457658号