簡介
網(wǎng)站可用性大師Jakob Nielsen 關(guān)于人們在閱讀網(wǎng)頁時，眼球追蹤方面的調(diào)查?？赐旰罂赡軙屇銓τ脩粜袨橛懈钜粚拥牧私?。

摘要：
眼球追蹤研究顯示出用戶通常閱讀網(wǎng)頁的模式是“F”型：即兩個橫向條紋和一個垂直條紋。

F意味著fast（快速）。這就是用戶閱讀你精心準備的內(nèi)容的方式。在幾秒鐘內(nèi)，他們的目光以驚人的速度在你的網(wǎng)站文字間的穿過，而這種方式與你在學(xué)校所學(xué)到的有很大差別。

在我們這項新的視線追蹤研究中，我們記錄了232位用戶瀏覽上千個網(wǎng)頁的方式。我們發(fā)現(xiàn)，對于不同的站點和任務(wù)，用戶的主要閱讀行為是相當(dāng)一致的。這種顯著的閱讀模式看起來有點像一個字母F，它有以下三個組成部分：

1、用戶首先橫向運動閱讀，通常是在網(wǎng)頁內(nèi)容區(qū)域的上半部分。這最初的元素就形成了F頂部的那個橫條。

2、接著用戶的視線會從網(wǎng)頁上往下移一點，然后第二次橫向閱讀，通常這次涵蓋的區(qū)域會比前一次短。這個附加的元素形成了F下面那橫。

3、最后，用戶會縱向地瀏覽網(wǎng)頁內(nèi)容的左邊部分。有時這是一個相當(dāng)緩慢的和系統(tǒng)的瀏覽過程，在眼球追蹤熱度圖上呈現(xiàn)的就是一條粗實的條紋。其他時間用戶視線移動的較快，形成的就是散點狀熱度圖。這最后一個元素形成了字母F的豎杠。

顯然，用戶的瀏覽模式并不總是完全由這三個部分組成。有時用戶還會閱讀網(wǎng)頁內(nèi)容的第三部分，使得圖案看起來更像E。還有時他們只橫向讀一遍，使得圖案看起來像一個倒置的L （橫在上方）。但是，總的來說，閱讀模式大致相似字母F ，只不過上下兩個橫杠之間的距離不同。

熱度圖來自三個網(wǎng)站的用戶眼球追蹤研究。用戶看的最多的區(qū)域是紅色的，黃色區(qū)域是關(guān)注較少的版塊，藍色區(qū)域是關(guān)注最少的部分?；疑珔^(qū)域是沒有任何人關(guān)注的部分。

上述熱度圖顯示了用戶閱讀網(wǎng)頁的三種不同類型： 

1、公司網(wǎng)站“關(guān)于我們”部分中的一篇文章（左）

2、電子商務(wù)網(wǎng)站上的一個產(chǎn)品頁面（中），和

3、一個搜索引擎的結(jié)果頁（SERP ；右）。 

如果你瞇起眼睛并重點看紅色（關(guān)注最多）的區(qū)域，所有這三個熱度圖顯示的就是期望的“F”模式。當(dāng)然，也會有一點不同?！癋”型瀏覽模式是一個粗略的、一般的形狀，而不是一個統(tǒng)一的、完美的行為。 

在電子商務(wù)網(wǎng)頁（中間的例子）上，F(xiàn)的第二橫比一般的要低，因為中間插入了產(chǎn)品圖。用戶還花費大量固定的時間在網(wǎng)頁的右上角方塊部分，因為那里是價格和“添加到購物車”按鈕。

在SERP（右邊的例子）中，F(xiàn)的第二橫比上面的那橫要長，這主要是因為第二個標(biāo)題比第一個標(biāo)題長。雖然用戶通常很少閱讀所瀏覽網(wǎng)頁的第二部分，但在這種情況下可以看出，用戶對兩個標(biāo)題同樣感興趣。

F模式的影響

“F”模式對網(wǎng)頁設(shè)計的影響是顯而易見的，以下這些重要準則是為網(wǎng)頁寫的而不是用作印刷的內(nèi)容： 

用戶不會逐字的完全閱讀你的文本。仔細的閱讀行為是很罕見的，尤其是當(dāng)預(yù)期的客戶對候選供應(yīng)商進行初步研究的時候。確實，有些人會閱讀更多，但大多數(shù)不會。

前兩段必須指出最重要的信息。雖然他們可能讀第一段比第二段多，但這里也有一些希望，那就是用戶是在真正的閱讀這些資料。

當(dāng)用戶以“F”行為的最后豎杠模式瀏覽你的內(nèi)容的左邊部分的時候，他們會注意開始標(biāo)題、段落和有要點信息的詞語。在同一行中，與前兩個詞語相比，他們很少會讀第三個詞。

具體的瀏覽行為 

當(dāng)人們閱讀并瀏覽整個網(wǎng)頁時，用戶眼球運動的慢動作回放是很吸引人的。每個頁面所閱讀的主題都超越了我這里討論的主要的“F”模式。例如，當(dāng)他們在尋找價格或其他號碼時，用戶是以不同的，更有針對性的方式去瀏覽，且有個有趣的棘手行為決定了用戶是如何看搜索引擎廣告列表的。我們也有許多研究是關(guān)于人們?nèi)绾慰淳W(wǎng)站圖片的。

在美國華盛頓、舊金山、倫敦和悉尼召開的2009年可用性會議上，我們在為期兩天的研討會中針對網(wǎng)站書寫問題提出了許多詳細的調(diào)查結(jié)果。

對于內(nèi)容可用性最大的決定因素是用戶如何在線閱讀——因為人們閱讀方式不同，你的書寫方式也必須不同。