用戶是如何瀏覽你的網(wǎng)站的

事實(shí)上，互聯(lián)網(wǎng)用戶瀏覽網(wǎng)頁的習(xí)慣和顧客瀏覽商店中物品的習(xí)慣沒有多大差別。用戶打開一個新的頁面，掃視一些文字，并點(diǎn)擊第一個引起他興趣的鏈接。在這過程中，頁面上有大量的區(qū)域用戶甚至完全沒有看過。大部分用戶在頁面上尋找他感興趣且可點(diǎn)擊的內(nèi)容，一旦發(fā)現(xiàn)目標(biāo)，點(diǎn)擊行為就會發(fā)生，但如果頁面不符合期望，后退或關(guān)閉按鈕也將馬上被點(diǎn)擊。

用戶是如何瀏覽你的網(wǎng)站的

1. 大部分時候用戶并非在閱讀屏幕上的內(nèi)容，而是在掃視。

用戶習(xí)慣掃視和快速尋找頁面上一些能夠引導(dǎo)他理解內(nèi)容的關(guān)鍵點(diǎn)。

2. 不要考驗用戶的耐心

當(dāng)一個頁面不能滿足用戶的期望時，離開就在所難免。希望通過添加相關(guān)內(nèi)容來豐富頁面和留住用戶往往效果不佳甚至適得其反。一屏頁面上承載的信息越多，認(rèn)知的負(fù)擔(dān)就會越重，就需要花費(fèi)更多的時間去處理信息，如果這些信息中還有些不是用戶期望的，那就還要花額外的精力將這些多于信息從注意力中剝離。Jakbo Nielsen 的研究結(jié)論也表明：一個頁面上的認(rèn)識負(fù)擔(dān)越重，導(dǎo)航和瀏覽就會越困難，用戶離開并尋找其他替代品的可能性就越大。

3. 用戶并不做最佳選擇

用戶并不是在搜尋找到最佳選項的最快途徑，他們也并非用線性的方式來閱讀屏幕上的內(nèi)容（有順序地從一個模塊到另一個模塊）。當(dāng)用戶找到第一個合理的選項，或者一旦找到了可能的目標(biāo)內(nèi)容，立即點(diǎn)擊的可能性會非常大。其實(shí)，用戶是在尋找能讓他們覺得夠用或者合適的內(nèi)容，而非尋找最佳的選擇，理由也很直觀，讓用戶自己去做最佳選擇需要花費(fèi)不少時間和精力，那已經(jīng)在考驗用戶的耐心了（選擇即成本）。

來自eyetools 的圖片，可以看出用戶瀏覽時的關(guān)注點(diǎn)和非線性的瀏覽軌跡。

Jakbo Nielsen的F形瀏覽熱區(qū)

Jakbo Nielsen曾對232位用戶瀏覽幾千個頁面的過程中的眼動情況進(jìn)行追蹤，發(fā)現(xiàn)用戶在不同站點(diǎn)上的瀏覽行為有明顯的一致性，將瀏覽熱點(diǎn)可視化后呈現(xiàn)出類似F形的圖案。這種瀏覽行為有三個特征：

1. 用戶首先會在內(nèi)容區(qū)的上部進(jìn)行橫向瀏覽。

2. 用戶視線下移一段距離后在小范圍內(nèi)再次橫向瀏覽。

3. 最后用戶會在內(nèi)容區(qū)的左側(cè)做快速的縱向瀏覽。

PS.顯然，用戶的瀏覽行為并非精確的包含這個三個過程，有時候，在這三個過程之后，還會在底部有橫向瀏覽的熱點(diǎn)，使得整個瀏覽熱區(qū)圖看上去更像E而不是F。也有時候，用戶瀏覽時只反應(yīng)了上述的行為1和行為3，使得瀏覽熱區(qū)圖像一個倒寫的L。但從所有數(shù)據(jù)整體上來看，用戶的屏幕瀏覽熱區(qū)圖還是較一致地反應(yīng)出了F圖像。

如何運(yùn)用F形閱讀行為進(jìn)行設(shè)計：

1. 用戶并不會瀏覽頁面上的所有內(nèi)容（F形之外的大片空白區(qū)）

2. 將最重要的信息放在頭兩段（F熱區(qū)中的兩個橫向熱區(qū)）

3. 在后續(xù)的內(nèi)容中，將關(guān)鍵詞和信息放在段首，使用戶在左側(cè)縱向瀏覽時能更容易關(guān)注到。

總結(jié)和啟示

1. 用戶習(xí)慣掃視，而不是閱讀

2. 用戶并不會關(guān)注到頁面上的所有內(nèi)容

3. 不要考驗用戶的耐心，不要增加用戶的認(rèn)知負(fù)擔(dān)

4. 用戶并不做最佳選擇

5. 用戶在屏幕上的瀏覽熱區(qū)整體上符合“F形”

6. 針對F形瀏覽行為，將最重要的信息放在上部，將相關(guān)的關(guān)鍵內(nèi)容和信息放在內(nèi)容區(qū)左側(cè)。