Dave. 2017-07-25
網(wǎng)站建設
用戶閱讀網(wǎng)頁的習慣!
根據(jù)研究的數(shù)據(jù)發(fā)現(xiàn),用戶是如何讀取您網(wǎng)站的內(nèi)容的呢?在幾秒鐘內(nèi),他們的眼睛以驚人的速度移動到您的網(wǎng)站上,這是我們平常所不關注的。
在我們的新眼科研究中,我們記錄了232位用戶如何查看數(shù)以千計的網(wǎng)頁。我們發(fā)現(xiàn)用戶的主要閱讀行為在許多不同的網(wǎng)站和任務中是相當一致的。這種主導的閱讀模式看起來有點像F,并有以下三個組成部分:
用戶首先閱讀水平運動,通常在內(nèi)容區(qū)域的上部。這個初始元素形成F的頂部欄。
接下來,用戶向下移動頁面,然后在通常覆蓋比先前的移動更短的區(qū)域的第二水平移動中讀取。這個附加元素形成F的下欄。
最后,用戶在垂直移動中掃描內(nèi)容的左側。有時,這是一個相當緩慢和系統(tǒng)的掃描,作為一個牢固的條紋在眼睛的熱圖上。其他時候,用戶移動速度更快,創(chuàng)造了一個嶄新的熱圖。最后一個元素形成F的莖。
顯然,用戶的掃描模式并不總是由三部分組成。有時,用戶將讀取內(nèi)容的第三部分,使模式看起來更像是E,而不是F。其他時候,他們只會讀取一次,使得模式看起來像一個倒置的L(橫幅在頂部) 。然而,通常,閱讀模式大致類似于F,但是頂部和底部之間的距離變化。
從三個網(wǎng)站的用戶眼中研究的熱圖。用戶看最多的地區(qū)是紅色的; 黃色區(qū)域表示較少的視圖,其次是最少觀看的藍色區(qū)域?;疑珔^(qū)域沒有吸引任何固定。
以上熱圖顯示了用戶如何讀取三種不同類型的網(wǎng)頁:
一個企業(yè)網(wǎng)站(最左邊)的“關于我們”部分的文章,
電子商務網(wǎng)站(中心) 的產(chǎn)品頁面,以及搜索引擎結果頁(SERP;最右)。
如果你瞇起眼睛并專注于紅色(最多觀看的)區(qū)域,那么所有三個熱圖都顯示出預期的F圖案。當然有一些區(qū)別。所述?F觀看模式是一個粗略的,大體形狀,而不是均勻的,像素完美的行為。
在電子商務頁面(中間示例)中,F(xiàn)的第二個橫幅比平常更低,因為產(chǎn)品形象的介入。用戶還在頁面右上角的一個框中分配了大量的固定時間,其中找到了價格和“添加到購物車”按鈕。
在SERP(右例子)上,F(xiàn)的第二個橫杠長于上橫梁,主要是因為第二個標題比第一個標題長。在這種情況下,兩個標題對于用戶來說也是同樣有趣的,盡管用戶通常讀取的頁面上看不到的第二個區(qū)域。
F模式的影響
F模式對Web設計的影響是清楚的,并且顯示了遵循Web編寫指南而不是重新使用打印內(nèi)容的重要性:
用戶不會以逐字的方式徹底閱讀您的文字。詳盡的閱讀是罕見的,特別是當潛在客戶進行初步研究以編制供應商的候選名單時。是的,有些人會閱讀更多,但大多數(shù)人不會。
前兩段必須說明最重要的信息。有一些希望,用戶實際上可以閱讀這種材料,雖然他們可能會閱讀更多的第一段比第二段。
開始小標題,段落和子彈點與用戶將注意到的信息攜帶的話,當您掃描左側的內(nèi)容在他們的F行為的最后的莖。他們會比前兩個字更經(jīng)常地讀一行第三個字。
詳細的掃描行為
觀看用戶眼動的慢動作重播是非常有趣的,因為他們在一個頁面上進行閱讀和掃描。每個頁面都有超出我在這里討論的主導F模式的閱讀問題。例如,用戶在尋找價格或其他數(shù)字時以不同的,更有針對性的方式進行掃描,而有趣的熱馬鈴薯行為決定了用戶如何查看搜索引擎廣告列表。我們還有很多關于人們?nèi)绾慰创W(wǎng)站圖像的發(fā)現(xiàn)。
內(nèi)容可用性的最大決定因素是用戶在線閱讀,而且由于用戶閱讀不同,您必須以不同的方式進行寫作。
摩恩網(wǎng)絡建站平臺-擁有十年網(wǎng)站建設經(jīng)驗,服務的企業(yè)超過3000+,與國內(nèi)多家知名企業(yè)合作,是您值得信賴的合作伙伴!如果您想知道做一個網(wǎng)站的費用需要多少錢?點擊查看吧!
摩恩網(wǎng)絡建站平臺-擁有十年網(wǎng)站建設經(jīng)驗,服務的企業(yè)超過3000+,與國內(nèi)多家知名企業(yè)合作,是您值得信賴的合作伙伴!如果您想知道做一個網(wǎng)站的費用需要多少錢?點擊查看吧!
文章標簽:
網(wǎng)站建設 網(wǎng)站制作
文章評論: