不要被F型瀏覽忽悠了

什么是F型瀏覽？

2006年4月，美國(guó)長(zhǎng)期研究網(wǎng)站可用性的著名網(wǎng)站設(shè)計(jì)師 杰柯柏?尼爾森（Jakob Nielsen）發(fā)表了一項(xiàng)《眼球軌跡的研究》報(bào)告（原文：F-Shaped Pattern For Reading Web Content）。

報(bào)告中提出，大多數(shù)情況下瀏覽者都不由自主的以“Ｆ”形狀的模式閱讀網(wǎng)頁(yè)，這種基本恒定的閱讀習(xí)慣決定了網(wǎng)頁(yè)呈現(xiàn)F形的關(guān)注熱度。

研究者用了幾種不同的頁(yè)面做眼動(dòng)儀測(cè)試，得到了3張熱度圖，用顏色來(lái)表示瀏覽者眼光聚集的熱度，分為最熱（紅色）、較熱（黃色）、不熱（藍(lán)色）和基本不關(guān)注（灰色）4種。其中圖3搜索結(jié)果頁(yè)因SERP中網(wǎng)站標(biāo)題、網(wǎng)頁(yè)摘要較寬，第二條線會(huì)隨之加長(zhǎng)，但仍然是F形狀。

圖1：F型瀏覽

研究人員這樣詮釋F型瀏覽：

第一步：水平移動(dòng)

瀏覽者首先在網(wǎng)頁(yè)最上部形成一個(gè)水平瀏覽軌跡。

第二步：目光下移，短范圍水平移動(dòng)

瀏覽者會(huì)將目光向下移，掃描比上一步短的區(qū)域。

第三步：垂直瀏覽

瀏覽者完成上兩步后，會(huì)將目光沿網(wǎng)頁(yè)左側(cè)垂直掃描；這一步的瀏覽速度較慢，也較有系統(tǒng)性、條理性。

F型瀏覽背后的問題

F型瀏覽模式這個(gè)理論已經(jīng)推出很久了，我在很多網(wǎng)站和BLOG上也看到過(guò)這樣的分享。我在思考幾個(gè)問題：

1. 出現(xiàn)F型瀏覽模式的原因是什么？它的背后是什么樣的用戶需求？
2. F型瀏覽會(huì)受到網(wǎng)站內(nèi)容、用戶需求影響而發(fā)生改變嗎？會(huì)出現(xiàn)別的形狀嗎？
3. F型瀏覽模式能夠給我們什么啟示？如何指導(dǎo)我們進(jìn)行SERP的設(shè)計(jì)？

帶著這些問題，我進(jìn)行了一些資料的發(fā)掘和嘗試，進(jìn)而有了更多的疑問。

什么造成了F型瀏覽？

Jakob Nielsen花費(fèi)的苦心用三種不同的網(wǎng)頁(yè)進(jìn)行測(cè)試，目的是為了告訴我們，F(xiàn)型瀏覽在不同的網(wǎng)站上都是通用的，用戶的F型瀏覽行為并不會(huì)受到網(wǎng)站內(nèi)容和設(shè)計(jì)出現(xiàn)太大的不同。

但是他并未進(jìn)一步分析出現(xiàn)F型瀏覽的原因，結(jié)果讓很多人誤認(rèn)為這真的是一種“不由自主”的行為。

也正因?yàn)槿绱耍現(xiàn)型瀏覽也很容易被看出很多漏洞來(lái)。比如：

為什么不是E而是F？因?yàn)槲覀兛吹胶芏嘌蹌?dòng)儀測(cè)試的圖片F(xiàn)下面并未一只有一個(gè)水平瀏覽線，而是多個(gè)。

為什么下面的一個(gè)水平瀏覽線要短于上面的一條，而實(shí)際上我們看到的很多眼動(dòng)儀圖片卻是下面的水平瀏覽線要長(zhǎng)于上面的一個(gè)？

而進(jìn)一步的研究也發(fā)現(xiàn)，當(dāng)考慮到網(wǎng)頁(yè)豐富的內(nèi)容元素，比如圖片時(shí)，F(xiàn)型瀏覽很容易就被打破。如圖，你能看到一個(gè)典型的F嗎？

圖2：圖片因素對(duì)F型瀏覽的影響

那么，研究人員又來(lái)補(bǔ)充F型瀏覽了，他們說(shuō)，當(dāng)有了圖片元素影響后，用戶的瀏覽行為發(fā)生了改變，不再呈現(xiàn)F型瀏覽，而是出現(xiàn)了一個(gè)E字：

我想，再這么推下去，還是避免不了漏洞百出，E出來(lái)了，F(xiàn)出來(lái)了，將來(lái)還會(huì)有L，I,C，Z……

還是早早透過(guò)現(xiàn)象去分析本質(zhì)，讓我們?cè)琰c(diǎn)接觸F型瀏覽背后的原因更好。

F型瀏覽背后的研究以及眼動(dòng)儀確實(shí)能夠幫助我們發(fā)現(xiàn)一些問題，但是F型瀏覽的理論在很多場(chǎng)合下顯得不是很靠譜。不要被F型瀏覽忽悠，主要是要警惕那些片面理解F型瀏覽的拿來(lái)主義者、理論主義者（F型瀏覽的英文原文值得好好閱讀并思考）。

我認(rèn)為，F型或者是E型瀏覽方式，絕對(duì)不是無(wú)意識(shí)的“不由自主”的行為，而是網(wǎng)站內(nèi)容、設(shè)計(jì)，用戶需求和用戶習(xí)慣多重因素作用下的結(jié)果。

• 用戶的習(xí)慣：從左向右，從上到下，這也是傳統(tǒng)閱讀習(xí)慣在網(wǎng)絡(luò)上的延伸。
• 互聯(lián)網(wǎng)用戶的閱讀習(xí)慣：有些像我們閱讀黃頁(yè)或者產(chǎn)品目錄的方式：快速掃描的方式，捕捉關(guān)鍵點(diǎn)，讀短句子，忽視長(zhǎng)篇大論――這些是可以有定論的。
• 用戶的需求：這種習(xí)慣是如何養(yǎng)成的？我想是因?yàn)榛ヂ?lián)網(wǎng)用戶心中有個(gè)需求：尋找某個(gè)東西。這個(gè)東西可能是具體的，比如搜索某個(gè)產(chǎn)品。也可能是模糊的，比如瀏覽新聞網(wǎng)站，我們是想掃描一下看看有沒有“激發(fā)興趣”的關(guān)鍵詞。當(dāng)發(fā)現(xiàn)這些“關(guān)鍵詞”后，我們會(huì)閱讀更多的輔助信息以幫助決斷：這究竟是不是我要找的東西，當(dāng)發(fā)現(xiàn)是的時(shí)候，會(huì)產(chǎn)生到詳情頁(yè)面的點(diǎn)擊，當(dāng)然發(fā)現(xiàn)不是的話，就會(huì)繼續(xù)向下閱讀，繼續(xù)又一次循環(huán)。
• 用戶的耐心是有限度的，所以隨著掃描的進(jìn)行，頁(yè)面長(zhǎng)度的拉伸，他們?nèi)粽也坏教嗯d趣點(diǎn)，興趣自然會(huì)逐漸消減，因此就可能形成了所謂的F型或者金三角熱區(qū)。

用戶在瀏覽的時(shí)候，大腦里出現(xiàn)了三個(gè)詞語(yǔ)：也許是，是，否。
當(dāng)詞語(yǔ)是“也許是”的時(shí)候，用戶水平瀏覽以獲取更多信息，當(dāng)答案是否時(shí)，用戶放棄水平瀏覽，下移閱讀下一段或者下一個(gè)搜索條目。當(dāng)答案是是時(shí)，一般會(huì)產(chǎn)生一個(gè)點(diǎn)擊。如圖所示:

圖3：F型瀏覽是有意識(shí)的行為