地址: 上海市靜安區共和新路4718弄10號樓2樓
熱線:400-166-3538
電話:19301461038
郵箱:sales@shyuanzhen.cn
你在看機器,機器也在看你。最近眼球跟蹤技術誕生了不少的應用案例。比方說,Intel 研發 3D 筆記本攝像頭,可以追蹤眼球讀懂情緒;上海琢視的純軟件眼球追蹤可支持用眼睛玩打飛機游戲等。現在EyeQuant則利用先進的神經技術研究用戶眼球看網頁時的運動,從而生成設計元素和網頁區域的熱點圖(即用戶的注意力集中的區域),再研究如何改進網頁設計。以下就是他們的發現。
Web設計應該注意什么
眼球跟蹤技術的第一個發現是,Web 的 F 和 E 形模式布局設計(利用用戶大都最喜歡觀看左側屏幕的特點進行布局)未必就是對的。只要內容吸引眼球,不在 F 或 E 形模式區的地方一樣會受人關注。比方說,高對比度、中心布置及排列整齊的內容。實際上,Web設計時應該更關注3W:網頁要說什么(What),用戶為什么要關注(Why)以及接下來要去哪里(Where)。
某些Web設計的最佳實踐受挑戰
還有一些 Web 設計的最佳實踐受到了眼球跟蹤技術的挑戰。比方說,傳統觀點認為人總是會注意臉部。EyeQuant 在用眼球跟蹤技術研究了數千個不同網站后發現,臉部和注意力的確存在關系,但是人卻未必總是關注臉部。另一個 Web 設計的觀點是要想讓文字突出,就得把字體放大。但研究發現,盡管有些頁面的字體很大卻被用戶無視。
關于圖庫的選擇與使用
要想圖片引人注目,最重要的是要有高反差—不僅圖片本身要有高反差,而且相對于頁面的其他內容也要形成強烈對比。這不光是顏色的對比,在亮度上也要有反差。圖片需放在上半版面,位于中間或者坐上位置。而且不要放得太凌亂,應該給頁面留點空白的空間。
像旋轉橫幅和幻燈片這樣的重圖像元素有效性如何?
運動的確可以在開始時吸引注意。換句話說,也可能造成干擾,而這些元素往往只跟一部分瀏覽網頁的用戶相關,所以對于商業網站來說,這些元素反而會對轉化率產生負面影響。
像蘋果用的那種日漸流行的大英雄區域是否有效?
所謂的大英雄區(Big hero area)是指大幅圖像伴隨少量文字的布局,蘋果尤其擅長使用。如圖像是相關的話,大英雄區極其有效,否則的話就會造成干擾。如果采用圖庫的圖片的話,必須挑選可支持希望傳遞信息的圖片,而且不要過多分散對頁面其他關鍵內容的注意力。
長幅滾動頁面還是讓重要元素保持在上半版面?
部分長幅面的滾動頁面的確非常成功,而且用戶對此似乎也越來越習慣。但是數據表明一般用戶仍把大部分時間花在上半版面。
鏈接按鈕應該如何設計?
人是對比生物,所以按鈕與背景色之間,按鈕文字和按鈕之間都必須形成鮮明對照。
用戶會看哪里?
作為設計師應該有能力影響用戶看什么地方,而不應該成為某個布局或模式的奴隸。元素在頁面的布置只是影響用戶關注的其中一個因素。只要理解了注意力的建構要素,你想讓他們看哪里他們就會看哪里。哪些是影響注意力的要素呢?這四個:對比,位置,大小和空白區域。
? 免費熱線:400-166-3538 ? 咨詢電話:19301461038 ? 咨詢QQ :63778992 ? 微信咨詢 : chunhua19820 | 公司名稱:上海緣震網絡科技有限公司 開戶銀行:中國工商銀行上海市彭浦支行 銀行賬號:1001 2508 0930 0206 455 |
總部:上海市奉賢區金海公路6055號29號3樓 分部:上海市靜安區共和新路4718弄10號樓2樓 商務官網:www.centos9.com 彥蓁科技:www.shyanzhen.cn | 緣震網絡成立于 2014 年,公司主要經營全案策劃,高端品質網站建設、多媒體視頻宣傳片制作、微信公眾號開發、微信小程序開發、商城定制、SEO優化、電商托管、空間托管、網站維護、應用軟件開發、手機端APP開發、等為客戶提供一條龍網絡運營解決方案的的技術型企業。我們在人力資源、業務范圍、設計、技術、服務、信譽度、規范管理及企業文化等諸多方面完善自己,公司目前已與千余家各類客戶進行長期戰略合作,提供專業的網站建設與運營服務。我們的口號:廣結良緣、震古爍今! |