事實(shí)上,互聯(lián)網(wǎng)用戶(hù)瀏覽網(wǎng)頁(yè)的習慣和顧客瀏覽商店中物品的習慣沒(méi)有多大差別。用戶(hù)打開(kāi)一個(gè)新的頁(yè)面,掃視一些文字,并點(diǎn)擊第一個(gè)引起他興趣的鏈接。在這過(guò)程中,頁(yè)面上有大量的區域用戶(hù)甚至完全沒(méi)有看過(guò)。大部分用戶(hù)在頁(yè)面上尋找他感興趣且可點(diǎn)擊的內容,一旦發(fā)現目標,點(diǎn)擊行為就會(huì )發(fā)生,但如果頁(yè)面不符合期望,后退或關(guān)閉按鈕也將馬上被點(diǎn)擊。用戶(hù)是如何瀏覽你的網(wǎng)站的1. 大部分時(shí)候用戶(hù)并非在閱讀屏幕上的內容,而是在掃視。用戶(hù)習慣掃視和快速尋找頁(yè)面上一些能夠引導他理解內容的關(guān)鍵點(diǎn)。2. 不要考驗用戶(hù)的耐心當一個(gè)頁(yè)面不能滿(mǎn)足用戶(hù)的期望時(shí),離開(kāi)就在所難免。希望通過(guò)添加相關(guān)內容來(lái)豐富頁(yè)面和留住用戶(hù)往往效果不佳甚至適得其反。一屏頁(yè)面上承載的信息越多,認知的負擔就會(huì )越重,就需要花費更多的時(shí)間去處理信息,如果這些信息中還有些不是用戶(hù)期望的,那就還要花額外的精力將這些多于信息從注意力中剝離。Jakbo Nielsen 的研究結論也表明:一個(gè)頁(yè)面上的認識負擔越重,導航和瀏覽就會(huì )越困難,用戶(hù)離開(kāi)并尋找其他替代品的可能性就越大。3. 用戶(hù)并不做最佳選擇用戶(hù)并不是在搜尋找到最佳選項的最快途徑,他們也并非用線(xiàn)性的方式來(lái)閱讀屏幕上的內容(有順序地從一個(gè)模塊到另一個(gè)模塊)。當用戶(hù)找到第一個(gè)合理的選項,或者一旦找到了可能的目標內容,立即點(diǎn)擊的可能性會(huì )非常大。其實(shí),用戶(hù)是在尋找能讓他們覺(jué)得夠用或者合適的內容,而非尋找最佳的選擇,理由也很直觀(guān),讓用戶(hù)自己去做最佳選擇需要花費不少時(shí)間和精力,那已經(jīng)在考驗用戶(hù)的耐心了(選擇即成本)。Jakbo Nielsen的F形瀏覽熱區Jakbo Nielsen曾對232位用戶(hù)瀏覽幾千個(gè)頁(yè)面的過(guò)程中的眼動(dòng)情況進(jìn)行追蹤,發(fā)現用戶(hù)在不同站點(diǎn)上的瀏覽行為有明顯的一致性,將瀏覽熱點(diǎn)可視化后呈現出類(lèi)似F形的圖案。這種瀏覽行為有三個(gè)特征:1. 用戶(hù)首先會(huì )在內容區的上部進(jìn)行橫向瀏覽。2. 用戶(hù)視線(xiàn)下移一段距離后在小范圍內再次橫向瀏覽。3. 最后用戶(hù)會(huì )在內容區的左側做快速的縱向瀏覽。PS.顯然,用戶(hù)的瀏覽行為并非精確的包含這個(gè)三個(gè)過(guò)程,有時(shí)候,在這三個(gè)過(guò)程之后,還會(huì )在底部有橫向瀏覽的熱點(diǎn),使得整個(gè)瀏覽熱區圖看上去更像E而不是F。也有時(shí)候,用戶(hù)瀏覽時(shí)只反應了上述的行為1和行為3,使得瀏覽熱區圖像一個(gè)倒寫(xiě)的L。但從所有數據整體上來(lái)看,用戶(hù)的屏幕瀏覽熱區圖還是較一致地反應出了F圖像。?如何運用F形閱讀行為進(jìn)行設計:1. 用戶(hù)并不會(huì )瀏覽頁(yè)面上的所有內容(F形之外的大片空白區)2. 將最重要的信息放在頭兩段(F熱區中的兩個(gè)橫向熱區)3. 在后續的內容中,將關(guān)鍵詞和信息放在段首,使用戶(hù)在左側縱向瀏覽時(shí)能更容易關(guān)注到。總結和啟示1. 用戶(hù)習慣掃視,而不是閱讀2. 用戶(hù)并不會(huì )關(guān)注到頁(yè)面上的所有內容3. 不要考驗用戶(hù)的耐心,不要增加用戶(hù)的認知負擔4. 用戶(hù)并不做最佳選擇5. 用戶(hù)在屏幕上的瀏覽熱區整體上符合“F形”6. 針對F形瀏覽行為,將最重要的信息放在上部,將相關(guān)的關(guān)鍵內容和信息放在內容區左側。