當(dāng)你設(shè)計(jì)一個(gè)網(wǎng)站的時(shí)候，有一套指導(dǎo)方針是很好的，特別是當(dāng)你沒(méi)有用戶數(shù)據(jù)的時(shí)候。

多年來(lái)，我們已經(jīng)了解了大量的指導(dǎo)方針和設(shè)計(jì)趨勢(shì);其中一些已經(jīng)失寵，而另一些則持續(xù)多年。其中一個(gè)持續(xù)存在的網(wǎng)頁(yè)設(shè)計(jì)指導(dǎo)方針是F-pattern。

但是在今天，它是否仍然適用于移動(dòng)優(yōu)先的設(shè)計(jì)實(shí)踐呢?

f型是什么?

當(dāng)我們?cè)诰W(wǎng)頁(yè)設(shè)計(jì)中提到F-pattern, Gutenberg layout，或者layer-cake pattern這些模式時(shí)，我們所說(shuō)的是讀者如何瀏覽頁(yè)面上的內(nèi)容。多虧了熱測(cè)繪技術(shù)和尼爾森諾曼集團(tuán)(Nielsen Norman Group, 2006年成立)等機(jī)構(gòu)的研究，我們有了它存在的證據(jù)。

NNG眼球追蹤研究f型

從NNG的眼球追蹤研究中可以看出，F(xiàn)型并不總是一個(gè)明確的“F”形。

相反，它指的是一種一般的閱讀模式，即對(duì)頁(yè)面的某些部分進(jìn)行全文閱讀——通常是在頂部和中間的某個(gè)地方。在某些情況下，讀者可能會(huì)停下來(lái)仔細(xì)閱讀頁(yè)面的其他部分，使模式看起來(lái)更像字母“E”。頁(yè)面的其余部分，在大多數(shù)情況下，都是沿著左邊的空白處輕輕掃描的。

這個(gè)原則實(shí)際上適用于桌面和移動(dòng)屏幕。

雖然移動(dòng)設(shè)備的水平空間更小，但讀者仍然傾向于關(guān)注頂部部分，向下掃描頁(yè)面，再多讀一點(diǎn)，然后向下掃描到最后。再一次，它看起來(lái)不像一個(gè)傳統(tǒng)的“F”形狀，但概念是一樣的。

f型模式還適用嗎?

本質(zhì)上，這是F-pattern教給網(wǎng)頁(yè)設(shè)計(jì)師和文案的信息:“沒(méi)人會(huì)看你做的每件事，所以只要把好東西放在最上面就行了。”

這似乎是一種悲觀的方式來(lái)處理網(wǎng)頁(yè)設(shè)計(jì)，不是嗎?

事實(shí)上，這是一種悲觀的做法。然而，在它被設(shè)計(jì)出來(lái)的時(shí)候，我們并不知道更多。我們看著數(shù)據(jù)，心想，“好吧，這就是我們用戶的行為方式。我們必須創(chuàng)建網(wǎng)站來(lái)適應(yīng)這種行為。”

但是，最好的網(wǎng)頁(yè)設(shè)計(jì)師不會(huì)坐視不管，讓訪問(wèn)者自己做主。他們從開(kāi)始到結(jié)束都控制著體驗(yàn)，這樣游客們就不必考慮去哪里或下一步該做什么。設(shè)計(jì)師精心設(shè)計(jì)和布局的內(nèi)容，以吸引訪客到一個(gè)網(wǎng)站，并把他們的旅程。

NNG在2017年重新審視關(guān)于f型格局的報(bào)告時(shí)，得出以下結(jié)論:

當(dāng)作者和設(shè)計(jì)師沒(méi)有采取任何措施引導(dǎo)用戶找到最相關(guān)、最有趣或最有幫助的信息時(shí)，用戶就會(huì)找到自己的路徑。在沒(méi)有任何信號(hào)來(lái)引導(dǎo)眼睛的情況下，他們會(huì)選擇最省力的路徑，大多數(shù)注視點(diǎn)會(huì)靠近他們開(kāi)始閱讀的地方(通常是一頁(yè)文本中最左上角的單詞)。”

基本上，我們的訪問(wèn)者只有在我們提供了不太好的體驗(yàn)時(shí)才會(huì)使用F-pattern來(lái)閱讀頁(yè)面。

因此，要回答上面的問(wèn)題:不，f型模式仍然無(wú)關(guān)緊要。

那么網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該怎么做呢?

認(rèn)識(shí)到訪問(wèn)者一定會(huì)瀏覽你的網(wǎng)站是很重要的。現(xiàn)在每個(gè)人的時(shí)間和耐心都很短，所以上網(wǎng)成了一種很自然的方式。

也就是說(shuō)，瀏覽一個(gè)網(wǎng)頁(yè)來(lái)看看它是否值得一讀和瀏覽一個(gè)網(wǎng)頁(yè)來(lái)完成它是有區(qū)別的(本質(zhì)上這就是f模式所鼓勵(lì)的)。

知道了這一點(diǎn)，網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該創(chuàng)建網(wǎng)頁(yè)，鼓勵(lì)掃描-開(kāi)始，無(wú)論如何。頁(yè)面包含:

短句和段落;

報(bào)頭和子報(bào)頭，給快速和信息的挑逗什么是來(lái);

創(chuàng)建自然暫停的元素，如公告點(diǎn)、圖像、加粗的文本、超鏈接、豐富的間距等。

如果你能避免訪問(wèn)者遇到令人生畏的文本墻，他們就更有可能從瀏覽頁(yè)面轉(zhuǎn)到閱讀頁(yè)面，而不是瀏覽頁(yè)面然后關(guān)閉瀏覽器。

我還建議不要太關(guān)注閱讀模式。除非你花費(fèi)大量的時(shí)間來(lái)設(shè)計(jì)文字內(nèi)容豐富的頁(yè)面，否則它們不會(huì)有那么多的應(yīng)用。

相反，你應(yīng)該專注于設(shè)計(jì)一種受歡迎和鼓舞的體驗(yàn)，讓你的訪問(wèn)者從A點(diǎn)到b點(diǎn)更容易。如果你引導(dǎo)他們?cè)L問(wèn)你網(wǎng)站最有價(jià)值的部分，他們會(huì)跟隨你。