(翻译)连续滚动模式(Continuous Scrolling)

问题概述

  由于很难将数据集合的所有内容同时显示在一个页面上,用户只能查看数据集合的部分内容。用户每次只能看到数据集合的一部分,貌似数据集合内容无限,采取措施让用户能毫不费力的浏览数据集合内容。[1]

示例

这里写图片描述

用途

  • 用于内容太多,在普通页面中显示不下时;
  • 用于从当前内容跳转到第二页内容太费神时;

解决方案

  当用户浏览到页面底部时,自动加载下一部分或下一页内容。
  与分页模式相比,本模式不存在自然中断。分页模式一次显示一部分内容,让用户主动选择想要看的内容;本模式下,当用户浏览到页面底部时会自动加载新的内容[2]。因此,使用连续滚动模式时页面看上去永远不会到底,每当用户浏览到页面底部时,就会加载更多的内容到页面上。

说明

  当用户浏览到页面底部时,不断向网页中加载新的内容,形成无限向下滚动的效果,不再让用户使用“下一页”功能。本模式有利于用户体验,但会造成书签问题[3]。
  使用分页模式浏览数据集合部分内容的问题是,用户需要使用”下一页”功能,这把用户从内容浏览模式拉到了内容切换模式[4]。此时,用户考虑的不再是他们在看什么,而是如何获得更多内容,这会强迫用户停止浏览,打断用户的思路。分页模式会出现自然的停顿,让用户思考是否继续浏览内容还是离开网站,后者时常发生[5]。
  由于连续滚动模式不存在自然停顿,这令用户沮丧,他们会扪心自问:“我什么时候才能看完?”

原文地址:http://ui-patterns.com/patterns/ContinuousScrolling
[1]原文:The user needs to view a subset of data that is not easily displayed on a single page Content needs to be presented to users as a subset of a much larger seemingly endless set, in a way that will aid them in consuming content without effort.
[2]原文:When using pagination patterns, a decision to only show a subset of data at a time and then let the user request more data if wanted is chosen. With the Continuous Scrolling, new data is automatically retrieved as the user has scrolled to the bottom of the page.
[3]原文: Though great for the user experience, this pattern introduces bookmarking issues.
[4]原文:The problem with using pagination for browsing between subsets of data is that the user is pulled from the world of content to the world of navigation, as the user is required to click to the next page.
[5]原文:Using pagination creates a natural pause that lets the user reevaluate if he or she wants to keep going on or leave the site, which they a lot of the time do.

猜你喜欢

转载自blog.csdn.net/gc_2299/article/details/80428165