不要被F型瀏覽忽悠了(2)

這是我心中的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í)，效果又是如何呢？

剛好，這幾天我想買個(gè)電腦包，去淘寶上搜索電腦包，然后不做任何篩選，直接看搜索到的結(jié)果。我有意識(shí)觀測(cè)自己的行為（當(dāng)然，做研究不用采用我的方式），然后發(fā)現(xiàn)：

1. 我首先只看圖片――圖片能夠幫助我快速?zèng)Q斷，這個(gè)包的顏色、款式、風(fēng)格是否是我所要尋找的（因此快速出現(xiàn)了一條長(zhǎng)長(zhǎng)的垂直瀏覽線）。
2. 當(dāng)圖片滿足需求后，我會(huì)橫向閱讀該包的說(shuō)明（標(biāo)題）。――如果標(biāo)題中包含了諸如“二手”，“18寸”等字眼，我就會(huì)放棄橫向?yàn)g覽，直接用一個(gè)斜線過(guò)渡到下一個(gè)產(chǎn)品圖片。
3. 當(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è)同樣和我在買電腦包的人，假設(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à)格。

因此，他的瀏覽視線即有可能是這樣的――

1. 越過(guò)了圖片先看標(biāo)題，因?yàn)闃?biāo)題一般會(huì)包含小區(qū)名稱，戶型等重要因素。
2. 當(dāng)標(biāo)題里有讓他say no的字眼時(shí)，其他的信息（圖片、價(jià)格、更多介紹等）統(tǒng)統(tǒng)都會(huì)視而不見(jiàn)。快速縱向?yàn)g覽到下面的列表。
3. 當(dāng)標(biāo)題里有字眼滿足需求后，用戶會(huì)橫向掃到價(jià)格字眼，做第二次判斷。
4. 當(dāng)價(jià)格超出心理預(yù)期時(shí)（或過(guò)低時(shí)），用戶放棄此列表，視線出現(xiàn)Z型的下移，下移到下一條列表的標(biāo)題。
5. 當(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ò)多。