這是我心中的F型瀏覽模型:
- 縱向掃描用以對(duì)比:信息為第一維度要關(guān)注的信息,用戶尋找的是最重要而且有差異化的信息,用戶掃描的速度非常快。用戶對(duì)比中會(huì)產(chǎn)生“定位”,從而產(chǎn)生水平閱讀。
- 橫向閱讀用以判斷:信息為第二維度信息,信息可以沒(méi)有差異化,用戶會(huì)降低掃描的速度以獲取更多有用的信息,幫助自己做判斷,要不要點(diǎn)擊到詳情頁(yè)。
- 用戶的對(duì)比需要有差異化的信息,因此當(dāng)用戶做了一次過(guò)濾后,原本差異化的信息變?yōu)槔淄瑫r(shí),F的縱向條開(kāi)始轉(zhuǎn)移到另外一組信息處,比如在淘寶上搜索mp3,當(dāng)我經(jīng)過(guò)過(guò)濾,篩選出一組均是米奇的MP3時(shí),圖片的差異化就沒(méi)有了,我的F縱向直接過(guò)渡到標(biāo)題或者其他信息。
在以下的圖片無(wú)差異化的list上,我甚至有可能直接將F的縱向?yàn)g覽轉(zhuǎn)移到價(jià)格或者地區(qū)上。

因此,我們可以把F型理解得更加寬泛一些,這樣就不用去糾結(jié)上面一橫長(zhǎng)還是下面一橫長(zhǎng)或者是兩橫中間的距離,當(dāng)然也不會(huì)糾結(jié)為何F會(huì)有多條水平橫線。
非典型性F型瀏覽――用戶需求、網(wǎng)站設(shè)計(jì)等因素的影響
上面出現(xiàn)一張摻雜了一張圖片的搜索結(jié)果頁(yè)(圖2),那么我想,當(dāng)出現(xiàn)多張圖片時(shí),效果又是如何呢?
剛好,這幾天我想買(mǎi)個(gè)電腦包,去淘寶上搜索電腦包,然后不做任何篩選,直接看搜索到的結(jié)果。我有意識(shí)觀測(cè)自己的行為(當(dāng)然,做研究不用采用我的方式),然后發(fā)現(xiàn):
- 我首先只看圖片――圖片能夠幫助我快速?zèng)Q斷,這個(gè)包的顏色、款式、風(fēng)格是否是我所要尋找的(因此快速出現(xiàn)了一條長(zhǎng)長(zhǎng)的垂直瀏覽線)。
- 當(dāng)圖片滿足需求后,我會(huì)橫向閱讀該包的說(shuō)明(標(biāo)題)。――如果標(biāo)題中包含了諸如“二手”,“18寸”等字眼,我就會(huì)放棄橫向?yàn)g覽,直接用一個(gè)斜線過(guò)渡到下一個(gè)產(chǎn)品圖片。
- 當(dāng)快速掃描標(biāo)題未出現(xiàn)讓我say no的字眼時(shí),我將視線落到了價(jià)格上。請(qǐng)看倒數(shù)第二個(gè)紅色的包包,圖片通過(guò),標(biāo)題通過(guò),然而價(jià)格超出預(yù)算,于是我放棄用斜線過(guò)渡到下面的產(chǎn)品。

我們假設(shè)有一個(gè)同樣和我在買(mǎi)電腦包的人,假設(shè)他不關(guān)心顏色,不關(guān)心款式,只關(guān)心價(jià)格(很多做批發(fā)的也許是這樣的)――那么他一來(lái)這個(gè)搜索結(jié)果頁(yè),會(huì)不會(huì)首先從價(jià)格所在的列開(kāi)始縱向?yàn)g覽,排除,選擇,橫向研究并下決策――放棄還是點(diǎn)擊?這是完全有可能的。
在電子商務(wù)網(wǎng)站上,因?yàn)閳D片大多數(shù)是第一選擇要素,它有天然的優(yōu)勢(shì)能夠幫助做選擇,因此我們的瀏覽視線從左上方開(kāi)始,先縱向再橫向,縱向和橫向的意圖是有著微妙的差異的。這個(gè)稍后再說(shuō)。
我們?cè)倏纯纯诒W(wǎng),同樣設(shè)計(jì)的搜索結(jié)果頁(yè)的瀏覽視線:
我,代表著一個(gè)普通的來(lái)找租房的用戶。普通的找租房的用戶關(guān)心什么?
他第一關(guān)心的是戶型和地段。其次是價(jià)格。
因此,他的瀏覽視線即有可能是這樣的――
- 越過(guò)了圖片先看標(biāo)題,因?yàn)闃?biāo)題一般會(huì)包含小區(qū)名稱,戶型等重要因素。
- 當(dāng)標(biāo)題里有讓他say no的字眼時(shí),其他的信息(圖片、價(jià)格、更多介紹等)統(tǒng)統(tǒng)都會(huì)視而不見(jiàn)。快速縱向?yàn)g覽到下面的列表。
- 當(dāng)標(biāo)題里有字眼滿足需求后,用戶會(huì)橫向掃到價(jià)格字眼,做第二次判斷。
- 當(dāng)價(jià)格超出心理預(yù)期時(shí)(或過(guò)低時(shí)),用戶放棄此列表,視線出現(xiàn)Z型的下移,下移到下一條列表的標(biāo)題。
- 當(dāng)價(jià)格同時(shí)滿足期望時(shí),一般會(huì)產(chǎn)生一個(gè)到詳情頁(yè)面的點(diǎn)擊(兩個(gè)黃色區(qū)域)。
在下面的例子中,同樣是圖片,卻僅僅起到一個(gè)輔助的作用,當(dāng)用戶通過(guò)標(biāo)題或者價(jià)格掌握的信息不足以判斷時(shí),才會(huì)做為參考因素。

再看看網(wǎng)站設(shè)計(jì),是如何影響用戶瀏覽行為的。
而,在以相冊(cè)方式展示的SERP頁(yè)面,用戶的行為又是怎么樣的呢?
比如,在淘寶商城,切換成gallery形式。我的需求是尋找一個(gè)雙肩的電腦包,圖片仍然是第一維度要關(guān)注的,因此我的視線很有可能呈現(xiàn)Z狀,當(dāng)我發(fā)現(xiàn)了有合適的款式和顏色的包包后,我才會(huì)掃描第二維度的信息:價(jià)格或者標(biāo)題等。
但是,我又發(fā)現(xiàn),除非我有意識(shí),才能夠保證是一個(gè)Z型瀏覽,大多數(shù)情況,我在Gallery形式展示的list上,視線呈現(xiàn)放射狀的,散亂的,沒(méi)有規(guī)律的,我也許會(huì)被其中的某張圖片先吸引到――這張圖片也許是居中的而不是左上角的圖片,然后再由這張圖片開(kāi)始,向上或者向下瀏覽。
這種galley的設(shè)計(jì),雖然能夠突出圖片的影響,但是實(shí)際上倒并不方便用戶做“對(duì)比和篩選”,會(huì)漏掉一些信息,因此可能會(huì)出現(xiàn)上上下下的重復(fù)瀏覽――這也許也是國(guó)外主流的電子商務(wù)網(wǎng)站沒(méi)有把這種形式作為主要的list設(shè)計(jì)的原因,當(dāng)然,這是我個(gè)人的猜測(cè)。――如果有機(jī)會(huì),我們會(huì)利用gallery做一下眼動(dòng)儀的測(cè)試,來(lái)驗(yàn)證這個(gè)結(jié)論。
一個(gè)tips是,當(dāng)以gallery方式呈現(xiàn)產(chǎn)品時(shí),同一行的產(chǎn)品不宜過(guò)多。

