資源描述:
《網(wǎng)頁(yè)閱讀行為模式》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、“F”形狀的網(wǎng)頁(yè)閱讀行為模式作者:ignore
2、發(fā)布:(編輯)稻草
3、時(shí)間:2009-04-1919:59:39文字大小:-+原文作者:JakobNielsen摘要:眼球追蹤研究顯示出用戶通常閱讀網(wǎng)頁(yè)的模式是“F”型:即兩個(gè)橫向條紋和一個(gè)垂直條紋。F意味著fast(快速)。這就是用戶閱讀你精心準(zhǔn)備的內(nèi)容的方式。在幾秒鐘內(nèi),他們的目光以驚人的速度在你的網(wǎng)站文字間的穿過(guò),而這種方式與你在學(xué)校所學(xué)到的有很大差別。在我們這項(xiàng)新的視線追蹤研究中,我們記錄了232位用戶瀏覽上千個(gè)網(wǎng)頁(yè)的方式。我們發(fā)現(xiàn),對(duì)于不同的站點(diǎn)和任務(wù),用戶的主要閱讀行為是相當(dāng)一致的。
4、這種顯著的閱讀模式看起來(lái)有點(diǎn)像一個(gè)字母F,它有以下三個(gè)組成部分:用戶首先橫向運(yùn)動(dòng)閱讀,通常是在網(wǎng)頁(yè)內(nèi)容區(qū)域的上半部分。這最初的元素就形成了F頂部的那個(gè)橫條。接著用戶的視線會(huì)從網(wǎng)頁(yè)上往下移一點(diǎn),然后第二次橫向閱讀,通常這次涵蓋的區(qū)域會(huì)比前一次短。這個(gè)附加的元素形成了F下面那橫。最后,用戶會(huì)縱向地瀏覽網(wǎng)頁(yè)內(nèi)容的左邊部分。有時(shí)這是一個(gè)相當(dāng)緩慢的和系統(tǒng)的瀏覽過(guò)程,在眼球追蹤熱度圖上呈現(xiàn)的就是一條粗實(shí)的條紋。其他時(shí)間用戶視線移動(dòng)的較快,形成的就是散點(diǎn)狀熱度圖。這最后一個(gè)元素形成了字母F的豎杠。顯然,用戶的瀏覽模式并不總是完全由這三個(gè)部分組成。有時(shí)用戶
5、還會(huì)閱讀網(wǎng)頁(yè)內(nèi)容的第三部分,使得圖案看起來(lái)更像E。還有時(shí)他們只橫向讀一遍,使得圖案看起來(lái)像一個(gè)倒置的L(橫在上方)。但是,總的來(lái)說(shuō),閱讀模式大致相似字母F,只不過(guò)上下兩個(gè)橫杠之間的距離不同。熱度圖來(lái)自三個(gè)網(wǎng)站的用戶眼球追蹤研究。用戶看的最多的區(qū)域是紅色的,黃色區(qū)域是關(guān)注較少的版塊,藍(lán)色區(qū)域是關(guān)注最少的部分。灰色區(qū)域是沒(méi)有任何人關(guān)注的部分。上述熱度圖顯示了用戶閱讀網(wǎng)頁(yè)的三種不同類(lèi)型:公司網(wǎng)站“關(guān)于我們”部分中的一篇文章(左)電子商務(wù)網(wǎng)站上的一個(gè)產(chǎn)品頁(yè)面(中),和一個(gè)搜索引擎的結(jié)果頁(yè)(SERP;右)。如果你瞇起眼睛并重點(diǎn)看紅色(關(guān)注最多)的區(qū)域
6、,所有這三個(gè)熱度圖顯示的就是期望的“F”模式。當(dāng)然,也會(huì)有一點(diǎn)不同?!癋”型瀏覽模式是一個(gè)粗略的、一般的形狀,而不是一個(gè)統(tǒng)一的、完美的行為。在電子商務(wù)網(wǎng)頁(yè)(中間的例子)上,F(xiàn)的第二橫比一般的要低,因?yàn)橹虚g插入了產(chǎn)品圖。用戶還花費(fèi)大量固定的時(shí)間在網(wǎng)頁(yè)的右上角方塊部分,因?yàn)槟抢锸莾r(jià)格和“添加到購(gòu)物車(chē)”按鈕。在SERP(右邊的例子)中,F(xiàn)的第二橫比上面的那橫要長(zhǎng),這主要是因?yàn)榈诙€(gè)標(biāo)題比第一個(gè)標(biāo)題長(zhǎng)。雖然用戶通常很少閱讀所瀏覽網(wǎng)頁(yè)的第二部分,但在這種情況下可以看出,用戶對(duì)兩個(gè)標(biāo)題同樣感興趣。F模式的影響“F”模式對(duì)網(wǎng)頁(yè)設(shè)計(jì)的影響是顯而易見(jiàn)的,以下
7、這些重要準(zhǔn)則是為網(wǎng)頁(yè)寫(xiě)的而不是用作印刷的內(nèi)容:用戶不會(huì)逐字的完全閱讀你的文本。仔細(xì)的閱讀行為是很罕見(jiàn)的,尤其是當(dāng)預(yù)期的客戶對(duì)候選供應(yīng)商進(jìn)行初步研究的時(shí)候。確實(shí),有些人會(huì)閱讀更多,但大多數(shù)不會(huì)。前兩段必須指出最重要的信息。雖然他們可能讀第一段比第二段多,但這里也有一些希望,那就是用戶是在真正的閱讀這些資料。當(dāng)用戶以“F”行為的最后豎杠模式瀏覽你的內(nèi)容的左邊部分的時(shí)候,他們會(huì)注意開(kāi)始標(biāo)題、段落和有要點(diǎn)信息的詞語(yǔ)。在同一行中,與前兩個(gè)詞語(yǔ)相比,他們很少會(huì)讀第三個(gè)詞。具體的瀏覽行為當(dāng)人們閱讀并瀏覽整個(gè)網(wǎng)頁(yè)時(shí),用戶眼球運(yùn)動(dòng)的慢動(dòng)作回放是很吸引人的。每
8、個(gè)頁(yè)面所閱讀的主題都超越了我這里討論的主要的“F”模式。例如,當(dāng)他們?cè)趯ふ覂r(jià)格或其他號(hào)碼時(shí),用戶是以不同的,更有針對(duì)性的方式去瀏覽,且有個(gè)有趣的棘手行為決定了用戶是如何看搜索引擎廣告列表的。我們也有許多研究是關(guān)于人們?nèi)绾慰淳W(wǎng)站圖片的。在美國(guó)華盛頓、舊金山、倫敦和悉尼召開(kāi)的2009年可用性會(huì)議上,我們?cè)跒槠趦商斓难杏憰?huì)中針對(duì)網(wǎng)站書(shū)寫(xiě)問(wèn)題提出了許多詳細(xì)的調(diào)查結(jié)果。對(duì)于內(nèi)容可用性最大的決定因素是用戶如何在線閱讀——因?yàn)槿藗冮喿x方式不同,你的書(shū)寫(xiě)方式也必須不同。