簡介
網站可用性大師Jakob Nielsen 關于人們在閱讀網頁時，眼球追蹤方面的調查。看完后可能會讓你對用戶行為有更深一層的了解。

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

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

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

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

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

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

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

熱度圖來自三個網站的用戶眼球追蹤研究。用戶看的最多的區域是紅色的，黃色區域是關注較少的版塊，藍色區域是關注最少的部分。灰色區域是沒有任何人關注的部分。

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

1、公司網站“關于我們”部分中的一篇文章（左）

2、電子商務網站上的一個產品頁面（中），和

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

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

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

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

F模式的影響

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

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

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

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

具體的瀏覽行為

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

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

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

原文：http://www.yeeyan.com/articles/view/74686/37255