神刀安全网

设计选择困难症,无限滚动与分页设计孰优孰劣

“应该使用无限滚动还是分页的方式来展现内容?”,这是一些设计师在做具体的项目时经常需要去抉择的问题。实际上他们各有优缺点,在本文中,我们将概述这两种方法的适用场景并分析哪类项目适合用哪种方式。

无限滚动

无限滚动技术,简单地向下滚动就可以不断刷新页面加载更多的内容,现在很多移动端使用的方式。

优点1:用户参与度和内容发现

当你使用滚动作为主要的数据加载方法时,它会让用户继续留在你的web页面中,因此增加了接触的时间。特别是社交媒体类,大量的数据在实时更新,无限滚动提供了一种有效的浏览海量信息的方法,而不必等待页面预加载。

无限滚动几乎是每一个发现界面都必备的。当用户不是为了寻找某些特定的内容时,他们需要浏览大量的信息去发现他们喜欢的东西。由于内容更新的太快,用户很难看到所有的信息,无限滚动是一种让尽可能多的信息呈现在用户信息流的有效方式。

优点2:可用性优势

滚动比点击拥有更好的用户体验。鼠标滚动或滑动屏幕比点击来的更快和更容易,特别是遇到连续和冗长的内容时,滚动显然比被划分成几个页面的具备更好的可用性。

优点3:滚动很适合移动设备

屏幕越小,滚动的时间越长。移动浏览的普及是采用滚动方式的另一个重要原因。移动设备的手势控制使滚动更加直观和易用。无论用户使用什么移动设备,那种响应式的体验比点击好多了。

缺点1:页面性能和设备优势

对于良好的用户体验来说,页面加载速度非常关键。缓慢的加载时间将导致用户关闭网页或退出应用程序。用户向下滚动的越多,更多的内容将被加载到页面上,页面性能也会慢慢下降。

另一个限制性因素是用户的设备。特别是当网站滚动加载的是许多图片时,设备性能的限制会导致体验大打折扣。

缺点2:信息搜索和位置

无限滚动的另一个问题是,当用户到达信息流的某个位置时,他们不能标记位置然后过会再返回到这个地方。如果他们离开这个网站或应用程序,再进来时就要重新向下滚动到原来那个地方。如果页面很长,而自己要的信息又在比较下面的话,用户体验肯定不会太好。(微信解决了这个问题,哪怕后台关闭了程序,重新进入图文时会直接到达原来的浏览位置)

缺点3:无关紧要的滚动条

另一个烦人的事情是,滚动条并不能真实地反映你所在的位置。当你向下滚动时感觉要到底部了,结果却发现刷新后你还是在中部。从可访问性的角度来说,这里的滚动条成了一种误导。滚动条根本无法反映真实的页长

缺点4:缺乏一个页脚

页脚的存在是有原因的:它们包含很多有用的内容(比如联系方式、帮助中心,当然有些是放在顶部导航栏),当用户在页面不能找到他们想要的信息时,他们经常会去那里找到更多信息或联系方式。但当他们滑到底部时,发现那个“联系方式”就在那里,不好意思,页面刷新了…

网站使用无限滚动时应该使页脚可访问,可以把它放到顶部或侧边栏。

另一个解决方案是使用一个加载更多的按钮。新的内容不会自动加载,直到用户点击加载更多按钮。

分页

分页是一个将内容分为单独页面的用户界面模式,如果你滚动到页面底部看到数字行或有个“下一页”按钮,那就是网站或应用程序的分页。

优点1:良好的转换

当用户要找的信息在结果列表中时,分页是一种不错的方式,它不需要用户去浏览整个信息流。

以谷歌搜索为例。当你输入一个关键词,发现第一页的内容不太符合你的目标,并且看到底部分页数不多时,你就知道可能找不到你要的信息,这进你就会决定换个关键词,而如果是滚动的话,你不知道后面有多少信息,是否可能找到你要的信息,这时就很难做决定。

优点2:控制的感觉

无限滚动就像一个没有尽头的游戏——无论你滚动多少次,好像永远不会结束。当用户知道有用的结果数量时能够做出更明智的决定,而不是不停地滚动。根据大卫kiera的人机交互心理学研究:“到达终点给人一种控制的感觉”。

当用户看到的结果总数(当然不是无限)时,他们会估计找到他们需要的信息大概需要多少时间。

优点3:信息的位置

分页界面可以让用户有一个大概的位置信息。他们未必知道确切的页码,但他们会记得大概是多少页,分页的链接可以让他们更容易到达那里。

分页对电商网站或应用程序来说是很有用的。当用户在网上购物时,找了一段时间没发现他们要买的那个款,他们很可能不会再继续翻下去,碎片化的时间不允许他们那样做,他们会记住这次找到第几页了,下次直接从这页开始。

缺点:多余的操作

要进入下一个分页面,用户必须找到链接目标(例如“下一页”或数字),单击它然后等待新页面加载。这里的主要问题是,大多数网站能够呈现给用户的最新相关内容非常有限,在不影响加载速度的情况下使用长页面,用户可以一次性获得更多的内容,而不需要做多余的切换。

什么情况下使用无限滚动/分页?

只有少数情况下采用无限滚动是合适的。最适合的是拥有用户生成内容(微博、Twitter、Facebook)或视觉内容(Pinterest、花瓣、 Instagram)的那些网站和应用程序。分页相对来说是一个安全的选择,如果是用来满足用户的面向目标的活动的话,分布是一个更好的网站和应用解决方案。

谷歌就很好的说明了这一点。谷歌图片使用无限滚动,因为处理图像信息比处理文字信息更容易。但搜索仍然使用传统分页技术,因为浏览搜索结果需要更长的时间。

所以,选择无限滚动还是分页取决于你的设计和内容是如何实现的。一般来说,无限滚动适合不断更新的流数据,并且用户不是在寻找什么特定结果;而分页界面更适用于用户要寻找一个特定目标的网站或应用,因为这种情况下,用户对信息位置的需求较高。

作者:Nick Babich

译自:uxplanet

译者:IXDC

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » 设计选择困难症,无限滚动与分页设计孰优孰劣

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址