原文鏈接：The F Pattern: Understanding How Users Scan Content
原文作者：Stephen Moyers
在線閱讀和你在學(xué)校讀的課本有很多不同。如今的人們，在網(wǎng)上尋找感興趣的內(nèi)容時(shí)，會(huì)先掃視它。用戶習(xí)慣了快速瀏覽信息，只停留在那些重要的部分。視線追蹤的研究表明，在線閱讀的人群掃描信息是字母“F”式的。聽起來很隨意，但它對(duì)你的商業(yè)網(wǎng)站來說，十分重要。
為什么是F模式？
如果你并不容易看出它是如何工作的，不夠明顯，或不知道我們是如何訓(xùn)練閱讀的，習(xí)慣上是自上而下。當(dāng)掃描信息時(shí)，特別是網(wǎng)站內(nèi)容，大腦會(huì)主動(dòng)尋找重要的內(nèi)容。這就是它如何工作的：
“F”的頂部是用戶從頂部開始，閱讀標(biāo)題和文章描述。讀者會(huì)將注意力移到屏幕的左邊，然后向下瀏覽，直到它們看到另一個(gè)吸引他們的標(biāo)題或者信息。這些信息通常是他們搜索這個(gè)主題時(shí)所希望的一部分內(nèi)容，并花些許時(shí)間閱讀它，在“F”中創(chuàng)建第二條水平線。
當(dāng)讀者得到了想要的大部分信息，就會(huì)繼續(xù)掃視頁面，直到發(fā)現(xiàn)其它吸引眼球的信息，他們可能會(huì)跳轉(zhuǎn)到另一頁，或者離開。
它重要在哪里？
了解這種網(wǎng)站的掃視模式對(duì)你的商業(yè)性很重要。如果你的網(wǎng)站布局和內(nèi)容不符合F模式，用戶可能會(huì)浪費(fèi)時(shí)間去尋找他們想要的內(nèi)容，如果浪費(fèi)的時(shí)間多了，他們需要的內(nèi)容不能夠輕易的獲得，他們很可能會(huì)轉(zhuǎn)移到另一個(gè)容易掃描的地方。當(dāng)你采用F模式時(shí)，你就在給用戶提供他們所需的信息。
如何從中受益
F模式不僅能將用戶留在你的網(wǎng)站上，還能讓他們知道你的網(wǎng)站能提供什么，當(dāng)你把這個(gè)布局融入你的設(shè)計(jì)時(shí)，網(wǎng)站的可用性就會(huì)增加。
當(dāng)使用這種方法時(shí)，你的網(wǎng)站會(huì)感覺更加直觀，你給你的用戶提供了他們所需的。當(dāng)你理解了這個(gè)模式，并知道如何去運(yùn)用它，你就能更好的傳遞信息。研究展示了用戶會(huì)在哪里花費(fèi)更多的時(shí)間，所以你可以開始優(yōu)先考慮你的內(nèi)容。將F模式融合進(jìn)你的內(nèi)容中去考慮問題。
將重要的元素放在優(yōu)先的位置。你直到用戶會(huì)從頁面頂部開始瀏覽，通過產(chǎn)品，服務(wù)的介紹信息來了解。并連續(xù)地放好下一個(gè)重要的信息，這樣用戶就會(huì)慢下來閱讀你的內(nèi)容。
創(chuàng)建閱讀預(yù)期。你的讀者不一定知道F模式，但是他們會(huì)從讀到的信息感受到規(guī)律。有預(yù)期的布局可以讓用戶按照自己的速度進(jìn)行。
允許與側(cè)邊欄互動(dòng)。你的側(cè)邊欄可以有任何內(nèi)容，相關(guān)的文章，社交鏈接，或是廣告。這將為你的用戶提供內(nèi)容，并在他們?yōu)g覽當(dāng)前頁面時(shí)，提供一些支撐的功能。
F模式設(shè)計(jì)元素
F模式不僅讓文字和文章受益。這個(gè)方法也應(yīng)該被考慮到整個(gè)網(wǎng)站的設(shè)計(jì)中。視線追蹤表明，用戶在瀏覽了標(biāo)題之后，始終保持對(duì)頁面左側(cè)的視線，這意味著標(biāo)題是十分重要的。
頭部?jī)?nèi)容應(yīng)該引人注目，當(dāng)用戶訪問網(wǎng)站的時(shí)候，這是他們優(yōu)先看到的東西，這個(gè)區(qū)域應(yīng)該像讀者展示你的品牌，并融入你的配色方案。主導(dǎo)航欄應(yīng)該在標(biāo)題下方，讓用戶知道如何前往另一個(gè)頁面。
接下來的其余元素，應(yīng)該放置到頁面的左側(cè)，創(chuàng)建小的呼吸區(qū)來整合圖片和文字，然后通過醒目的標(biāo)題將用戶拉回到一個(gè)閱讀的起點(diǎn)。
不要因?yàn)镕模式忽略了頁底的設(shè)計(jì)。即使你考慮了關(guān)鍵的水平閱讀，你仍然想要用戶繼續(xù)在網(wǎng)站內(nèi)閱讀。圖片和副標(biāo)題可以突破文本的長(zhǎng)度，是頁面更有視覺吸引力。
如何影響商業(yè)
網(wǎng)站的布局和易用性會(huì)很容易影響到轉(zhuǎn)化率。一種被證明有效的布局模式，可以保證你獲得更多的用戶，并且在多停留一會(huì)兒。F模式會(huì)確保用戶首先看到最重要的內(nèi)容。一些成功的網(wǎng)站會(huì)包含3個(gè)主要的因素：
logo將視線吸引到頂端，向用戶傳遞你的品牌。
正確的電話和聯(lián)系方式，讓用戶能夠聯(lián)系上你。
F模式內(nèi)容布局，給用戶一個(gè)可靠的網(wǎng)站指南。
工作建議
沒有人比你更了解你的用戶和目標(biāo)受眾。這種F模式的視線追蹤，是針對(duì)大多數(shù)人的瀏覽行為得出的結(jié)論。使用這些結(jié)論來優(yōu)化你的網(wǎng)站，而不是一個(gè)苛刻的模板，將它作為考慮的一點(diǎn)，讓你的內(nèi)容更容易被閱讀。
