如何用眼球跟蹤來改善網(wǎng)頁設(shè)計？

你在看機器，機器也在看你。最近眼球跟蹤技術(shù)誕生了不少的應(yīng)用案例。比方說，Intel 研發(fā) 3D 筆記本攝像頭，可以追蹤眼球讀懂情緒;上海琢視的純軟件眼球追蹤可支持用眼睛玩打飛機游戲等?，F(xiàn)在EyeQuant則利用先進的神經(jīng)技術(shù)研究用戶眼球看網(wǎng)頁時的運動，從而生成設(shè)計元素和網(wǎng)頁區(qū)域的熱點圖(即用戶的注意力集中的區(qū)域)，再研究如何改進網(wǎng)頁設(shè)計。以下就是他們的發(fā)現(xiàn)。

Web設(shè)計應(yīng)該注意什么

　　眼球跟蹤技術(shù)的第一個發(fā)現(xiàn)是，Web 的 F 和 E 形模式布局設(shè)計(利用用戶大都最喜歡觀看左側(cè)屏幕的特點進行布局)未必就是對的。只要內(nèi)容吸引眼球，不在 F 或 E 形模式區(qū)的地方一樣會受人關(guān)注。比方說，高對比度、中心布置及排列整齊的內(nèi)容。實際上，Web設(shè)計時應(yīng)該更關(guān)注3W：網(wǎng)頁要說什么(What)，用戶為什么要關(guān)注(Why)以及接下來要去哪里(Where)。

某些Web設(shè)計的實踐受挑戰(zhàn)

　　還有一些 Web 設(shè)計的實踐受到了眼球跟蹤技術(shù)的挑戰(zhàn)。比方說，傳統(tǒng)觀點認(rèn)為人總是會注意臉部。EyeQuant 在用眼球跟蹤技術(shù)研究了數(shù)千個不同網(wǎng)站后發(fā)現(xiàn)，臉部和注意力的確存在關(guān)系，但是人卻未必總是關(guān)注臉部。另一個 Web 設(shè)計的觀點是要想讓文字突出，就得把字體放大。但研究發(fā)現(xiàn)，盡管有些頁面的字體很大卻被用戶無視。

關(guān)于圖庫的選擇與使用

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

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

　　運動的確可以在開始時吸引注意。換句話說，也可能造成干擾，而這些元素往往只跟一部分瀏覽網(wǎng)頁的用戶相關(guān)，所以對于商業(yè)網(wǎng)站來說，這些元素反而會對轉(zhuǎn)化率產(chǎn)生負(fù)面影響。

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

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

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

　　部分長幅面的滾動頁面的確非常成功，而且用戶對此似乎也越來越習(xí)慣。但是數(shù)據(jù)表明一般用戶仍把大部分時間花在上半版面。

鏈接按鈕應(yīng)該如何設(shè)計?

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

用戶會看哪里?

　　作為設(shè)計師應(yīng)該有能力影響用戶看什么地方，而不應(yīng)該成為某個布局或模式的奴隸。元素在頁面的布置只是影響用戶關(guān)注的其中一個因素。只要理解了注意力的建構(gòu)要素，你想讓他們看哪里他們就會看哪里。哪些是影響注意力的要素呢?這四個：對比，位置，大小和空白區(qū)域。

新聞名稱：如何用眼球跟蹤來改善網(wǎng)頁設(shè)計？
文章地址：http://www.muchs.cn/news31/167781.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計、微信公眾號、定制網(wǎng)站、網(wǎng)站設(shè)計公司、網(wǎng)站制作、軟件開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)