固然用戶拉動垂直滾動條的次數(shù)比以前多了，但是新的眼動數(shù)據(jù)顯現(xiàn)：用戶對首屏內(nèi)容的閱讀量依然遠多于首屏以下。

用戶的行為是相當穩(wěn)定的，可用性準繩很少會隨著時間而改動。但是，自web早期以來，有一種用戶行為確實發(fā)作了變化，那就是滾動。

一開端，用戶很少垂直滾動，但是到了 1997 年，隨著長頁面越來越多，大多數(shù)人學會了垂直滾動。但是，首屏信息得到的關(guān)注依然是最多的。

即便是在 2010 年，我們的眼球追蹤研討顯現(xiàn)：80%用戶的閱讀時間都是在首屏上。

自 2010 年以來，隨著響應式設計和極簡主義的呈現(xiàn)，許多設計師都轉(zhuǎn)向了帶有負形空間的長頁面（掩蓋了多個“屏幕”）。

是時分再次問一下：用戶行為的改動能否是由于這些設計趨向的變化？

一、眼動研討數(shù)據(jù)

1. 有關(guān)眼動研討的數(shù)據(jù)

為了答復這個問題，我們剖析了1920× 1080 屏幕上超越 13 萬個眼睛凝視的x，y坐標。這些關(guān)注來自 120 名參與者，他們是我們最近研討的一局部，觸及了來自成都網(wǎng)站建立各個范疇和行業(yè)數(shù)以千計的網(wǎng)站。

在本研討中，我們將剖析重點放在普遍的用戶任務上，這些用戶任務涵蓋了各種頁面和行業(yè)，包括新聞、電子商務、博客、問答和百科全書頁面。我們的目的不是剖析單個網(wǎng)站，而是描繪用戶行為的總體概略。

我們將這些最新的數(shù)據(jù)與我們先前在1024× 768 顯現(xiàn)器上眼動研討中得到的數(shù)據(jù)停止了比擬。

2. 研討結(jié)果

我們的研討呈現(xiàn)了兩大變化：更大的屏幕以及新的網(wǎng)頁設計趨向，這兩者都有可能對用戶產(chǎn)生影響。我們無法辨別這兩種變化的相對影響，但這并不重要，由于兩者都是由于行業(yè)的開展而形成的，我們不能單獨評測其中的任何一個。

在我們最近的一項研討中，用戶花在首屏的閱讀時間大約占57%以上，74%的閱讀時間花在前兩屏的內(nèi)容上，最多2160px。(此剖析疏忽了頁面的最大長度—結(jié)果可能是由于頁面長度不夠，或者是在前兩屏內(nèi)容后放棄了。)

這些發(fā)現(xiàn)與我們 2010 年發(fā)表的文章中提到的結(jié)論大有不同：當時，破費在首屏以上信息的閱讀時間占領80％， 但是，在 2018 年，首屏以下內(nèi)容的用戶留意力急劇降落的趨向與 2010 年根本分歧。

目前為止，首屏內(nèi)容的閱讀時間所占比例最高。大約74％的時間破費在前兩屏內(nèi)容上（首屏分割線上方的信息和緊貼首屏分割線下方的畫面），剩下的26％的時間破費在隨頁面長度下移的小局部增量上。

能夠了解的是：并非每個頁面的長度都相同，為了肯定用戶如何在整個頁面上分配他們的留意力（不思索頁面長度），我們按20％的比例將頁面分紅幾個小局部（即每頁的五分之一）。

在普通網(wǎng)站上，超越42%的閱讀時間破費在了頁面前20%的內(nèi)容上，超越65%的閱讀時間破費在頁面前40%的內(nèi)容上。在 2010 年發(fā)現(xiàn)的搜索結(jié)果頁面（SERPs）中，47％的閱讀時間破費在頁面前20％的內(nèi)容上（超越75%的時間花在前40％的內(nèi)容上）。

可能反映的是：用戶只喜歡閱讀每個頁面頂部的內(nèi)容。

用戶破費更多的時間閱讀網(wǎng)頁的前20%的內(nèi)容

假如我們只關(guān)注首屏中的內(nèi)容，屏幕頂部的信息也會比底部的信息遭到更多關(guān)注。 用于閱讀首屏內(nèi)容的時間，用戶的留意力超越65%集中在首屏頁面的上半局部。

在搜索結(jié)果頁面上，用于閱讀首屏的上半局部的時間所占比例超越75%。（這是一個古老但不斷存在的謬誤：假如你的網(wǎng)站不能排在搜索引擎的前兩位，那它就簡直等于不存在。用戶對谷歌的輕信性仍然十分嚴重，十年來并沒有什么改動。）

即便在首屏，用戶的留意力依然集中在頁面的頂部-特別是在搜索結(jié)果頁面上

二、閱讀和閱讀形式

我們曾經(jīng)看到：

首屏中的內(nèi)容最受關(guān)注（占57％的閱讀時間）;

第二屏內(nèi)容的受關(guān)注水平大約為前者的三分之一（占17%的閱讀時間）;

其他的26％則分散在后續(xù)的頁面上。

換句話說：信息越接近頁面頂部，它被讀取的時機就越大。

個人閱讀形式證明了這一發(fā)現(xiàn)：許多用戶在閱讀構(gòu)造不合理的內(nèi)容頁面時，會運用F形式。他們傾向于更認真地查看放置在頁面頂部左近的文本（文本的前幾個段落），然后破費越來越少的留意力和時間在頁面底部的信息上。

即便列表或信息以構(gòu)造化的方式呈現(xiàn)，用戶也會破費更多的留意力和閱讀時間在頁面頂部，由于他們需求理解頁面的規(guī)劃方式。 一旦他們了解了頁面規(guī)劃的規(guī)律，他們常常會將后續(xù)的留意力集中在尋覓與手頭任務相關(guān)的信息上。因而，花在下方內(nèi)容上的留意力和閱讀時間要少得多。

這是一個具有代表性的凝視圖，顯現(xiàn)大多數(shù)用戶的留意力都集中在頁面的頂部，雖然并不總是在最頂部。留意力的實踐散布，將取決于詳細設計和用戶訪問該頁面的目的。假如信息看起來很有趣，用戶偶然可能會略微閱讀一些內(nèi)容。但總的來說，對頁面下方的閱讀會逐步減少。

三、 2010 年 VS 如今

在 2010 年，80％的閱讀時間都花在了首屏上。今天，這個數(shù)字只要57％， 這可能是長頁面普遍存在形成的。

但這意味著什么呢？

首先，總的來說，有可能是設計師控制了暗示和操作提示的技巧，讓用戶曉得頁面并沒有完畢，這樣他們下拉的幾率就會高得多。 換句話說，設計師認識到了長頁面的缺陷并在一定水平上緩解了這樣的問題。

其次，這可能意味著用戶曾經(jīng)習氣于拉動滾動條 – 需求滾動頁面的盛行，曾經(jīng)使這一行為曾經(jīng)在人們心中根深蒂固了。

至少在某種水平上，用戶依然不經(jīng)常滾動頁面，他們很少閱讀超越三屏的信息。根本上，所謂的首屏分割線作為一道屏障被推到了第三屏。

8 年前，80%的閱讀時間都花在了首屏的信息上（首屏以上的局部）；今天，81%的閱讀時間都花在了前三屏的信息上。

我們常說用戶只會在動機足夠的狀況下才會翻頁，目前來看，用戶的留意力依然停留在頁面的頂部，是由于頂部的內(nèi)容是最容易被用戶看到的，同時由于翻看長頁面底部的信息存在一定的交互本錢，那些排版規(guī)劃靠下的信息常常置之不理。

有趣的是：屏幕分辨率的進步并沒有像人們所希冀的那樣招致滾動的減少。緣由可能是設計師和開發(fā)人員沒有應用好較大的屏幕，而是選擇將內(nèi)容進一步分散。不論是好是壞，如今我們會鼓舞用戶停止更多的滾動操作—但也不會太多。在早期的網(wǎng)頁中，信息密度可能太高（招致了密集和復雜的頁面規(guī)劃），但是如今的頁面設計肯定太松懈了。

四、啟示

思索到用戶在頁面頂部破費了更多的閱讀時間，特別是在首屏上方，所以請留意以下幾點：

保存頁面頂部給高優(yōu)先級的內(nèi)容：關(guān)鍵業(yè)務和用戶目的。頁面的下半局部能夠留給輔助信息或相關(guān)信息，將主要商品貿(mào)易參謀公司（CTAs）堅持在頁面頂端。

運用恰當?shù)淖煮w款式來吸收讀者對重要內(nèi)容的關(guān)注：用戶依賴頭像和粗體文本等元從來顯現(xiàn)重要信息，以及定位新的內(nèi)容片段。 要確保這些元素在整個網(wǎng)站的視覺效果無獨有偶且作風分歧，以便用戶能夠輕松找到它們。

謹防假樓層，它們在現(xiàn)代極簡設計中越來越普遍，完好性的錯覺會干擾用戶滾動頁面，包括能指（例如：截斷文本）來通知人們有下面的內(nèi)容。

選擇具有代表性的用戶測試你的設計，來肯定“理想的”頁面長度，并保證用戶所需的信息能夠很容易的被看到。

五、結(jié)論

現(xiàn)代的網(wǎng)頁常常很長，包含負空間，用戶可能比過去更傾向于滾動，但人們依然把大局部的閱讀時間花在頁面的頂部，內(nèi)容優(yōu)先排序是內(nèi)容規(guī)劃過程中的一個關(guān)鍵步驟。強大的視覺符號有時會誘運用戶滾動并發(fā)現(xiàn)首屏下方的內(nèi)容。

要肯定理想的頁面長度，請與實踐用戶停止測試，一定要記?。喉撁嫣L會增加失去用戶留意力的風險。