首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

不要在网站上无限滚动!

人们在浏览网站的时候是喜欢用“无限滚动”,还是喜欢点击“阅读更多”或“查看更多”?无限滚动消除了分页的需要——分页是将数字内容分离到不同页面的过程。但这种方式真的好吗?

作者 | Monish reddy

译者 |风车云马,责编 | 屠敏

出品 | CSDN(ID:CSDNnews)

以下为译文:

下面是我对无限滚动的看法,说明为什么它会导致不良后果。

对于某些用户来说,无限滚动会带来压力。对那些习惯查看页脚选项卡的人来说,无休止的滚动活动不仅会令人恼火,还可能带来压力。

你知道卷轴吧?几百年前它就被使用了。无线滚动类似于卷轴,很多网页右边有滚动条,但是无限滚动条不会告诉你何时停止。相对而言,分页可以使浏览大块内容变得很容易。

如果你想在建设和开发网站中使用无限滚动,以下从技术、美学和功能等10个方面建议你不要这样做:

性能问题

随着无限滚动,您将把越来越多的内容加载到内存中。这直接影响了网页性能,因为浏览器要比通常打开页面做更多的工作,客户端需要不断监听与滚动相关的调用。即使这个问题可以解决,但需要花费大量的时间,还不如投入到其他事情上。

页脚被掩盖了

在一个无限滚动的网站中很难发现页脚,但是用户有时候需要访问页脚。一般网站底部会设置页脚,其中包含联系方式、关于我们的信息、隐私政策等信息。如果采用无限滚动的话,可以使用一个粘性页脚,但不选择无限滚动将在更大程度上取悦用户。

很难实现分析

如果在网站上无限滚动,你不能使用谷歌分析或其他任何分析工具。要跟踪一个页面,您需要编写自己的分析应用程序。此外,这将增加维护的成本。

分析并不是唯一的问题,这里还有一个与无限滚动相关的问题。使用无限滚动会带来严重的搜索引擎优化(SEO)挑战。明知如此为什么还要这么做呢?

导航混乱

导航是浏览网站的关键部分,也是用户体验的重要部分。无限滚动破坏了通常的导航流,而且体验不是很好。想象一下,如何给页面下方的项目添加书签?如果整个页面都做书签,用户需要花很长时间才能到达指定页面。

滚动条很不友好

如果在网站上启用了无限滚动,即使是滚动条的轻微移动也会导致大量信息内容干扰。它也给访问者在思想上玩了一个把戏,当你向下滚动以找到页脚或页尾时,页面无意中扩展加载了更多项目。当您这样做时,您并没有得到访问者的许可。

它使用不便

无限滚动在使用上并不方便的。设计是理解用户的需求,并给用户补充他们的想法。无限滚动会让他们感到困惑,而且对用户没有任何帮助。他们对即将看到的下一件事感到忐忑不安。

下面是人们在使用无限滚动时会问自己的一些问题:

这一切什么时候才能结束?

它们有多少结果?

我需要多少时间来浏览他们的全部结果?

我找对了吗?

在大多数网站中,用户会看到一堆他们可以使用的页码,网站的内容很清楚。这将帮助他们做出明智的决定,因为他们可以衡量他们需要花在网站上的时间。更小的页面更容易完成,让你更专注,而且没有无限滚动带来的负面体验。

迷惑用户

任何无限的事物给人的感觉都与现实生活方式相矛盾。在无限滚动的情况下,有太多的信息在垂直方向上漂浮,以至于无法估计有多少信息。它让像我们这样的凡人感到不舒服,因为它不停地滚动,看不到尽头。

用户也很难回到他们之前看到的项目。使用分页,您至少知道如何根据编号映射页面。当用户向下滚动到最后才发现有更多的内容向他们袭来时,他们会感到困惑和愤怒。

不允许跳过

使用分页,您可以选择跳过某些页面,转到网站后面或前面许多步骤的另一个页面。使用无限滚动,您无法做到这一点,因为它是一个看起来无穷无尽的单一内容流。正如我们在前一点中提到的,不仅跳过页面是不可能的,甚至书签页面也是没有意义的无限滚动。

没有书签

大多数人在浏览网页时不会阅读全部内容,因为我们可能在忙着做其他事情。这时我们将页面添加书签,以便以后可以访问它并使用内容。如果您所在的站点启用了无限滚动,则不能将其添加为书签。除非您使用整个页面,而不是您所需要的特定的内容片段。对于一般的网站用户来说,这是非常麻烦、令人沮丧和不切实际的。

用户体验

如果网站访问者想找到一些特定的东西,无限滚动是不可能做到的。当用户无法回到几分钟前刚刚浏览的信息时,就会觉得很糟糕。无限滚动没有排序、过滤或导航技术来标识特定的内容块。人们更容易记住某个特定的条目在第几页,然后直接去那里,而不是无休止地来回滚动。

当用户想要使用你的网站来完成一项任务时,无限滚动对他们的体验来说是很糟糕的。分页为用户提供了指挥权,而无限滚动则粗暴地将指挥权从用户手中夺走。

结论

如果你还在犹豫要不要使用无限滚动条,只需要考虑一点——在你的网站上使用无限滚动条,相对于普通的分页界面,你有很大的优势吗?如果这个问题的答案是“YES”,那么请自便。

与此相关的设计和应用程序开发方面有很多挑战。科技的进步是件好事,但如果它对你没有好处,那就忽略它们。无限滚动可以是一件好事,如果它符合你的网站目标和用户的期望。否则,它就是一个大大的“NO”。

如果你是一个电子商务网站,请不要想着使用无限滚动。它会对你商店的客流量和销售额造成负面影响。

原文:https://hackernoon.com/stop-infinite-scrolling-on-your-website-now-ie6rg31eu

本文为 CSDN 翻译,转载请注明来源出处。

【END】

热 文推 荐

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190917A055V200?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券