菜单

滚动和注意

通过 Therese Fessenden2018年4月15日

摘要:人们比以往更垂直地滚动,但是新的眼睛跟踪数据显示它们仍然看起来比页面折叠更低。


人们的行为相当稳定可用性指南很少随时间而变化但是,自网络早期以来发生变化的一个用户行为是滚动的趋势In the beginning, users rarely scrolled vertically; but到1997年,随着长篇文章变得普遍,大多数人学会了滚动但是,上述信息仍然受到最多关注:即使是最近的2010年,我们的眼动追踪研究表明,80%的用户观看时间都花在了首屏上。

自2010年以来,随着响应manbetx官方网站手机版极简主义很多manbetx官方网站手机版已转向长篇(覆盖几个“屏幕”)负空间是时候再次询问用户行为是否因为这些web-manbetx官方网站手机版趋势的普及而发生了变化。

Eyetracking数据

关于研究

为了回答这个问题,我们分析了1920×1080屏幕上超过130,000个眼睛固定的x,y坐标这些修复来自120名参与者,他们是我们最近的眼动追踪研究的一部分,该研究涉及来自各行各业的数千个网站在本研究中,我们将分析重点放在涵盖各种页面和行业的广泛用户任务上,包括新闻,电子商务,博客,常见问题解答和百科全书页面我们的目标不是分析个别网站,而是描述用户行为的一般范围。

我们将这些近期数据与我们之前在1024×768监视器上进行的眼球跟踪研究中获得的数据进行了比较。

研究结果

Two changes happened between our studies: (a) bigger screens; and (b) new web-manbetx官方网站手机版 trends, with possible adaptations on the side of the users我们不能分开这两个变化的相对影响,但这并不重要,因为两者都是由于时间的流逝,即使我们想要,我们也无法撤消任何一个。

在我们最近的研究中,用户花了大约57% of their page-viewing time above the fold74%的观看时间花在了前两个屏幕上,最高2160px(This analysis disregards the maximum page length — the result can be due to short page lengths or to people giving up after the first two screenfuls of content.)  

这些发现与那些完全不同在2010年的文章中报道:那里,80%的观看时间是由首屏以上的注视组成但是,一个模式折叠后注意力急剧下降2018年与2010年相同。

图表:查看时间的百分比
高于首屏的内容在观看时间中占据最高份额大约74%的时间花费在前两个屏幕内容中(折叠上方的信息加上屏幕下方的屏幕)剩余的26%是在页面长度上进一步小幅增加的。

可以理解的是,并非每个页面的长度都相同为了确定人们如何在页面上划分他们的注视(无论页面有多长),我们将页面分成20%的段(即每页的五分之一)在一般网站上,超过42%的观看时间落在页面的前20%,超过65%的时间花在页面的前40%On search-results pages (SERPs), which we did not isolate in the 2010 findings, 47% of the viewing time was spent on the top 20% of the page (and more than 75% in the top 40%) — likely a reflection of users’ tendency to look only at the top results. 

图表:查看时间百分比(按内容段划分)
人们花费更多时间查看页面的前20%。

如果我们只查看首屏内的内容 - 在第一个屏幕内 - 屏幕顶部的信息比底部信息更受关注超过65%的观看时间集中在视口的上半部分在SERP上,第一个屏幕的上半部分收到超过75%的观看时间(这是一个古老的事实,但值得重复:在谷歌上排名第一或第二,或者你几乎不存在于互联网上。谷歌易受骗仍然像10年前我们确定这种用户行为一样强大。)

图表:高于折叠的观看时间百分比
即便如此,注意力也集中在页面顶部 - 尤其是SERP。

Scanning & Reading Patterns

We’ve seen that the content above the fold received most attention (57% of viewing time); the second screenful of content received about a third of that (17% viewing time); the remaining 26% was spread in a long-tail distribution.  In other words, the closer a piece of information is to the top of the page, the higher the chance that it will be read.

个人阅读模式证实了这一发现很多用户参与F模式when they scan a page whose content is not well-structured — they tend to look more thoroughly at the text placed close to the top of the page (the first few paragraphs of text), and then spend fewer and fewer fixations and time on information that appears low on the page.

即使列表或信息以结构化的方式呈现,人们也会在页面顶部使用更多的目光(因此阅读时间),因为他们需要了解页面的组织方式一旦他们这样做,他们倾向于非常有效地关注仅限于与手头任务相关的信息,因此在远离顶部的内容上花费更多的眼睛注视(并因此观看时间)。

Gazeplot of Crowdrise慈善搜索结果
这是一个代表性的凝视图,显示大多数用户的眼睛注视集中在页面的顶部,但并不总是位于顶部固定的实际分布将取决于具体的manbetx官方网站手机版和用户访问该页面的目标如果信息看起来很有趣,用户有时可能会阅读一点点,但总体而言,视图会在页面的下方逐渐消失。

2010年vs.当下

2010年,80%的观看时间都花在了首屏上今天,这个数字只有57% - 可能是长页普遍存在的结果那是什么意思?

首先,可能总的来说,manbetx官方网站手机版在创造能指来抵消完整的错觉并邀请人们滚动换句话说,他们意识到长页面的缺点并在一定程度上缓解它们其次,它可能意味着用户已经习惯于滚动 - 需要滚动的页面的流行已经根深蒂固了我们的行为。

至少在某种程度上人们仍然不会滚动很多 - 他们很少超出第三屏幕信息Basically, the fold as a barrier has been pushed down to the third screenful — 8 years ago, 80% of the viewing time was spent in the first screenful of info (above the fold); today, 81% of the viewing time is spent in the first three screenfuls of information.

We’ve always said that people will scroll if they have a reason to do it.  Attention still lingers towards the top of the page — that is the portion of the content that is most discoverable and likely to be viewed by your users该互动成本滚动减少了在较长页面的较低部分中查看内容的可能性。

有趣的是,屏幕分辨率的增加并没有像人们预期的那样导致滚动减少原因可能是manbetx官方网站手机版和开发人员没有利用更大的屏幕,而是选择将内容进一步分散无论好坏,现在鼓励用户滚动比过去更多 - 但不是更多。信息密度在网络的早期可能太高(导致拥挤和繁忙的布局),但现在页面manbetx官方网站手机版肯定太稀疏了。

启示

鉴于用户在页面的顶部花费了更多的观看时间,特别是在首页以上,这里有一些你想要记住的事情:

  • 保留页面顶部的高优先级内容:关键业务和用户目标。页面的下半部分可以容纳次要或相关信息将主要CTA保持在首位。
  • 使用适当的字体样式来吸引对重要内容的注意:用户依赖标题和粗体文本等元素来识别信息何时重要,以及定位新的内容片段确保这些元素在视觉上与众不同,并在整个网站中一致地设置样式,以便用户可以轻松找到它们。
  • 小心假地板这与现代极简主义手机版s越来越常见完整性的错觉可能会干扰滚动包括指示符(例如截止文本),告诉人们下面有内容。
  • 与代表用户一起测试你的manbetx官方网站手机版确定“理想”的页面长度并确保可以轻松看到用户想要的信息。

结论

虽然现代网页往往很长并且包含负空间,并且用户可能比过去更倾向于滚动,但人们仍然将大部分观看时间花在页面的顶部内容优先级是您的内容规划过程中的关键步骤强大的视觉指示符有时会诱使用户滚动并发现首屏内容要确定理想的页面长度,请与真实用户一起测试,并记住,很长的页面会增加失去客户注意力的风险。