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

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

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

f型是什么?

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

NNG眼球追蹤研究f型

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

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

這個原則實際上適用于桌面和移動屏幕。

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

f型模式還適用嗎?

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

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

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

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

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

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

基本上，我們的訪問者只有在我們提供了不太好的體驗時才會使用F-pattern來閱讀頁面。

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

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

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

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

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

短句和段落;

報頭和子報頭，給快速和信息的挑逗什么是來;

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

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

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

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