it-swarm.cn

滚动比单击显示更多内容好吗?

哪个更快?向下滚动还是单击按钮以显示更多内容?当前,我们的网站要求单击页码以显示更多内容。我们每页有9个频道,适合 在一个屏幕上使用最常见的分辨率。

我个人认为,拥有2或3页的内容并向下滚动以显示这些页面会更容易。每页应该有20多个频道。我只是轻拂鼠标滚轮或按下向下键。我不必瞄准一个微小的按钮(根据《费茨定律》需要更长的时间)。

57
JoJo

分页应用于将内容分为语义或与任务相关的内容组,例如按左侧菜单栏中的类别。这允许用户通过what它是内容(例如,菜单中的页面标题)而不是[where它是例如(页面编号或滚动中的相对位置)页)。通常,用户任务取决于what(“我需要检查运动”)而不是where(“我需要检查列表中三分之二的频道”)。

相关内容的每个页面均可滚动。一次,您几乎不能依赖所有知道如何滚动的用户,因此建议设计师将所有内容保持在首位。现在,这种担忧已基本消除,如果有迹象表明用户想要的内容在页面的下方,用户将完全有能力并愿意滚动(尽管出于效率考虑,您仍应将用户最想要的内容放在顶部,例如由您的排序功能提供)。 [请参阅Jakob Nielsen的文章,“ 滚动和注意力 ”。]

就您而言,您的列表看起来像任意分成几页。这几乎总是不如将所有内容放入一个大的滚动列表中。我发现滚动比查找或比较表或列表中数据的分页快约三倍。对搜索结果进行更系统的研究(与您所拥有的非常接近)发现 扫描50个项目的页面比扫描10个页面的速度更快 个项目(100个项目显然与50个项目没有显着差异,但在当时只有两页的结果)。

与列表和表中的分页相比,滚动具有以下优点(不一定全部适用于您的情况):

  • 滚动条控件是标准化的,因此大多数用户已经熟悉它。分页缺乏标准化,因此需要关注和学习使用它(例如,链接在页面中的位置,是否有第一个或最后一个链接,是否有指向所选单个页面的链接)。

  • 显示的项目数可以随着窗口大小的调整自动调整,从而使用户可以优化一步中可见的项目数,并避免同时滚动和分页的情况。

  • 无论用户在窗口中的何处,都可以快速访问滚动条。分页界面通常仅在页面的顶部和/或底部提供页面链接,这可能意味着转换时间较长;他们甚至可能滚动到视线之外。

  • 用户一次只能移动一个项目,以显示他们想要一起查看的项目。分页将项目分为任意组,这可能会导致感兴趣的项目在页面之间拆分。

  • 用户只需一次拖动即可滚动到列表中的任何位置。分页仅限于显示的页面链接,通常会限制用户仅在附近附近移动。

  • 用户可以选择任何一组项目以对其执行操作(例如,复制,删除),并且用户可以在保持当前选择的同时查看任何其他项目。分页通常只允许并维持当前页面上项目的选择。

  • 用户排序不太可能导致迷失方向。通过滚动,您可以将滚动位置保留在原处,也可以自动滚动以“追逐”当前具有焦点的列表项;无论哪种方式,用户都可以。但是,通过分页,当排序更改当前页面上的所有内容或页面编号更改为其他值以使当前项目保持焦点时,用户可能会迷失方向。许多分页实现(如您的分页实现)在排序后将用户重置为第1页,这似乎可以避免迷失方向,但是经常需要用户重新导航到特定项。

  • 用户仍然可以通过单击滚动条的“轨道”来一次一次移动一个“页面”。

我建议您将all的频道放在一个滚动窗格中。将频道列表与菜单和其他常规控件放在单独的窗格或框架中,以使它们易于访问。混合使用分页和滚动(例如,每页127个通道中的20个)可能比单独分页更糟,这迫使用户决定何时进行每个操作,有时他们可能需要同时进行这两个操作(例如,向上或向下滚动至指向页)。看起来像127个通道在一页中加载大约500kB。如果您的用户正在网上观看电视,则大概是高速连接,因此您可以在几秒钟内获得500kB的负载。

现在,单个页面上的127个频道可能 出现太多“ 给用户,因此您可能想将它们拆开within页(例如,按“最新”排序时,为“今天”,“昨天”,“最后一周”添加标题)。

54
Michael Zuschlag

尽管在许多情况下滚动是首选的方式,但是在向导/教程或任何其他类似的“先做某事,然后再做另一件事”的情况下,next /“ 1,2,3 ...”按钮可能更好。这样,用户就可以知道他/她正在离开上一个步骤/问题,并且可以处理新的步骤/问题。

9
Henrik Ekblom

除了接受的答案中提到的要点外:

滚动功能比单击功能更多。

  • 拖动滚动条以进行生活预览滚动
  • 单击滚动条以逐页跳转
  • 单击结束按钮以进行小步操作(理想情况下,按项)
  • 鼠标滚轮(或笔记本电脑上的类似机制)
  • 向上翻页/向下翻页,向上光标/向下光标按钮

所有这些机制都相当标准化,用户对此很熟悉。滚动条通常只是我可以使用滚轮的指示器。

滚动条实现不当的唯一缺点是,滚动条不是面向项目的,即跳转距离与内容没有直接关系。 (或者,换句话说,可能很难实现)。

5
peterchen

更不用说带有惯性滚动的触控板了!

我真的不喜欢那些小的下一页/上一页图标/链接。当内容形成整体时,将其粘贴在一页中并滚动。否则,请用适当的目录或类别对其进行分类。

在您的网站上,“全部”需要23页!如果将其放在单个滚动页面中,则可能需要以某种有意义的方式对其进行分解,例如,按类别,按字母顺序排列……在这种情况下,侧边栏变为目录,单击条目会跳至该位置。这一页。轻松跳跃和滚动相结合。

2
Peter Frings

如果您询问速度,那么滚动绝对比单击数十个页面(每个页面有9个项目)要快。滚动长页面的唯一缺点可能是用户迷失方向,一旦页面上有超过50个项目。

我认为您可以将其与Twitter的Web界面进行比较。如果您每页只有9条推文,并且必须单击底部的“下一个/上一个”按钮,那会不会很麻烦...

2
Jüri

分页绝对比向下滚动页面慢。但是,分页具有其优点。它使跟踪结果更容易。如果您需要的列表类型要求更严格的顺序和计数,则分页可以提供帮助。

1
Kernan Kobaya

毫无疑问,滚动比查找和单击链接要快得多。但是,仅仅因为它速度更快并不意味着您应该使页面超长。换句话说,您不应该在每种情况下都使用无限滚动,因为如果内容太多,用户可能没有耐心滚动到最后。

为什么滚动是新点击

本文指出,如果您将页面设计为滚动用户,则可以“在页面上按顺序查看所有内容,而无需单击任何链接”。但是,如果您使用页面链接,则“用户可以跳过页面链接并转到所需的页面链接,而无需访问他们跳过的页面。如果页面链接标签不吸引他们,他们将不会单击它并看到该链接后面的内容。”

这意味着,如果用户未单击页面链接之一,则可能会看不到某些内容。但是如果他们滚动,几乎可以肯定他们会看到它。

0
Burma