固然用户拉动垂直滚动条的次数比以前多了，但是新的眼动数据显现：用户对首屏内容的阅读量依然远多于首屏以下。

用户的行为是相当稳定的，可用性准绳很少会随着时间而改动。但是，自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）坚持在页面顶端。

运用恰当的字体款式来吸收读者对重要内容的关注：用户依赖头像和粗体文本等元从来显现重要信息，以及定位新的内容片段。 要确保这些元素在整个网站的视觉效果无独有偶且作风分歧，以便用户能够轻松找到它们。

谨防假楼层，它们在现代极简设计中越来越普遍，完好性的错觉会干扰用户滚动页面，包括能指（例如：截断文本）来通知人们有下面的内容。

选择具有代表性的用户测试你的设计，来肯定“理想的”页面长度，并保证用户所需的信息能够很容易的被看到。

五、结论

现代的网页常常很长，包含负空间，用户可能比过去更倾向于滚动，但人们依然把大局部的阅读时间花在页面的顶部，内容优先排序是内容规划过程中的一个关键步骤。强大的视觉符号有时会诱运用户滚动并发现首屏下方的内容。

要肯定理想的页面长度，请与实践用户停止测试，一定要记住：页面太长会增加失去用户留意力的风险。