網站設計應該注意些什麼 用眼球跟蹤改善網頁設計

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

你在看機器，機器也在看你。 最近眼球跟蹤技術誕生了不少的應用案例。 比方說，Intel 研發 3D 筆記本攝像頭，可以追蹤眼球讀懂情緒;上海琢視的純軟體眼球追蹤可支援用眼睛玩打飛機遊戲等。 現在EyeQuant則利用先進的神經技術研究使用者眼球看網頁時的運動，從而生成設計項目和網頁區域的熱點圖(即使用者的注意力集中的區域)，再研究如何改進網頁設計。 以下就是他們的發現。

Web設計應該注意什麼

眼球跟蹤技術的第一個發現是，Web 的 F 和 E 形模式佈局設計(利用使用者大都最喜歡觀看左側螢幕的特點進行佈局)未必就是對的。 只要內容吸引眼球，不在 F 或 E 形模式區的地方一樣會受人關注。 比方說，高對比、中心佈置及排列整齊的內容。 實際上，Web設計時應該更關注3W：網頁要說什麼(What)，使用者為什麼要關注(Why)以及接下來要去哪裡(Where)。

某些Web設計的最佳實踐受挑戰

還有一些 Web 設計的最佳實踐受到了眼球跟蹤技術的挑戰。 比方說，傳統觀點認為人總是會注意臉部。 EyeQuant 在用眼球跟蹤技術研究了數千個不同網站後發現，臉部和注意力的確存在關係，但是人卻未必總是關注臉部。 另一個 Web 設計的觀點是要想讓文字突出，就得把字體放大。 但研究發現，儘管有些頁面的字體很大卻被使用者無視。

關於圖庫的選擇與使用

要想圖片引人注目，最重要的是要有高反差—不僅圖片本身要有高反差，而且相對於頁面的其他內容也要形成強烈對比。 這不光是顏色的對比，在亮度上也要有反差。 圖片需放在上半版面，位於中間或者坐上位置。 而且不要放得太淩亂，應該給頁面留點空白的空間。

像旋轉橫幅和幻燈片這樣的重圖像元素有效性如何?

運動的確可以在開始時吸引注意。 換句話說，也可能造成干擾，而這些元素往往只跟一部分流覽網頁的使用者相關，所以對於商業網站來說，這些元素反而會對轉化率產生負面影響。

像蘋果用的那種日漸流行的大英雄區域是否有效?

所謂的大英雄區(Big hero area)是指大幅圖像伴隨少量文字的佈局，蘋果尤其擅長使用。 如圖像是相關的話，大英雄區極其有效，否則的話就會造成干擾。 如果採用圖庫的圖片的話，必須挑選可支援希望傳遞資訊的圖片，而且不要過多分散對頁面其他關鍵內容的注意力。

長幅滾動頁面還是讓重要元素保持在上半版面?

部分長幅面的滾動頁面的確非常成功，而且使用者對此似乎也越來越習慣。 但是資料表明一般使用者仍把大部分時間花在上半版面。

連結按鈕應該如何設計?

人是對比生物，所以按鈕與背景色之間，按鈕文字和按鈕之間都必須形成鮮明對照。

使用者會看哪裡?

作為設計師應該有能力影響使用者看什麼地方，而不應該成為某個佈局或模式的奴隸。 元素在頁面的佈置只是影響使用者關注的其中一個因素。 只要理解了注意力的建構要素，你想讓他們看哪裡他們就會看哪裡。 哪些是影響注意力的要素呢?這四個：對比，位置，大小和空白區域。

[本文編譯自：thenextweb.com]