在美國長期研究網站可用性的著名網站設計工程師傑柯伯?尼爾森在2006年4月發表了一項《眼睛軌跡的研究》報告。報告發現,人們大多不由自主地以“F”字母形狀的模式來閱讀網頁。
F形狀模式的概念,F形狀模式的意義,
F形狀模式的概念
在美國長期研究網站可用性的著名網站設計工程師傑柯伯?尼爾森在2006年4月發表了一項《眼睛軌跡的研究》報告。報告發現,人們大多不由自主地以“F”字母形狀的模式來閱讀網頁。尼爾森指出,網頁的閱讀模式和人們從學校里養成的讀書習慣迥異。這份研究報告是從232名讀者閱覽幾千張網頁的實驗中得出這個結論的。研究者發現,讀者的閱讀行為在瀏覽不同性質的網站和肩負不同的閱讀任務時候都表現出基本上恆定的習慣。這種有壓倒性的閱讀模式就宛如英文字母F的形狀,並且包括下面三個方面:
第一, 讀者的眼睛首先是水平運動,常常是掃過網頁內容的最上半部分。這樣就形成了一條橫向的運動軌跡。這就是F字母的第一條橫線。
第二, 讀者的眼光略微下移,很典型地掃描比第一步範圍較短的區域。這就又畫了F字母中的第二條橫線。
第三, 讀者朝網頁左邊的部分進行垂直掃描。有時候,這個舉動很慢而且很有系統性,這樣就畫了F字母中的一條豎線。
第一, 讀者的眼睛首先是水平運動,常常是掃過網頁內容的最上半部分。這樣就形成了一條橫向的運動軌跡。這就是F字母的第一條橫線。
第二, 讀者的眼光略微下移,很典型地掃描比第一步範圍較短的區域。這就又畫了F字母中的第二條橫線。
第三, 讀者朝網頁左邊的部分進行垂直掃描。有時候,這個舉動很慢而且很有系統性,這樣就畫了F字母中的一條豎線。
F形狀模式的意義
F形狀模式對網頁設計的含義很透徹,也就是網頁的設計和推廣要有下面五個重要考慮。
第一, 讀者不會非常仔細地一個字一個字看網頁的內容。很少有人通篇在看。所以,每頁不一定要填充非常多的內容,也就是說,每個網頁不要過長。
第二, 網頁的頭兩段非常重要,讀者們基本上最關注這個部分。所以,這兩段的寫作好壞能直接影響讀者是否有興趣繼續待在在此頁吸收信息。
第三, 將重要的關鍵字儘可能地及早在標題、副標題和段落的前部顯示給讀者。這個安排內容的方法對搜尋引擎也同樣重要,因為搜尋引擎的閱讀方式是在模仿人。搜尋引擎對網頁的標題和前面段落非常重要,所以,網頁的最佳化要充分考慮這一點。
第四, 人們對搜尋引擎,比如Google的搜尋結果頁面的反應也是F型的。在圖3中,我們可以看到,人們的眼光普遍注意搜尋結果的自然排名(或者叫左側排名)最前面1~3個搜尋結果,而對4~10的搜尋結果是一帶而過。就是人們往下看搜尋結果,也是“勉強”的。換句話說,將你網站排名在搜尋結果頁的前一兩位直接決定了你網站受關注的程度。
第五, 搜尋引擎競價廣告,除非能被放置在搜尋結果頁的最頂端和右邊廣告區的第一位,否則無法得到搜尋者的關注。然而,獲得最頂端和右邊第一,往往點擊的費用是很貴的。如果資金不足,只能做到右邊兩位以下,廣告不易受到關注。另外,即使競價廣告獲得最頂端和右邊第一,從圖上看得出,廣告的關注度也遠遠不如搜尋引擎結果的自然排名的前一兩位。所以,搜尋引擎最佳化是最能提高網站曝光度的辦法。
第一, 讀者不會非常仔細地一個字一個字看網頁的內容。很少有人通篇在看。所以,每頁不一定要填充非常多的內容,也就是說,每個網頁不要過長。
第二, 網頁的頭兩段非常重要,讀者們基本上最關注這個部分。所以,這兩段的寫作好壞能直接影響讀者是否有興趣繼續待在在此頁吸收信息。
第三, 將重要的關鍵字儘可能地及早在標題、副標題和段落的前部顯示給讀者。這個安排內容的方法對搜尋引擎也同樣重要,因為搜尋引擎的閱讀方式是在模仿人。搜尋引擎對網頁的標題和前面段落非常重要,所以,網頁的最佳化要充分考慮這一點。
第四, 人們對搜尋引擎,比如Google的搜尋結果頁面的反應也是F型的。在圖3中,我們可以看到,人們的眼光普遍注意搜尋結果的自然排名(或者叫左側排名)最前面1~3個搜尋結果,而對4~10的搜尋結果是一帶而過。就是人們往下看搜尋結果,也是“勉強”的。換句話說,將你網站排名在搜尋結果頁的前一兩位直接決定了你網站受關注的程度。
第五, 搜尋引擎競價廣告,除非能被放置在搜尋結果頁的最頂端和右邊廣告區的第一位,否則無法得到搜尋者的關注。然而,獲得最頂端和右邊第一,往往點擊的費用是很貴的。如果資金不足,只能做到右邊兩位以下,廣告不易受到關注。另外,即使競價廣告獲得最頂端和右邊第一,從圖上看得出,廣告的關注度也遠遠不如搜尋引擎結果的自然排名的前一兩位。所以,搜尋引擎最佳化是最能提高網站曝光度的辦法。