原文鏈接：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)題是十分重要的。
頭部內(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)題可以突破文本的長度，是頁面更有視覺吸引力鸵荠。
如何影響商業(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)容更容易被閱讀礁凡。
