眼動(dòng)追蹤研究為設(shè)計(jì)者提供了各種設(shè)計(jì)藍(lán)圖，以引導(dǎo)他們優(yōu)先設(shè)計(jì)網(wǎng)站用戶感興趣的內(nèi)容部分。該研究同樣展示了訪問者閱讀網(wǎng)站的方式，可幫助Web設(shè)計(jì)者“裁剪”出適合普通大眾的網(wǎng)站。當(dāng)用戶在你的網(wǎng)站中獲得了良好的用戶體驗(yàn)，他們會(huì)再回來，并有機(jī)會(huì)轉(zhuǎn)變?yōu)榫W(wǎng)站的“常客”。那該研究可以告訴我們關(guān)于普通訪問者的哪些內(nèi)容？設(shè)計(jì)者如何利用該研究來指導(dǎo)網(wǎng)站設(shè)計(jì)？本文以眼動(dòng)追蹤研究為基礎(chǔ)，深入探討了網(wǎng)站設(shè)計(jì)中應(yīng)遵循的四大UX設(shè)計(jì)原則。

用引人注意的標(biāo)題文字來吸引用戶，而非圖片

根據(jù)研究，標(biāo)題文字比炫麗的圖片更容易引起網(wǎng)站用戶的注意。該發(fā)現(xiàn)可用于首頁(yè)布局，尤其適用于新聞網(wǎng)站。這也恰好解釋了為什么很多新聞網(wǎng)站盡最大可能頻繁使用煽情類標(biāo)題來吸引用戶注意力的原因。

幾年前，有一個(gè)稱為“Eyetrack III”的著名研究，發(fā)現(xiàn)網(wǎng)站的訪問者特別喜歡盯著標(biāo)題看。更進(jìn)一步，這些標(biāo)題在頁(yè)面中的位置也將對(duì)用戶訪問網(wǎng)站的速度產(chǎn)生影響。將這些標(biāo)題放在頁(yè)面的左上部分，你將獲得更多關(guān)注網(wǎng)站內(nèi)容的用戶。

如果你正在設(shè)計(jì)一個(gè)新聞?lì)惥W(wǎng)站，請(qǐng)記住這一點(diǎn)：電腦屏幕上的文字比圖片能更迅速地吸引用戶的眼球。 Fox News，作為全世界排名173，美國(guó)排名36的知名網(wǎng)站，很好地利用了這一發(fā)現(xiàn)。你可以仔細(xì)觀察一下它首頁(yè)中的頭條標(biāo)題。

采用F形狀模式來設(shè)計(jì)網(wǎng)站

幾年以前，Nielsen Norman Group公布了一個(gè)非常重要的Web用戶研究報(bào)告，其中指出每個(gè)用戶通常按F形狀模式來閱讀網(wǎng)站內(nèi)容。

網(wǎng)站訪問者最開始會(huì)水平瀏覽網(wǎng)站的上部?jī)?nèi)容，這也就是F的頂部橫杠。然后，訪問者會(huì)從左側(cè)向下瀏覽一些網(wǎng)站內(nèi)容后，再開始水平瀏覽，這次瀏覽的長(zhǎng)度要小于最開始水平瀏覽的長(zhǎng)度，這算是F的第二個(gè)短橫杠。最后，他們垂直瀏覽網(wǎng)站左側(cè)內(nèi)容，這就形成了F左側(cè)的豎欄。

一些網(wǎng)站已經(jīng)將該研究中很好地應(yīng)用到實(shí)踐中。如 Ghost Games，它的網(wǎng)站主頁(yè)很完美地采用了F形狀模型。這不僅提高了用戶體驗(yàn)，而且使導(dǎo)航變得易于使用，尤其是F形狀中的豎欄很好地展示了這個(gè)網(wǎng)站的信息。

不用把時(shí)間浪費(fèi)在廣告上

很多人發(fā)現(xiàn)網(wǎng)站上所展示的廣告很煩人，這也說明了為什么很多網(wǎng)站訪問者會(huì)忽略這些廣告，而只去專注那些有用的網(wǎng)站內(nèi)容。來自Nielsen Norman Group的另一研究顯示，如果網(wǎng)站用戶正專注于網(wǎng)站內(nèi)容時(shí)，他們是不會(huì)注視任何廣告的。

要明白，設(shè)計(jì)一個(gè)主要靠廣告來盈利的網(wǎng)站，其實(shí)就是在浪費(fèi)時(shí)間。根據(jù)該研究報(bào)告，你應(yīng)該重新考慮網(wǎng)站的盈利方式。比如，去掉廣告，轉(zhuǎn)為基于訂閱的模式，向網(wǎng)站的訪問者收取一定的會(huì)員費(fèi)。一些網(wǎng)站在意識(shí)到廣告這一弊端后，已經(jīng)開始轉(zhuǎn)向該模式。

Club Penguin就是一個(gè)很好的例子。它是迪斯尼的一款大型多人在線游戲。該網(wǎng)站上的所有廣告均免費(fèi)，但訪問者需要購(gòu)買會(huì)員身份才能玩游戲。

避免花哨文字與樣式

簡(jiǎn)約是未來趨勢(shì)。如果你希望網(wǎng)站用戶可以迅速發(fā)現(xiàn)所需內(nèi)容，簡(jiǎn)約很重要。美國(guó)衛(wèi)生與公眾服務(wù)部的一篇關(guān)于“可用性”的 博文指出，網(wǎng)站中的文字與樣式越花哨，網(wǎng)站給用戶帶來的困擾就越多，導(dǎo)航失敗的概率就會(huì)越高。該博文引用了Nielsen數(shù)年前的一個(gè)研究，研究中請(qǐng)?jiān)L問者尋找美國(guó)人口普查局網(wǎng)站中的基本信息，而很多人在該測(cè)試中都失敗了。

參與者被要求在該網(wǎng)站中尋找美國(guó)當(dāng)前的人口數(shù)。令人吃驚的是，即便該信息以大字號(hào)、紅色字體標(biāo)注在頁(yè)面的右側(cè)頂部，也僅有14%的參與者找到它。有人懷疑，導(dǎo)致如此低成功率的原因是信息被放在了頁(yè)面的右邊，違背了F形狀模型。

而進(jìn)一步的實(shí)驗(yàn)發(fā)現(xiàn)大部分參與者根本就沒有在意這個(gè)被放大、標(biāo)紅的信息。原因在于，該消息花哨的樣式使它看起來更像一個(gè)促銷廣告。很多用戶根本不會(huì)注意廣告，所以獲得這樣的測(cè)試結(jié)果也就不足為怪了。

現(xiàn)在來看一下改進(jìn)后的 美國(guó)人口普查局網(wǎng)站。現(xiàn)在它已經(jīng)發(fā)生了巨大的變化，人口數(shù)字不再像一個(gè)有花哨樣式的廣告，它被移動(dòng)到頁(yè)面左邊的底部，以便吸引用戶向下滾動(dòng)頁(yè)面去查看它。但這仍算不上好的替代方案。

理解眼動(dòng)追蹤，理解高效的網(wǎng)站設(shè)計(jì)

眼動(dòng)追蹤研究實(shí)際上基于用戶的行為溝畫了一幅用戶瀏覽網(wǎng)站時(shí)的喜好藍(lán)圖。無視該研究的Web設(shè)計(jì)者將會(huì)令自己身陷困境。巧妙利用該研究，可給用戶帶來愉悅、簡(jiǎn)單的網(wǎng)站沖浪體驗(yàn)，從而吸引更多用戶，獲得更好的知名度。

請(qǐng)記住，在任何一個(gè)網(wǎng)站上，吸引用戶注意力是的標(biāo)題文字，不是圖片。記住F形狀模型，這對(duì)你設(shè)計(jì)出好的網(wǎng)站（至少是首頁(yè)）布局有很大幫助。

最后，拋棄廣告。它們不僅影響美觀，很多網(wǎng)站用戶也不會(huì)注意它們。探索網(wǎng)站其它盈利方式，可以通過收取會(huì)員費(fèi)或其他方法。無論你怎樣做，千萬不要讓有用的內(nèi)容看起來像廣告，這樣用戶會(huì)直接忽略掉它們。記住這些，你將設(shè)計(jì)出符合用戶行為的網(wǎng)站。

河南億恩科技股份有限公司(www.ibaoshan.net)始創(chuàng)于2000年，專注服務(wù)器托管租用，是國(guó)家工信部認(rèn)定的綜合電信服務(wù)運(yùn)營(yíng)商。億恩為近五十萬的用戶提供服務(wù)器托管、服務(wù)器租用、機(jī)柜租用、云服務(wù)器、網(wǎng)站建設(shè)、網(wǎng)站托管等網(wǎng)絡(luò)基礎(chǔ)服務(wù)，另有網(wǎng)總管、名片俠網(wǎng)絡(luò)推廣服務(wù)，使得客戶不斷的獲得更大的收益。
服務(wù)器/云主機(jī) 24小時(shí)售后服務(wù)電話：0371-60135900
虛擬主機(jī)/智能建站 24小時(shí)售后服務(wù)電話：0371-55621053
網(wǎng)絡(luò)版權(quán)侵權(quán)舉報(bào)電話：0371-60135995
服務(wù)熱線：0371-60135900