網(wǎng)站設(shè)計應(yīng)該注意些什么用眼球跟蹤改善網(wǎng)頁設(shè)計

你在看機(jī)器,機(jī)器也在看你。最近眼球跟蹤技術(shù)誕生了不少的應(yīng)用案例。比方說,Intel 研發(fā) 3D 筆記本攝像頭,可以追蹤眼球讀懂情緒;成都琢視的純軟件眼球追蹤可支持用眼睛玩打飛機(jī)游戲等。現(xiàn)在EyeQuant則利用先進(jìn)的神經(jīng)技術(shù)研究用戶眼球看網(wǎng)頁時的運動,從而生成設(shè)計元素和網(wǎng)頁區(qū)域的熱點圖(即用戶的注意力集中的區(qū)域),再研究如何改進(jìn)網(wǎng)頁設(shè)計。以下就是他們的發(fā)現(xiàn)。
Web設(shè)計應(yīng)該注意什么
眼球跟蹤技術(shù)的第一個發(fā)現(xiàn)是,Web 的 F 和 E 形模式布局設(shè)計(利用用戶大都最喜歡觀看左側(cè)屏幕的特點進(jìn)行布局)未必就是對的。只要內(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)容也要形成強(qiáng)烈對比。這不光是顏色的對比,在亮度上也要有反差。圖片需放在上半版面,位于中間或者坐上位置。而且不要放得太凌亂,應(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ū)域。

成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比淮北網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式淮北網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋淮北地區(qū)。費用合理售后完善,10年實體公司更值得信賴。

網(wǎng)站標(biāo)題:網(wǎng)站設(shè)計應(yīng)該注意些什么用眼球跟蹤改善網(wǎng)頁設(shè)計
分享網(wǎng)址:http://www.kartarina.com/article9/scceoh.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管自適應(yīng)網(wǎng)站App設(shè)計搜索引擎優(yōu)化云服務(wù)器網(wǎng)站收錄

廣告

聲明:本網(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)

成都網(wǎng)站建設(shè)
主站蜘蛛池模板: 无码专区久久综合久中文字幕 | 亚洲精品无码MV在线观看| 无码任你躁久久久久久老妇App | 中文无码字慕在线观看| 亚洲av无码片vr一区二区三区| 久久亚洲中文无码咪咪爱| 亚洲AV无码成人精品区狼人影院| 亚洲av无码av在线播放| 国产爆乳无码一区二区麻豆 | 国产在线无码制服丝袜无码| 国产AV无码专区亚汌A√| 无码中文字幕色专区| 无码夫の前で人妻を侵犯| 国产做无码视频在线观看浪潮| 亚洲AV无码一区二区三区国产| 无码区日韩特区永久免费系列| 18禁超污无遮挡无码免费网站| 人妻在线无码一区二区三区| 激情无码人妻又粗又大中国人| 亚洲国产精品无码一线岛国| 亚洲精品无码av天堂| 无码人妻一区二区三区在线水卜樱| 一本色道久久综合无码人妻| 亚洲动漫精品无码av天堂| 中文无码日韩欧免费视频| 免费无码黄动漫在线观看| 久久久久久亚洲av无码蜜芽| 无码区日韩特区永久免费系列| 亚洲AV成人无码天堂| 高清无码午夜福利在线观看| 无码福利写真片视频在线播放| 亚洲私人无码综合久久网| 亚洲最大无码中文字幕| 久久精品日韩av无码| 小12箩利洗澡无码视频网站| 免费无码一区二区| 成人无码AV一区二区| 亚洲综合av永久无码精品一区二区| 亚洲中文字幕无码久久精品1 | 国产在线无码精品无码| 人妻无码一区二区视频|