當前位置:首頁 > 

如何用眼球跟蹤來改善網頁設計?

文章來源:眾聯科技時間:2015/1/19閱讀數:1675

     

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

  Web設計應該注意什麼

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

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

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

  關於圖庫的選擇與使用

  要想圖片引人注目,最重要的是要有高反差―bujintupianbenshenyaoyougaofancha,erqiexiangduiyuyemiandeqitaneirongyeyaoxingchengqianglieduibi。zhebuguangshiyansededuibi,zailiangdushangyeyaoyoufancha。tupianxufangzaishangbanbanmian,weiyuzhongjianhuozhezuoshangweizhi。erqiebuyaofangdetailingluan,yinggaigeiyemianliudiankongbaidekongjian。

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

  運yun動dong的de確que可ke以yi在zai開kai始shi時shi吸xi引yin注zhu意yi。換huan句ju話hua說shuo,也ye可ke能neng造zao成cheng幹gan擾rao,而er這zhe些xie元yuan素su往wang往wang隻zhi跟gen一yi部bu分fen瀏liu覽lan網wang頁ye的de用yong戶hu相xiang關guan,所suo以yi對dui於yu商shang業ye網wang站zhan來lai說shuo,這zhe些xie元yuan素su反fan而er會hui對dui轉zhuan化hua率lv產chan生sheng負fu麵mian影ying響xiang。

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

  所謂的大英雄區(Big hero area)shizhidafutuxiangbansuishaoliangwenzidebuju,pingguoyouqishanchangshiyong。rutuxiangshixiangguandehua,dayingxiongqujiqiyouxiao,fouzedehuajiuhuizaochengganrao。ruguocaiyongtukudetupiandehua,bixutiaoxuankezhichixiwangchuandixinxidetupian,erqiebuyaoguoduofensanduiyemianqitaguanjianneirongdezhuyili。

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

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

  鏈接按鈕應該如何設計?

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

  用戶會看哪裏?

  zuoweishejishiyinggaiyounengliyingxiangyonghukanshenmedifang,erbuyinggaichengweimougebujuhuomoshidenuli。yuansuzaiyemiandebuzhizhishiyingxiangyonghuguanzhudeqizhongyigeyinsu。zhiyaolijielezhuyilidejiangouyaosu,nixiangrangtamenkannalitamenjiuhuikannali。naxieshiyingxiangzhuyilideyaosune?這四個:對比,位置,大小和空白區域。

公司動態

行業資訊

營銷策劃