原创

不要在网站上无限滚动!

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://csdnnews.blog.csdn.net/article/details/100987794

640?wx_fmt=gif

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

640?wx_fmt=jpeg

作者 | Monish reddy

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

出品 | CSDN(ID:CSDNnews)

以下为译文:

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

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

640?wx_fmt=jpeg

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

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

640?wx_fmt=png

性能问题

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

640?wx_fmt=png

页脚被掩盖了

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

640?wx_fmt=png

很难实现分析

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

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

640?wx_fmt=png

航混

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

640?wx_fmt=png

滚动条很不友好

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

640?wx_fmt=jpeg

640?wx_fmt=png

它使用不便

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

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

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

  • 它们有多少结果?

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

  • 我找对了吗?

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

事实上,没有研究表明人们不喜欢点击链接来访问一个新页面来浏览其他内容。那么为什么要无限滚动呢?

640?wx_fmt=png

迷惑用户

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

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

640?wx_fmt=png

不允许跳过

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

640?wx_fmt=png

没有书签

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

640?wx_fmt=png

用户体验

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

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

640?wx_fmt=png

结论

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

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

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

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

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

【END】

 热 文 推 荐 

☞dfuse、慢雾科技、MYKEY共同出席,与你探讨区块链数据架构和项目上链那些事!

640?wx_fmt=gif点击阅读原文,输入关键词,即可搜索您想要的 CSDN 文章。

640?wx_fmt=png
你点的每个“在看”,我都认真当成了喜欢
0 个人打赏
文章最后发布于: 2019-09-17 09:26:14
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

打赏

CSDN资讯

“你的鼓励将是我创作的最大动力”

5C币 10C币 20C币 50C币 100C币 200C币

分享到微信朋友圈

×

扫一扫,手机浏览