菜单 选择

滚屏和注意力的眼动研究:用户的操作行为十年来变了吗?

注:虽然用户拉动笔直翻滚条的次数比曾经多了,可是新的眼动数据显现:用户对首屏内容的阅览量依然远多于首屏以下。

用户的行为是恰当安稳的,可用性准则很少会跟着时刻而改动。可是,自web前期以来,有一种用户行为确实发生了改动,那就是翻滚。

一开始,用户很少笔直翻滚,可是到了 1997 年,跟着长页面越来越多,大多数人学会了笔直翻滚。然而,首屏信息得到的重视依然是最多的。

即便是在 2010 年,咱们的眼球追寻研讨显现:80%用户的阅览时刻都是在首屏上。

自 2010 年以来,跟着呼应式规划和极简主义的呈现,许多规划师都转向了带有负形空间的长页面(覆盖了多个“屏幕”)。

是时分再次问一下:用户行为的改动是否是因为这些规划趋势的改动?

一、眼动研讨数据

1. 有关眼动研讨的数据

为了答复这个问题,咱们剖析了1920× 1080 屏幕上超越 13 万个眼睛凝视的x,y坐标。这些重视来自 120 名参与者,他们是咱们最近研讨的一部分,涉及了来自各个领域和职业数以千计的网站。

在本研讨中,咱们将剖析要点放在广泛的用户使命上,这些用户使命涵盖了各种页面和职业,包括新闻、电子商务、博客、问答和百科全书页面。咱们的方针不是剖析单个网站,而是描绘用户行为的整体概略。

咱们将这些最新的数据与咱们从前在1024× 768 显现器上眼动研讨中得到的数据进行了比较。

2. 研讨成果

咱们的研讨呈现了两大改动:更大的屏幕以及新的网页规划趋势,这两者都有可能对用户产生影响。咱们无法区别这两种改动的相对影响,但这并不重要,因为两者都是因为职业的发展而形成的,咱们不能独自评测其间的任何一个。

在咱们最近的一项研讨中,用户花在首屏的阅览时刻大约占57%以上,74%的阅览时刻花在前两屏的内容上,最多2160px。(此剖析疏忽了页面的最大长度—成果可能是因为页面长度不行,或者是在前两屏内容后放弃了。)

这些发现与咱们 2010 年宣布的文章中提到的定论大有不同:其时,花费在首屏以上信息的阅览时刻占有80%, 可是,在 2018 年,首屏以下内容的用户注意力急剧下降的趋势与 2010 年基本共同。

现在为止,首屏内容的阅览时刻所占比例最高。大约74%的时刻花费在前两屏内容上(首屏分割线上方的信息和紧贴首屏分割线下方的画面),剩余的26%的时刻花费在随页面长度下移的小部分增量上。

能够了解的是:并非每个页面的长度都相同,为了断定用户如安在整个页面上分配他们的注意力(不考虑页面长度),咱们按20%的比例将页面分红几个小部分(即每页的五分之一)。

在一般网站上,超越42%的阅览时刻花费在了页面前20%的内容上,超越65%的阅览时刻花费在页面前40%的内容上。在 2010 年发现的查找成果页面(SERPs)中,47%的阅览时刻花费在页面前20%的内容上(超越75%的时刻花在前40%的内容上)。

可能反映的是:用户只喜爱阅览每个页面顶部的内容。

用户花费更多的时刻阅览网页的前20%的内容

假如咱们只重视首屏中的内容,屏幕顶部的信息也会比底部的信息遭到更多重视。 用于阅览首屏内容的时刻,用户的注意力超越65%会集在首屏页面的上半部分。

在查找成果页面上,用于阅览首屏的上半部分的时刻所占比例超越75%。(这是一个古老但一向存在的真理:假如你的网站不能排在查找引擎的前两位,那它就简直等于不存在。用户对谷歌的轻信性依然非常严重,十年来并没有什么改动。)

即便在首屏,用户的注意力依然会集在页面的顶部-尤其是在查找成果页面上

 

二、阅览和阅览形式

咱们现已看到:

  • 首屏中的内容最受重视(占57%的阅览时刻);

  • 第二屏内容的受重视程度大约为前者的三分之一(占17%的阅览时刻);

  • 其余的26%则涣散在后续的页面上。

换句话说:信息越挨近页面顶部,它被读取的时机就越大。

个人阅览形式证明了这一发现:许多用户在阅览结构不合理的内容页面时,会运用F形式。他们倾向于更细心地检查放置在页面顶部邻近的文本(文本的前几个阶段),然后花费越来越少的注意力和时刻在页面底部的信息上。

即便列表或信息以结构化的形式呈现,用户也会花费更多的注意力和阅览时刻在页面顶部,因为他们需求了解页面的布局方式。 一旦他们了解了页面布局的规则,他们往往会将后续的注意力会集在寻觅与手头使命相关的信息上。因而,花在下方内容上的注意力和阅览时刻要少得多。

这是一个具有代表性的凝视图,显现大多数用户的注意力都会集在页面的顶部,虽然并不总是在最顶部。注意力的实践散布,将取决于具体规划和用户拜访该页面的意图。假如信息看起来很风趣,用户偶然可能会略微阅览一些内容。但总的来说,对页面下方的阅览会逐步削减。

三、 2010 年 VS 现在

在 2010 年,80%的阅览时刻都花在了首屏上。今日,这个数字只要57%, 这可能是长页面遍及存在形成的。

但这意味着什么呢?

  • 首要,总的来说,有可能是规划师把握了暗示和操作提示的技巧,让用户知道页面并没有完毕,这样他们下拉的几率就会高得多。 换句话说,规划师认识到了长页面的缺陷并在必定程度上缓解了这样的问题。

  • 其次,这可能意味着用户现已习惯于拉动翻滚条 – 需求翻滚页面的盛行,现已使这一行为现已在人们心中根深柢固了。

至少在某种程度上,用户依然不常常翻滚页面,他们很少阅览超越三屏的信息。基本上,所谓的首屏分割线作为一道屏障被推到了第三屏。

8 年前,80%的阅览时刻都花在了首屏的信息上(首屏以上的部分);今日,81%的阅览时刻都花在了前三屏的信息上。

咱们常说用户只会在动机满足的情况下才会翻页,现在来看,用户的注意力依然停留在页面的顶部,是因为顶部的内容是最简单被用户看到的,一起因为翻看长页面底部的信息存在必定的交互本钱,那些排版布局靠下的信息往往无人问津。

风趣的是:屏幕分辨率的进步并没有像人们所希望的那样导致翻滚的削减。原因可能是规划师和开发人员没有利用好较大的屏幕,而是选择将内容进一步涣散。不管是好是坏,现在咱们会鼓舞用户进行更多的翻滚操作—但也不会太多。

在前期的网页中,信息密度可能太高(导致了密布和复杂的页面布局),可是现在的页面规划肯定太松散了。

四、启示

考虑到用户在页面顶部花费了更多的阅览时刻,尤其是在首屏上方,所以请注意以下几点:

  • 保存页面顶部给高优先级的内容:要害事务和用户方针。页面的下半部分能够留给辅佐信息或相关信息,将首要产品交易顾问公司(CTAs)保持在页面顶端。

  • 运用恰当的字体款式来招引读者对重要内容的重视:用户依靠头像和粗体文本等元从来显现重要信息,以及定位新的内容片段。 要确保这些元素在整个网站的视觉效果绝无仅有且风格共同,以便用户能够轻松找到它们。

  • 谨防假楼层,它们在现代极简规划中越来越遍及,完整性的幻觉会干扰用户翻滚页面,包括能指(例如:截断文本)来通知人们有下面的内容。

  • 选择具有代表性的用户测验你的规划,来断定“抱负的”页面长度,并确保用户所需的信息能够很简单的被看到。

五、定论

现代的网页往往很长,包括负空间,用户可能比过去更倾向于翻滚,但人们依然把大部分的阅览时刻花在页面的顶部,内容优先排序是内容规划过程中的一个要害步骤。强壮的视觉符号有时会诱运用户翻滚并发现首屏下方的内容。

要断定抱负的页面长度,请与实践用户进行测验,必定要记住:页面太长会增加失去用户注意力的危险。