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