菜单 关闭

滚动和关注(原始研究)

通过 雅各布·尼尔森3月22日,二千零一十

总结:网络用户80%的时间都花在翻页以上的信息上。虽然用户确实滚动,他们只把20%的注意力放在折叠下面。


在网页设计中,manbetx官方网站手机版“有很多困惑”页面折叠 理念和保持最大价值的重要性页面初始可视区域内的突出信息.(也就是说,事实上,定义:“折叠上方”仅表示“无需进一步操作即可查看”。)

期间网络的第一年,用户经常没有滚动网页。他们只是简单地查看可见的信息,然后用它来决定是留下还是离开。因此,在那个时期(1994-1996)的可用性研究中,如果网站把重要信息放在折叠下面,通常会失败,因为大多数用户看不到它。

当时这种不愿意滚动的想法是有道理的,因为人们习惯于让电脑显示他们的所有选择。对话框,CD-ROM多媒体节目,而hypercard堆栈都是这样工作的,不需要滚动。(尽管用户有时会遇到滚动文本字段,他们不需要滚动来查看命令和选项,因此可以根据可见信息做出所有决定。)

一千九百九十七,然而,我收回指南以避免滚动页面因为用户已经习惯了在网上滚动。在这种情况下,可用性指导方针变化很快。通常情况下,多年来,可用性的发现是稳定的:20世纪90年代以来,80%的网络可用性指南仍然有效。.

今天,用户将滚动。然而,你不应该忽视褶皱创建超长页面有两个原因:

  • 长页因为用户的有限注意广度.人们更喜欢那些达到目的并让他们快速完成任务的网站。除了基本上不愿意读更多的单词,滚动是额外的工作。
  • 这个褶皱上的房地产更值钱比折叠下面的东西更能吸引和保持用户的注意力。

所以,对,你可以把信息放在折叠的下面,而不是限制你自己咬大小的页面。

事实上,如果你有一篇长篇文章,与其将其拆分为多个页面视图,不如将其显示为一个滚动画布。滚动节拍分页因为对于用户来说,继续浏览页面比决定是否点击下一页碎片化的文章要容易得多。(说滚动更容易,显然假设一个设计遵循manbetx官方网站手机版滚动条准则等等。无限滚动并不总是答案。要么然而。

但不,用户滚动并不能使您摆脱优先排序确保一切真正重要的仍然在褶皱之上.

信息搜寻理论上说,人们根据当前内容决定是否继续沿着路径(包括沿页面向下滚动路径)信息线索.换言之,只有当上面的信息让用户相信页面的其余部分是有价值的时,用户才会滚动到页面下方。

眼睛跟踪数据

2010,我们进行了广泛的目测研究不同站点的用户行为。为了调查“折叠”是否继续相关,我分析了部分研究,总共57453固定件(用户查看页面上的内容时,通常不到半秒)。

为了避免偏见,我分析了只有21个用户访问541个不同的网页,尽管我们的研究规模要大得多。为了让你相信我没有因为邪恶的原因限制数据,让我解释一下为什么我排除了研究的某些部分从目前的分析来看。

因为我们的研究目标是为我们的年度会议研讨会提供新的见解,我们针对研究的大部分进行测试:

对于每个专门的主题,针对具有我们想要调查的特性的研究和测试站点是完全有效的。例如,了解我们的旋转木马导航研讨会,我们应该当用户遇到传送带时跟踪他们的眼睛。要做到这一点,我们只要求他们使用一个包含旋转木马的网站,但我们并没有让他们注意到那个设计元素。manbetx官方网站手机版

当我们故意要求人们测试包含特定设计元素的站点时,manbetx官方网站手机版我们不能得出结论,他们的行为是代表平均网站。坚持旋转木马的例子,如果旋转木马成功地将注意力放在页面的上部,那么人们滚动的频率可能会低于正常情况。

我们的研究还提供了一个组件,允许用户访问他们想要的任何站点。这些非约束任务是我在这里分析的数据的来源,因为他们测试了人们经常使用的网站,与我们根据其设计特点选择的网站不同。manbetx官方网站手机版

注意力集中在顶部

下图显示了用户固定沿100像素高的条纹的分布。酒吧代表了总的注视时间,与固定数量相反。(换句话说,200 ms的两次固定与400 ms的一次固定相同。)

网页区域的注视持续时间分布条形图,100像素高,从顶部开始
即使5%的用户总时间都超过了2000像素,他们往往扫描的信息远远超过顶部相当肤浅:一些页面很长(通常是4000多像素在我的样本中)。因此,这5%的用户注意力分散得非常少。

在我们的研究中,用户查看时间分布如下:

  • 上面褶皱:80.3%
  • 下面褶皱:19.7%

我们使用了一个分辨率为1024×768像素的跟踪器。这些天,许多用户有更大的屏幕,我们已经用更大的分辨率进行了很多(非ET)可用性研究。虽然使用更大的监视器不会改变我的结论,它会稍微增加用户注意力在折叠上方的百分比,因为在最初的可视空间中会有更多的信息可用。

滚动行为

有时,用户确实会读取整个页面。确实发生了。很少。

更常见的是我们在下面的凝视图中看到两种行为之一:

三个非常长的页面上的观看行为的凝视图几乎都滚动到底部。
在三个不同的任务(每页一个测试参与者)中,三个用户在访问页面时所看到的注视图。每个蓝点代表一个固定,更大的点表示更长的观看时间。

在左边,用户沿着页面向下滚动了很远,突然发现一个有趣的项目。这种观察模式给了我们许多固定褶皱深处.我们经常看到这种模式精心设计的manbetx官方网站手机版常见问题,尽管目前最好的常见问题解答顶部的常见问题(这样许多用户就不需要太多滚动)。

左眼的情节也说明了另一点:列表中的最后一个元素经常引起额外的注意。前几项绝对是最重要的,但最后一项得到的视图比之前的多。(这也是为什么条形图比601-700像素区域更关注701-800像素区域的原因:我们的研究监视器的底部位于前一区域。)列表的末尾的重要性通过近因效应,也就是说,一个人看到的最后一件事在头脑中仍然特别突出。(我们在研讨会上讨论了近因效应和manbetx官方网站手机版首要效应的设计含义人类的思维和可用性

另外两个凝视图显示了更常见的滚动行为:强烈的查看页面顶部,适度的看中间,公平地肤浅的查看底部。(我选择了一些例子,在这些例子中,用户或多或少地向下滚动——通常查看底部,因为用户不会滚动太远。)

就好像用户到达一个页面时油箱里有一定量的燃料。当他们“开车”走下这一页时,他们用光了汽油,他们迟早会干涸。油箱中的气体量会有所不同,取决于每个用户对每个页面特定主题的内在动机和兴趣。也,如果页面下的内容比用户预期的要少或更相关,“汽油”可能会蒸发或加满。

无论如何,用户注意力最终消失了,用户越往下看,他们通常花在每个附加信息单元上的时间越少。

中间的凝视情节显示类别页有50个沙发:

  • 最前面的两排每张沙发大约有5到10个固定装置。
  • 接下来的4排每张沙发大约有2到4个固定装置。
  • 接下来的8排通常每个沙发固定1个。
  • 最下面的三排沙发有两个固定装置,其余的七个沙发没有固定装置。

这只是一个粗略的模式,用户会根据内容的不同而有所不同。例如,Cameon LoveSeat和定制雨果LoveSeat都有4个固定点,尽管页面下方有2750像素。大概,用户觉得这两款沙发特别吸引人。

manbetx官方网站手机版设计含义

其含义很清楚:材料对于用户的目标或业务目标来说,最重要的应该是.用户确实看到了下面的褶皱,但远不及它们在褶皱上方看到的那么多。

如果布局鼓励扫描,以及(b)最初可查看的信息使它们相信他们的时间是值得的滚动。

最后,把最重要的东西放在上面,别忘了放一个最下面的一点很好.

参见:本研究的更新在更大的显示器上使用新的眼睛跟踪数据.