科學(xué)設(shè)計(jì)你的網(wǎng)站網(wǎng)頁:來自 Eye-Tracking研究的23節(jié)必修課 ——Christina Laun

在網(wǎng)絡(luò)設(shè)計(jì)領(lǐng)域關(guān)于Eye-Tracking的研究十分火爆，但是如何把這些研究結(jié)果轉(zhuǎn)變?yōu)榫唧w可行的設(shè)計(jì)來運(yùn)作依舊是個(gè)難點(diǎn)。以下就是一些來自于Eye-Tracking研究結(jié)果的竅門，可以為改進(jìn)你的網(wǎng)站設(shè)計(jì)提供些意見：

1.對比圖像，文字更具吸引力

與你所認(rèn)為的相反，在瀏覽一個(gè)網(wǎng)站的時(shí)候，能夠直接吸引用戶目光的并不是圖像。大多數(shù)通過偶然點(diǎn)擊進(jìn)入你的網(wǎng)站的用戶，他們是來尋覓信息的而不是圖像。因此，保證你的網(wǎng)站設(shè)計(jì)凸現(xiàn)出最重要的信息板塊，這才是設(shè)計(jì)的首要原則。

2.眼球的第一運(yùn)動聚焦于網(wǎng)頁的左上角

用戶瀏覽網(wǎng)頁的這一習(xí)慣應(yīng)該在意料之中，畢竟左上部為主要操作中心這一點(diǎn)為大多數(shù)重要的計(jì)算機(jī)應(yīng)用程序的設(shè)計(jì)所采用。在你構(gòu)建網(wǎng)站考慮網(wǎng)站設(shè)計(jì)時(shí)，應(yīng)該盡量保持這一格式。要知道，如果你希望保持個(gè)人特色，搭建一個(gè)成功的網(wǎng)站，你就必須尊重用戶們的習(xí)慣。

3.用戶瀏覽網(wǎng)頁時(shí)，首先觀察網(wǎng)頁的左上部和上層部分，之后再往下閱讀，瀏覽右邊的內(nèi)容

用戶普遍的瀏覽方式呈現(xiàn)出“F”的形狀 。保證網(wǎng)站內(nèi)容的重要要素集中于這些關(guān)鍵區(qū)域，以此確保讀者的參與。在此放置頭條，副題，熱點(diǎn)以及重要文章，這樣可以吸引到讀者進(jìn)行閱讀。

4.讀者會忽視橫幅廣告

研究表明，讀者常忽視大部分的橫幅廣告——盡管你以此維持網(wǎng)站生計(jì)——視線往往只停留幾分之一秒。如果你想通過廣告掙錢，那么必須創(chuàng)新你的廣告位以及合理配置網(wǎng)站廣告形式。

5.花哨的字體和格式被忽視

為什么呢？那是因?yàn)橛脩魰J(rèn)為這些是廣告，并非他們所需要的信息。事實(shí)上，研究表明用戶很難在充滿大量顏色的花哨字體格式里尋找到所需的信息，因?yàn)橐曈X線索告訴他們把這些忽略吧。保持網(wǎng)站的清爽，不要因?yàn)槿A而不實(shí)的表面，讓重要的信息被忽略。

6.用數(shù)詞來代替數(shù)字

如果使用數(shù)詞取代數(shù)字的羅列，讀者會發(fā)現(xiàn)在你的網(wǎng)站可以很容易地發(fā)現(xiàn)真實(shí)的資料。要知道，你是寫給那些將第一次瀏覽你的網(wǎng)站的讀者，所以，讓他們?nèi)菀装l(fā)現(xiàn)他們所需的信息，讓他們感興趣。

7.字體大小影響瀏覽行為

想改變?nèi)藗儗δ愕木W(wǎng)頁的看法嗎？改變網(wǎng)頁字體的大小。大的字體刺激瀏覽，而小一些的字體則提高焦點(diǎn)閱讀量。根據(jù)你的需要，合理配置兩者的比例。

8.遇到感興趣的內(nèi)容，用戶僅會多看一眼副標(biāo)題

不要過分堅(jiān)持副標(biāo)題固定的格式——保證他們的相關(guān)性和興趣。你也可以讓副標(biāo)題包含關(guān)鍵詞，這樣可以有效利用搜索引擎，讓它帶來讀者。

9.人們大都只瀏覽網(wǎng)頁的小部分內(nèi)容

如果在用戶瀏覽的時(shí)候提供信息使他們盡快鎖定目標(biāo)，就可以把這一點(diǎn)發(fā)展成為你的優(yōu)勢。突出某些部分或者創(chuàng)建項(xiàng)目列表使網(wǎng)頁信息容易找到和閱讀。

10.簡短的段落相對于長段落來說有更好的表現(xiàn)力

網(wǎng)頁信息是為大多數(shù)強(qiáng)調(diào)快速瀏覽的無聯(lián)網(wǎng)用戶提供的。除非上下文的銜接要求，保持信息由簡短的段落和句式組成，例如 這個(gè)電子商務(wù)網(wǎng)站 的產(chǎn)品介紹。

11.根據(jù)視覺鎖定，一欄格式比多欄格式擁有更好的表現(xiàn)力

別讓過多的信息把網(wǎng)站來訪者淹沒。大多數(shù)情況下，簡潔更具力量。多欄內(nèi)容容易被用戶忽視，我們需要消除這些干擾。

12.網(wǎng)頁頂部和左邊的廣告更能吸引眼球

如需要在網(wǎng)站植入廣告，試圖使他們?nèi)谌刖W(wǎng)頁的左上部，這樣他們才能吸引到最大的視覺注意力。當(dāng)然，用戶僅僅會注意到這些廣告，這并不意味著他們會用鼠標(biāo)點(diǎn)擊。所以不要為了提高廣告的注意力而犧牲原有的網(wǎng)站設(shè)計(jì)。

13.將廣告放置與最佳內(nèi)容一旁也可以提升注意力

如果想要提升廣告的可視性和點(diǎn)擊率，可以將其設(shè)置于最能引起人興趣的內(nèi)容一旁，整合進(jìn)網(wǎng)頁的設(shè)計(jì)里。這樣，用戶既可以找到所需的內(nèi)容，你也能提升廣告的效益。

14.在各種測試中，人們閱讀文字廣告最為專心。

正如上面提到的，一般的互聯(lián)網(wǎng)用戶不會花費(fèi)太多時(shí)間用于查看那些一眼就能看出是廣告的內(nèi)容。這就是文字廣告表現(xiàn)出眾的原因。他們并沒有分散注意力，而是與網(wǎng)頁的其它部分內(nèi)容融為一體，這讓他們減少了對讀者的視覺刺激，也使這一廣告形式獲得成功的閱讀率。

15.越大的圖像吸引越多的注意力

如果要在網(wǎng)頁中使用圖片，那越大越好。人們更傾向于查看那些能夠清楚地看到細(xì)節(jié)和獲取信息的圖像。要保證你所用的圖片與文章內(nèi)容相關(guān)，否則它更容易被忽視。大多數(shù)讀者都擁有高速的連接速度，所以請放心在你的網(wǎng)站上使用那些較大體積的圖片。

16.干凈、清晰的特寫圖片能吸引更多的視覺注意

可能那些抽象的藝術(shù)圖片會讓你的網(wǎng)站看起來很有味道，但是他們并不會吸引多少讀者的注意力。如果你需要使用到這些圖片，請確保所用圖片的清晰以及其表達(dá)內(nèi)容的簡單可讀性。必須注意的是，那些與真實(shí)的“人”相關(guān)的圖片比所謂的模特圖片更為“優(yōu)秀”。

17.標(biāo)題能吸引眼球

瀏覽網(wǎng)頁時(shí)，讀者能發(fā)現(xiàn)的第一內(nèi)容是標(biāo)題。確保網(wǎng)頁的所有相關(guān)鏈接暢通和有效，以讓讀者順利的通過網(wǎng)站進(jìn)一步搜索。

18.用戶花費(fèi)大量時(shí)間察看按鈕和菜單

所以，你需要花費(fèi)額外的時(shí)間維護(hù)你的精心設(shè)計(jì)。畢竟，他們不僅吸引了讀者的眼球，更是網(wǎng)站設(shè)計(jì)的重要組成要素。

19.表單格式可以延長讀者的注意時(shí)間

分解內(nèi)容和段落，大量使用表單形式來表現(xiàn)你的文章，可以保證讀者的瀏覽率。使用數(shù)字和其它標(biāo)記符號來突出文章的重要內(nèi)容，會讓網(wǎng)站更容易瀏覽，用戶更快的找到所需的信息。

20.避免呈現(xiàn)大塊的文本

研究顯示，一般的網(wǎng)絡(luò)瀏覽者不會花費(fèi)時(shí)間去閱讀大塊的文本，無論他們有多重要或?qū)懙枚嗪?。因此，必須把這些大文本分解為若干小段落。突出重要的地方，放置點(diǎn)擊的按鈕也可以提高用戶的注意力。

21.格式可以吸引注意力

在文中使用粗體、大寫、彩體、下劃線可以幫助用戶獲取正文所表達(dá)的最主要的信息。使用時(shí)需要謹(jǐn)慎，因?yàn)檫^多的使用會使你的網(wǎng)頁難以閱讀，把讀者嚇跑。

22.利用好空白

盡管把網(wǎng)頁的每寸空間都填滿這個(gè)想法十分誘人，但事實(shí)上讓網(wǎng)站留出部分剩余更為不錯(cuò)。網(wǎng)站的過量信息會把用戶淹沒，同時(shí)他們也會忘記所提供的大部分的內(nèi)容。所以保持網(wǎng)頁的簡潔，給讀者預(yù)留出一些視覺空間來供讀者休息。

23.放置于網(wǎng)頁頂部，導(dǎo)航工具的作用將更好的發(fā)揮

理想情況下，你不會滿足于當(dāng)讀者打開你的網(wǎng)站時(shí)僅瀏覽初始頁，而是希望他們?yōu)g覽翻閱，察看其它感興趣的內(nèi)容。將導(dǎo)航器置于網(wǎng)頁頂部，就可以讓用戶通過使用這個(gè)工具輕松的找到所需的目標(biāo)內(nèi)容。