使用者是如何流覽你的網站的

事實上，HTTP://www.aliyun.com/zixun/aggregation/4581.html">互聯網使用者流覽網頁的習慣和顧客流覽商店中物品的習慣沒有多大差別。 使用者打開一個新的頁面，掃視一些文字，並點擊第一個引起他興趣的連結。 在這過程中，頁面上有大量的區域使用者甚至完全沒有看過。 大部分使用者在頁面上尋找他感興趣且可點擊的內容，一旦發現目標，點擊行為就會發生，但如果頁面不符合期望，後退或關閉按鈕也將馬上被點擊。

使用者是如何流覽你的網站的

1. 大部分時候使用者並非在閱讀螢幕上的內容，而是在掃視。
使用者習慣掃視和快速尋找頁面上一些能夠引導他理解內容的關鍵點。

2. 不要考驗使用者的耐心
當一個頁面不能滿足使用者的期望時，離開就在所難免。 希望通過添加相關內容來豐富頁面和留住使用者往往效果不佳甚至適得其反。 一屏頁面上承載的資訊越多，認知的負擔就會越重，就需要花費更多的時間去處理資訊，如果這些資訊中還有些不是使用者期望的，那就還要花額外的精力將這些多於資訊從注意力中剝離。 Jakbo Nielsen 的研究結論也表明：一個頁面上的認識負擔越重，導航和流覽就會越困難，使用者離開並尋找其他替代品的可能性就越大。

3. 使用者並不做最佳選擇
使用者並不是在搜尋找到最佳選項的最快途徑，他們也並非用線性的方式來閱讀螢幕上的內容（有順序地從一個模組到另一個模組）。 當使用者找到第一個合理的選項，或者一旦找到了可能的目標內容，立即點擊的可能性會非常大。 其實，使用者是在尋找能讓他們覺得夠用或者合適的內容，而非尋找最佳的選擇，理由也很直觀，讓使用者自己去做最佳選擇需要花費不少時間和精力，那已經在考驗使用者的耐心了（選擇即成本）。

來自 eyetools 的圖片，可以看出使用者流覽時的關注點和非線性的流覽軌跡。

Jakbo Nielsen的F形流覽熱區

Jakbo Nielsen曾對232位使用者流覽幾千個頁面的過程中的眼動情況進行追蹤，發現使用者在不同網站上的流覽行為有明顯的一致性，將流覽熱點視覺化後呈現出類似F形的圖案。 這種流覽行為有三個特徵：
1. 使用者首先會在內容區的上部進行橫向流覽。
2. 使用者視線下移一段距離後在小範圍內再次橫向流覽。
3. 最後使用者會在內容區的左側做快速的縱向流覽。

PS.顯然，使用者的流覽行為並非精確的包含這個三個過程，8630.html">有時候，在這三個過程之後，還會在底部有橫向流覽的熱點，使得整個流覽熱區圖看上去更像E而不是F。 也有時候，使用者流覽時只反應了上述的行為1和行為3，使得流覽熱區圖像一個倒寫的L。 但從所有資料整體上來看，使用者的螢幕流覽熱區圖還是較一致地反應出了F圖像。

如何運用F形閱讀行為進行設計：
1. 使用者並不會流覽頁面上的所有內容（F形之外的大片空白區）
2. 將最重要的資訊放在頭兩段（F熱區中的兩個橫向熱區）
3. 在後續的內容中，將關鍵字和資訊放在段首，使使用者在左側縱向流覽時能更容易關注到。

總結和啟示

1. 使用者習慣掃視，而不是閱讀
2. 使用者並不會關注到頁面上的所有內容
3. 不要考驗使用者的耐心，不要增加使用者的認知負擔
4. 使用者並不做最佳選擇
5. 使用者在螢幕上的流覽熱區整體上符合「F形」
6. 針對F形流覽行為，將最重要的資訊放在上部，將相關的關鍵內容和資訊放在內容區左側。

參考文獻：
1. F-Shaped Pattern For Reading Web Content, by Jakbo Nielsen
2. Common Email Layouts: B2C Electronics Template, by Teresa Hernandez
3. But What Does It All Mean? Understanding Eye-Tracking Results, by Teresa Hernandez

來源：HTTP://cdc.tencent.com/?p=2460