義烏網(wǎng)頁(yè)設(shè)計(jì)-科學(xué)設(shè)計(jì)你的網(wǎng)站網(wǎng)頁(yè):來(lái)自Eye-Tracking研究的23節(jié)必修課

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

1.對(duì)比圖像，文字更具吸引力

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

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

用戶(hù)瀏覽網(wǎng)頁(yè)的這一習(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)站，你就必須尊重用戶(hù)們的習(xí)慣。

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

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

 4.讀者會(huì)忽視橫幅廣告

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

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

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

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

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

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

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

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

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

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

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

10.簡(jiǎn)短的段落相對(duì)于長(zhǎng)段落來(lái)說(shuō)有更好的表現(xiàn)力

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

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

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

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

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

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

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

14.在各種測(cè)試中，人們閱讀文字廣告最為專(zhuān)心。

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

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

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

16.干凈、清晰的特寫(xiě)圖片能吸引更多的視覺(jué)注意

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

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

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

18.用戶(hù)花費(fèi)大量