在網(wang)絡設(she)計領域關(guan)于eye-tracking的(de)研究十分火(huo)爆，但是如何把這些研究結果轉變為具體可行的(de)設(she)計來運作依舊是個難點(dian)。以(yi)下就是一些來自于eye-tracking研究結果的(de)竅門，可以(yi)為改(gai)進你的(de)網(wang)站設(she)計提供些意見：
1.對比圖像，文(wen)字更具吸(xi)引力(li)
與你所認為的(de)相(xiang)反(fan)，在(zai)瀏覽一(yi)個網站的(de)時候，能(neng)夠直接吸引(yin)用戶(hu)目光的(de)并不是圖像。大(da)多數通過偶然點擊進入(ru)你的(de)網站的(de)用戶(hu)，他們(men)是來尋覓信息的(de)而不是圖像。因此，保(bao)證(zheng)你的(de)網站設計凸(tu)現(xian)出最重(zhong)要的(de)信息板塊，這才是設計的(de)首要原則。
2.眼球的(de)第一(yi)運動聚焦于網頁的(de)左上角
用(yong)(yong)戶(hu)瀏覽網(wang)頁(ye)的(de)(de)這一(yi)習(xi)慣應該(gai)(gai)在(zai)意(yi)料之中(zhong)(zhong)，畢竟左(zuo)上部為(wei)主要操作中(zhong)(zhong)心這一(yi)點為(wei)大(da)多數重要的(de)(de)計(ji)算機應用(yong)(yong)程序的(de)(de)設計(ji)所采用(yong)(yong)。在(zai)你(ni)構建(jian)網(wang)站(zhan)考慮網(wang)站(zhan)設計(ji)時，應該(gai)(gai)盡(jin)量保(bao)持(chi)這一(yi)格式。要知道，如果(guo)你(ni)希望保(bao)持(chi)個(ge)人特色(se)，搭建(jian)一(yi)個(ge)成(cheng)功的(de)(de)網(wang)站(zhan)，你(ni)就必須尊重用(yong)(yong)戶(hu)們(men)的(de)(de)習(xi)慣。
3.用戶瀏覽網(wang)頁(ye)(ye)時，首先觀察網(wang)頁(ye)(ye)的左上部(bu)和上層部(bu)分，之后再往下閱讀(du)，瀏覽右邊的內(nei)容
用戶普(pu)遍的瀏(liu)覽方式呈現出“f”的形(xing)狀 。保證網站內容的重要(yao)要(yao)素集中于這(zhe)些關鍵區(qu)域，以(yi)(yi)此(ci)確保讀者(zhe)的參與(yu)。在此(ci)放置頭條，副題(ti)，熱點以(yi)(yi)及(ji)重要(yao)文(wen)章，這(zhe)樣可以(yi)(yi)吸(xi)引到讀者(zhe)進行閱讀。
4.讀者會忽視橫(heng)幅廣告
研究表明(ming)，讀者常忽視大(da)部分的(de)橫(heng)幅廣告——盡管(guan)你以此維持網站生計——視線往往只停留(liu)幾分之一(yi)秒。如(ru)果你想(xiang)通過廣告掙(zheng)錢，那(nei)么必須創新你的(de)廣告位以及(ji)合理配置網站廣告形式。
5.花哨的字體和(he)格式被忽視
為(wei)什么呢？那(nei)是因為(wei)用戶會認為(wei)這些是廣(guang)告(gao)，并非他們(men)所(suo)需(xu)要的(de)(de)信息。事(shi)實(shi)上，研究表(biao)明用戶很(hen)難在(zai)充滿(man)大量(liang)顏色的(de)(de)花哨字(zi)體格式里尋(xun)找到所(suo)需(xu)的(de)(de)信息，因為(wei)視覺線索告(gao)訴(su)他們(men)把這些忽略(lve)吧。保持網站的(de)(de)清爽，不(bu)要因為(wei)華(hua)而不(bu)實(shi)的(de)(de)表(biao)面，讓重(zhong)要的(de)(de)信息被(bei)忽略(lve)。
6.用數(shu)詞來代替數(shu)字
如果使用數詞取代數字的(de)(de)(de)羅列，讀(du)者會發現(xian)在你(ni)的(de)(de)(de)網站可以很容易地發現(xian)真實(shi)的(de)(de)(de)資料。要知道，你(ni)是寫給(gei)那些將第(di)一次瀏覽你(ni)的(de)(de)(de)網站的(de)(de)(de)讀(du)者，所(suo)以，讓他們容易發現(xian)他們所(suo)需的(de)(de)(de)信息，讓他們感興趣。
7.字體大(da)小(xiao)影響瀏覽行為(wei)
想改(gai)變(bian)人們對(dui)你(ni)的網頁(ye)的看法嗎(ma)？改(gai)變(bian)網頁(ye)字體的大小(xiao)。大的字體刺激瀏覽，而小(xiao)一(yi)些(xie)的字體則提高焦(jiao)點閱讀量。根(gen)據你(ni)的需(xu)要，合理配(pei)置兩(liang)者的比例(li)。
8.遇(yu)到感(gan)興趣(qu)的(de)內容(rong)，用戶僅會多看一眼(yan)副(fu)標題
不(bu)要過分堅持副標題(ti)固定的格式——保證他們的相關(guan)性和興趣。你也可(ke)(ke)以(yi)讓副標題(ti)包含關(guan)鍵詞，這樣可(ke)(ke)以(yi)有效利用搜索引擎，讓它帶來讀者(zhe)。
9.人們大都只瀏覽網頁的小(xiao)部分(fen)內容
如(ru)果在用戶瀏覽的時候提供(gong)信息(xi)使他們(men)盡快鎖定(ding)目標，就可以把這(zhe)一點發展成(cheng)為你的優勢。突出某些部(bu)分或者創建項(xiang)目列表使網頁信息(xi)容(rong)易(yi)找到和閱讀(du)。
10.簡短的段落相對于長段落來說有(you)更好(hao)的表(biao)現力
網頁信息是為大多數強調快速瀏覽的(de)(de)無聯網用戶(hu)提供的(de)(de)。除非上下文的(de)(de)銜接(jie)要(yao)求(qiu)，保持信息由簡短的(de)(de)段落(luo)和句(ju)式(shi)組成，例如 這個電子商務網站 的(de)(de)產品(pin)介紹(shao)。
11.根據視(shi)覺鎖(suo)定，一欄(lan)格式比多欄(lan)格式擁(yong)有更好的表現力(li)
別讓過(guo)多的信息把網站來訪者(zhe)淹沒。大多數情況下，簡潔更具力量。多欄內(nei)容(rong)容(rong)易被用戶忽視，我們需要消除這些干擾。
12.網頁頂部和左邊的(de)廣告更(geng)能吸(xi)引眼球
如需要(yao)在網(wang)站植入廣(guang)告，試圖使(shi)他們融(rong)入網(wang)頁的左(zuo)上(shang)部，這樣他們才(cai)能吸引到最大的視覺注意(yi)力。當然，用戶僅僅會注意(yi)到這些廣(guang)告，這并不意(yi)味著他們會用鼠標點擊。所(suo)以不要(yao)為了(le)提(ti)高廣(guang)告的注意(yi)力而犧牲(sheng)原有(you)的網(wang)站設計。
13.將廣(guang)告放置與最佳(jia)內容(rong)一旁也可以提升注(zhu)意力
如果想要(yao)提(ti)升(sheng)廣告(gao)的可視性(xing)和點擊(ji)率，可以將其(qi)設置于(yu)最能引起人興(xing)趣的內容一旁，整合進網頁的設計(ji)里。這樣，用戶既可以找到(dao)所(suo)需的內容，你也(ye)能提(ti)升(sheng)廣告(gao)的效益(yi)。
14.在各(ge)種測試中，人們閱讀文字(zi)廣告(gao)最為專心。
正如上面提到的(de)，一般(ban)的(de)互聯網用戶不會(hui)花(hua)費(fei)太多時間(jian)用于查看(kan)那(nei)些一眼就(jiu)能看(kan)出是(shi)廣告的(de)內(nei)容(rong)。這就(jiu)是(shi)文字(zi)廣告表現出眾的(de)原因(yin)。他(ta)(ta)們并沒有分散注(zhu)意力，而是(shi)與網頁(ye)的(de)其它部分內(nei)容(rong)融(rong)為一體，這讓(rang)他(ta)(ta)們減(jian)少了對讀(du)者(zhe)的(de)視覺刺激，也使(shi)這一廣告形式獲得成功(gong)的(de)閱(yue)讀(du)率。
15.越大的(de)圖像吸引(yin)越多(duo)的(de)注(zhu)意力
如果要(yao)(yao)在網頁中使用圖(tu)(tu)片(pian)，那越(yue)大(da)(da)越(yue)好。人們更(geng)傾向于查看那些能夠清(qing)楚地看到細節和獲取信息的(de)圖(tu)(tu)像。要(yao)(yao)保(bao)證你所(suo)用的(de)圖(tu)(tu)片(pian)與(yu)文章內容(rong)相(xiang)關，否則它(ta)更(geng)容(rong)易被(bei)忽視(shi)。大(da)(da)多(duo)數(shu)讀者都(dou)擁有高速的(de)連接速度，所(suo)以請放心在你的(de)網站上使用那些較大(da)(da)體積的(de)圖(tu)(tu)片(pian)。
16.干凈、清晰的特(te)寫圖片(pian)能吸引更(geng)多的視覺(jue)注意
可能那些(xie)抽象的藝術圖(tu)片(pian)會讓你(ni)的網站看起來很有味道(dao)，但是他們并(bing)不(bu)會吸引多少讀者的注意(yi)力。如果(guo)你(ni)需要使用到這些(xie)圖(tu)片(pian)，請確保所用圖(tu)片(pian)的清(qing)晰(xi)以及其表達內容的簡單可讀性。必須注意(yi)的是，那些(xie)與真實的“人”相關的圖(tu)片(pian)比(bi)所謂(wei)的模(mo)特圖(tu)片(pian)更為“優秀”。
17.標題能吸引眼球
瀏覽(lan)網頁時，讀(du)者能發現(xian)的(de)第一內容是標題。確(que)保網頁的(de)所(suo)有相(xiang)關鏈接暢通(tong)和有效，以讓讀(du)者順利(li)的(de)通(tong)過網站進(jin)一步搜索(suo)。
18.用(yong)戶花費大量時間察(cha)看(kan)按(an)鈕和菜單
所以，你(ni)需要(yao)花費(fei)額外的(de)時間維護你(ni)的(de)精心(xin)設(she)計。畢(bi)竟，他(ta)們不僅吸引(yin)了讀者的(de)眼(yan)球(qiu)，更是網(wang)站設(she)計的(de)重要(yao)組(zu)成要(yao)素。
19.表單格式可以(yi)延長讀者的注意時間
分解(jie)內(nei)容和段落，大量使用(yong)(yong)表(biao)單形式來表(biao)現你的(de)(de)文(wen)章，可以(yi)保證讀者的(de)(de)瀏覽(lan)率。使用(yong)(yong)數字和其它標(biao)記(ji)符號(hao)來突出(chu)文(wen)章的(de)(de)重要內(nei)容，會讓網站更容易瀏覽(lan)，用(yong)(yong)戶(hu)更快的(de)(de)找到(dao)所需的(de)(de)信息。
20.避(bi)免呈現大(da)塊(kuai)的文本
研(yan)究顯示，一般的網絡瀏覽者不會花費(fei)時(shi)間去閱讀大塊的文本，無論他(ta)們有(you)多重(zhong)要或寫得多好。因此，必須把這些大文本分解(jie)為(wei)若(ruo)干小段落。突出重(zhong)要的地(di)方(fang)，放置點擊的按鈕(niu)也可以(yi)提高用戶的注意(yi)力。
21.格式可以吸引注意力
在文(wen)中使用(yong)粗體(ti)(ti)、大寫、彩體(ti)(ti)、下劃線可以幫助用(yong)戶獲取正文(wen)所(suo)表達的(de)最主(zhu)要(yao)(yao)的(de)信息。使用(yong)時需(xu)要(yao)(yao)謹慎，因為過多的(de)使用(yong)會使你的(de)網(wang)頁難以閱(yue)讀(du)，把讀(du)者(zhe)嚇跑。
22.利用好空白
盡(jin)管把(ba)網頁的每(mei)寸空間都填滿這(zhe)個想(xiang)法(fa)十分(fen)誘人，但事實上讓網站留(liu)出(chu)部分(fen)剩(sheng)余(yu)更(geng)為不錯(cuo)。網站的過量信息(xi)會把(ba)用戶淹沒，同時他(ta)們也會忘記所提供的大部分(fen)的內容。所以保(bao)持網頁的簡(jian)潔，給(gei)讀者預留(liu)出(chu)一些視覺空間來供讀者休息(xi)。
23.放置(zhi)于網頁(ye)頂部，導航工具的(de)作用將更好(hao)的(de)發(fa)揮(hui)
理想(xiang)情況下，你不會滿足于當(dang)讀者打開你的(de)網站時僅瀏覽初始頁，而是(shi)希望他們瀏覽翻閱，察看其它感興(xing)趣的(de)內容(rong)。將導(dao)航器(qi)置于網頁頂部，就可以讓(rang)用戶(hu)通過(guo)使用這個(ge)工具輕松(song)的(de)找到所需的(de)目標內容(rong)。
