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

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

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

f型是什么?

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

NNG眼球追蹤研究f型

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

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

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

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

f型模式還適用嗎?

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

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

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

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

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

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

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

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

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

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

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

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

短句和段落;

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

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

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

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

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