无限滚动与分页设计的优缺点及应用场景分析.doc

无限滚动与分页设计的优缺点及应用场景分析.doc

ID:55336567

大小:73.50 KB

页数:4页

时间:2020-05-10

无限滚动与分页设计的优缺点及应用场景分析.doc_第1页
无限滚动与分页设计的优缺点及应用场景分析.doc_第2页
无限滚动与分页设计的优缺点及应用场景分析.doc_第3页
无限滚动与分页设计的优缺点及应用场景分析.doc_第4页
资源描述:

《无限滚动与分页设计的优缺点及应用场景分析.doc》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库

1、无限滚动与分页设计的优缺点及应用场景分析“应该使用无限滚动还是分页的方式来展现内容?”,这是一些设计师在做具体的项目时经常需要去抉择的问题。实际上他们各有优缺点,在本文中,我们将概述这两种方法的适用场景并分析哪类项目适合用哪种方式。无限滚动无限滚动技术,简单地向下滚动就可以不断刷新页面加载更多的内容,现在很多移动端使用的方式。优点1:用户参与度和内容发现当你使用滚动作为主要的数据加载方法时,它会让用户继续留在你的web页面中,因此增加了接触的时间。特别是社交媒体类,大量的数据在实时更新,无限滚动提供了一种有效的浏览海量信息的方法,而不必等待

2、页面预加载。无限滚动几乎是每一个发现界面都必备的。当用户不是为了寻找某些特定的内容时,他们需要浏览大量的信息去发现他们喜欢的东西。由于内容更新的太快,用户很难看到所有的信息,无限滚动是一种让尽可能多的信息呈现在用户信息流的有效方式。优点2:可用性优势滚动比点击拥有更好的用户体验。鼠标滚动或滑动屏幕比点击来的更快和更容易,特别是遇到连续和冗长的内容时,滚动显然比被划分成几个页面的具备更好的可用性。优点3:滚动很适合移动设备屏幕越小,滚动的时间越长。移动浏览的普及是采用滚动方式的另一个重要原因。移动设备的手势控制使滚动更加直观和易用。无论用户使

3、用什么移动设备,那种响应式的体验比点击好多了。缺点1:页面性能和设备优势对于良好的用户体验来说,页面加载速度非常关键。缓慢的加载时间将导致用户关闭网页或退出应用程序。用户向下滚动的越多,更多的内容将被加载到页面上,页面性能也会慢慢下降。另一个限制性因素是用户的设备。特别是当网站滚动加载的是许多图片时,设备性能的限制会导致体验大打折扣。缺点2:信息搜索和位置无限滚动的另一个问题是,当用户到达信息流的某个位置时,他们不能标记位置然后过会再返回到这个地方。如果他们离开这个网站或应用程序,再进来时就要重新向下滚动到原来那个地方。如果页面很长,而自己

4、要的信息又在比较下面的话,用户体验肯定不会太好。(微信解决了这个问题,哪怕后台关闭了程序,重新进入图文时会直接到达原来的浏览位置)缺点3:无关紧要的滚动条另一个烦人的事情是,滚动条并不能真实地反映你所在的位置。当你向下滚动时感觉要到底部了,结果却发现刷新后你还是在中部。从可访问性的角度来说,这里的滚动条成了一种误导。滚动条根本无法反映真实的页长缺点4:缺乏一个页脚页脚的存在是有原因的:它们包含很多有用的内容(比如联系方式、帮助中心,当然有些是放在顶部导航栏),当用户在页面不能找到他们想要的信息时,他们经常会去那里找到更多信息或联系方式。但当

5、他们滑到底部时,发现那个“联系方式”就在那里,不好意思,页面刷新了...网站使用无限滚动时应该使页脚可访问,可以把它放到顶部或侧边栏。另一个解决方案是使用一个加载更多的按钮。新的内容不会自动加载,直到用户点击加载更多按钮。分页分页是一个将内容分为单独页面的用户界面模式,如果你滚动到页面底部看到数字行或有个“下一页”按钮,那就是网站或应用程序的分页。优点1:良好的转换当用户要找的信息在结果列表中时,分页是一种不错的方式,它不需要用户去浏览整个信息流。以谷歌搜索为例。当你输入一个关键词,发现第一页的内容不太符合你的目标,并且看到底部分页数不多时

6、,你就知道可能找不到你要的信息,这进你就会决定换个关键词,而如果是滚动的话,你不知道后面有多少信息,是否可能找到你要的信息,这时就很难做决定。优点2:控制的感觉无限滚动就像一个没有尽头的游戏——无论你滚动多少次,好像永远不会结束。当用户知道有用的结果数量时能够做出更明智的决定,而不是不停地滚动。根据大卫kiera的人机交互心理学研究:“到达终点给人一种控制的感觉”。当用户看到的结果总数(当然不是无限)时,他们会估计找到他们需要的信息大概需要多少时间。优点3:信息的位置分页界面可以让用户有一个大概的位置信息。他们未必知道确切的页码,但他们会记

7、得大概是多少页,分页的链接可以让他们更容易到达那里。分页对电商网站或应用程序来说是很有用的。当用户在网上购物时,找了一段时间没发现他们要买的那个款,他们很可能不会再继续翻下去,碎片化的时间不允许他们那样做,他们会记住这次找到第几页了,下次直接从这页开始。缺点:多余的操作要进入下一个分页面,用户必须找到链接目标(例如“下一页”或数字),单击它然后等待新页面加载。这里的主要问题是,大多数网站能够呈现给用户的最新相关内容非常有限,在不影响加载速度的情况下使用长页面,用户可以一次性获得更多的内容,而不需要做多余的切换。什么情况下使用无限滚动/分页?

8、只有少数情况下采用无限滚动是合适的。最适合的是拥有用户生成内容(微博、Twitter、Facebook)或视觉内容(Pinterest、花瓣、Instagram)的那些网站和应用

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。