設(shè)計(jì)網(wǎng)頁(yè)的23條有用技巧(眼動(dòng)追蹤[Eye-Tracking]與用戶(hù)體驗(yàn))
在網(wǎng)絡(luò)設(shè)計(jì)領(lǐng)域關(guān)于眼動(dòng)追蹤[Eye-Tracking]的研究十分火爆,但是如何把這些研究結(jié)果轉(zhuǎn)變?yōu)榫唧w可行的設(shè)計(jì)來(lái)運(yùn)作依舊是個(gè)難點(diǎn)。以下就是一些來(lái)自于Eye-Tracking研究結(jié)果的竅門(mén),可以為改進(jìn)你的網(wǎng)站設(shè)計(jì)提供些意見(jiàn):
1、對(duì)比圖像,文字更具吸引力
與你所認(rèn)為的相反,在瀏覽一個(gè)網(wǎng)站的時(shí)候,能夠直接吸引用戶(hù)目光的并不是圖像。大多數(shù)通過(guò)偶然點(diǎn)擊進(jìn)入你的網(wǎng)站的用戶(hù),他們是來(lái)尋覓信息的而不是圖像。因此,保證你的網(wǎng)站設(shè)計(jì)凸現(xiàn)出最重要的信息板塊,這才是設(shè)計(jì)的首要原則。
2、眼球的第一運(yùn)動(dòng)聚焦于網(wǎng)頁(yè)的左上角
用戶(hù)瀏覽網(wǎng)頁(yè)的這一習(xí)慣應(yīng)該在意料之中,畢竟左上部為主要操作中心這一點(diǎn)為大多數(shù)重要的計(jì)算機(jī)應(yīng)用程序的設(shè)計(jì)所采用。在你構(gòu)建網(wǎng)站考慮網(wǎng)站設(shè)計(jì)時(shí),應(yīng)該盡量保持這一格式。要知道,如果你希望保持個(gè)人特色,搭建一個(gè)成功的網(wǎng)站,你就必須尊重用戶(hù)們的習(xí)慣。
3、用戶(hù)瀏覽網(wǎng)頁(yè)時(shí),首先觀察網(wǎng)頁(yè)的左上部和上層部分,之后再往下閱讀,瀏覽右邊的內(nèi)容
用戶(hù)普遍的瀏覽方式呈現(xiàn)出“F”的形狀。保證網(wǎng)站內(nèi)容的重要要素集中于這些關(guān)鍵區(qū)域,以此確保讀者的參與。在此放置頭條,副題,熱點(diǎn)以及重要文章,這樣可以吸引到讀者進(jìn)行閱讀。
4、讀者會(huì)忽視橫幅廣告
研究表明,讀者常忽視大部分的橫幅廣告——盡管你以此維持網(wǎng)站生計(jì)——視線往往只停留幾分之一秒。如果你想通過(guò)廣告掙錢(qián),那么必須創(chuàng)新你的廣告位以及合理配置網(wǎng)站廣告形式。
5、花哨的字體和格式被忽視
為什么呢?那是因?yàn)橛脩?hù)會(huì)認(rèn)為這些是廣告,并非他們所需要的信息。事實(shí)上,研究表明用戶(hù)很難在充滿大量顏色的花哨字體格式里尋找到所需的信息,因?yàn)橐曈X(jué)線索告訴他們把這些忽略吧。保持網(wǎng)站的清爽,不要因?yàn)槿A而不實(shí)的表面,讓重要的信息被忽略。
6、用數(shù)詞來(lái)代替數(shù)字
如果使用數(shù)詞取代數(shù)字的羅列,讀者會(huì)發(fā)現(xiàn)在你的網(wǎng)站可以很容易地發(fā)現(xiàn)真實(shí)的資料。要知道,你是寫(xiě)給那些將第一次瀏覽你的網(wǎng)站的讀者,所以,讓他們?nèi)菀装l(fā)現(xiàn)他們所需的信息,讓他們感興趣。
7、字體大小影響瀏覽行為
想改變?nèi)藗儗?duì)你的網(wǎng)頁(yè)的看法嗎?改變網(wǎng)頁(yè)字體的大小。大的字體刺激瀏覽,而小一些的字體則提高焦點(diǎn)閱讀量。根據(jù)你的需要,合理配置兩者的比例。
8、遇到感興趣的內(nèi)容,用戶(hù)僅會(huì)多看一眼副標(biāo)題
不要過(guò)分堅(jiān)持副標(biāo)題固定的格式——保證他們的相關(guān)性和興趣。你也可以讓副標(biāo)題包含關(guān)鍵詞,這樣可以有效利用搜索引擎,讓它帶來(lái)讀者。
9、人們大都只瀏覽網(wǎng)頁(yè)的小部分內(nèi)容
如果在用戶(hù)瀏覽的時(shí)候提供信息使他們盡快鎖定目標(biāo),就可以把這一點(diǎn)發(fā)展成為你的優(yōu)勢(shì)。突出某些部分或者創(chuàng)建項(xiàng)目列表使網(wǎng)頁(yè)信息容易找到和閱讀。
10、簡(jiǎn)短的段落相對(duì)于長(zhǎng)段落來(lái)說(shuō)有更好的表現(xiàn)力
網(wǎng)頁(yè)信息是為大多數(shù)強(qiáng)調(diào)快速瀏覽的無(wú)聯(lián)網(wǎng)用戶(hù)提供的。除非上下文的銜接要求,保持信息由簡(jiǎn)短的段落和句式組成,例如這個(gè)電子商務(wù)網(wǎng)站的產(chǎn)品介紹。
11、根據(jù)視覺(jué)鎖定,一欄格式比多欄格式擁有更好的表現(xiàn)力
別讓過(guò)多的信息把網(wǎng)站來(lái)訪者淹沒(méi)。大多數(shù)情況下,簡(jiǎn)潔更具力量。多欄內(nèi)容容易被用戶(hù)忽視,我們需要消除這些干擾。
12、網(wǎng)頁(yè)頂部和左邊的廣告更能吸引眼球
如需要在網(wǎng)站植入廣告,試圖使他們?nèi)谌刖W(wǎng)頁(yè)的左上部,這樣他們才能吸引到最大的視覺(jué)注意力。當(dāng)然,用戶(hù)僅僅會(huì)注意到這些廣告,這并不意味著他們會(huì)用鼠標(biāo)點(diǎn)擊。所以不要為了提高廣告的注意力而犧牲原有的網(wǎng)站設(shè)計(jì)。
13、將廣告放置與最佳內(nèi)容一旁也可以提升注意力
如果想要提升廣告的可視性和點(diǎn)擊率,可以將其設(shè)置于最能引起人興趣的內(nèi)容一旁,整合進(jìn)網(wǎng)頁(yè)的設(shè)計(jì)里。這樣,用戶(hù)既可以找到所需的內(nèi)容,你也能提升廣告的效益。
14、在各種測(cè)試中,人們閱讀文字廣告最為專(zhuān)心
正如上面提到的,一般的互聯(lián)網(wǎng)用戶(hù)不會(huì)花費(fèi)太多時(shí)間用于查看那些一眼就能看出是廣告的內(nèi)容。這就是文字廣告表現(xiàn)出眾的原因。他們并沒(méi)有分散注意力,而是與網(wǎng)頁(yè)的其它部分內(nèi)容融為一體,這讓他們減少了對(duì)讀者的視覺(jué)刺激,也使這一廣告形式獲得成功的閱讀率。
15、越大的圖像吸引越多的注意力
如果要在網(wǎng)頁(yè)中使用圖片,那越大越好。人們更傾向于查看那些能夠清楚地看到細(xì)節(jié)和獲取信息的圖像。要保證你所用的圖片與文章內(nèi)容相關(guān),否則它更容易被忽視。大多數(shù)讀者都擁有高速的連接速度,所以請(qǐng)放心在你的網(wǎng)站上使用那些較大體積的圖片。
16、干凈、清晰的特寫(xiě)圖片能吸引更多的視覺(jué)注意
可能那些抽象的藝術(shù)圖片會(huì)讓你的網(wǎng)站看起來(lái)很有味道,但是他們并不會(huì)吸引多少讀者的注意力。如果你需要使用到這些圖片,請(qǐng)確保所用圖片的清晰以及其表達(dá)內(nèi)容的簡(jiǎn)單可讀性。必須注意的是,那些與真實(shí)的“人”相關(guān)的圖片比所謂的模特圖片更為“優(yōu)秀”。
17、標(biāo)題能吸引眼球
瀏覽網(wǎng)頁(yè)時(shí),讀者能發(fā)現(xiàn)的第一內(nèi)容是標(biāo)題。確保網(wǎng)頁(yè)的所有相關(guān)鏈接暢通和有效,以讓讀者順利的通過(guò)網(wǎng)站進(jìn)一步搜索。
18、用戶(hù)花費(fèi)大量時(shí)間察看按鈕和菜單
所以,你需要花費(fèi)額外的時(shí)間維護(hù)你的精心設(shè)計(jì)。畢竟,他們不僅吸引了讀者的眼球,更是網(wǎng)站設(shè)計(jì)的重要組成要素。
19、表單格式可以延長(zhǎng)讀者的注意時(shí)間
分解內(nèi)容和段落,大量使用表單形式來(lái)表現(xiàn)你的文章,可以保證讀者的瀏覽率。使用數(shù)字和其它標(biāo)記符號(hào)來(lái)突出文章的重要內(nèi)容,會(huì)讓網(wǎng)站更容易瀏覽,用戶(hù)更快的找到所需的信息。
20、避免呈現(xiàn)大塊的文本
研究顯示,一般的網(wǎng)絡(luò)瀏覽者不會(huì)花費(fèi)時(shí)間去閱讀大塊的文本,無(wú)論他們有多重要或?qū)懙枚嗪谩R虼耍仨毎堰@些大文本分解為若干小段落。突出重要的地方,放置點(diǎn)擊的按鈕也可以提高用戶(hù)的注意力。
21、格式可以吸引注意力
在文中使用粗體、大寫(xiě)、彩體、下劃線可以幫助用戶(hù)獲取正文所表達(dá)的最主要的信息。使用時(shí)需要謹(jǐn)慎,因?yàn)檫^(guò)多的使用會(huì)使你的網(wǎng)頁(yè)難以閱讀,把讀者嚇跑。
22、利用好空白
盡管把網(wǎng)頁(yè)的每寸空間都填滿這個(gè)想法十分誘人,但事實(shí)上讓網(wǎng)站留出部分剩余更為不錯(cuò)。網(wǎng)站的過(guò)量信息會(huì)把用戶(hù)淹沒(méi),同時(shí)他們也會(huì)忘記所提供的大部分的內(nèi)容。所以保持網(wǎng)頁(yè)的簡(jiǎn)潔,給讀者預(yù)留出一些視覺(jué)空間來(lái)供讀者休息。
23、放置于網(wǎng)頁(yè)頂部,導(dǎo)航工具的作用將更好的發(fā)揮
理想情況下,你不會(huì)滿足于當(dāng)讀者打開(kāi)你的網(wǎng)站時(shí)僅瀏覽初始頁(yè),而是希望他們?yōu)g覽翻閱,察看其它感興趣的內(nèi)容。將導(dǎo)航器置于網(wǎng)頁(yè)頂部,就可以讓用戶(hù)通過(guò)使用這個(gè)工具輕松的找到所需的目標(biāo)內(nèi)容。
相關(guān)內(nèi)容推薦
- 微信商城搭建前期需要準(zhǔn)備哪些資料?
- 青島網(wǎng)站建設(shè)之前端測(cè)試服務(wù)
- 深入解讀2016年互聯(lián)網(wǎng)營(yíng)銷(xiāo)發(fā)展趨勢(shì)
- 網(wǎng)站快速獲得排名先學(xué)會(huì)這幾招
- 企業(yè)官網(wǎng)莫犯懶,充實(shí)內(nèi)容是王道
- 從入門(mén)到精通,輕松學(xué)習(xí)微信推廣方法
- 青島網(wǎng)站建設(shè)的主營(yíng)業(yè)務(wù)主要有哪些方面內(nèi)容?
- 網(wǎng)絡(luò)營(yíng)銷(xiāo)中的魚(yú)塘理論
- 青島網(wǎng)站建設(shè)需要多少錢(qián)?有哪些成本因素
- 為什么做網(wǎng)站優(yōu)化
最新文章
更多>>- 什么是SEO優(yōu)化?SEO優(yōu)化怎么做?
- 營(yíng)銷(xiāo)型網(wǎng)站制作
- 網(wǎng)站優(yōu)化:寵物網(wǎng)站如何優(yōu)化?
- 網(wǎng)站建設(shè)及網(wǎng)站建設(shè)費(fèi)用-為您提供專(zhuān)業(yè)的網(wǎng)站建設(shè)服務(wù)
- 網(wǎng)站建設(shè)是什么?怎么做網(wǎng)站建設(shè)
- 網(wǎng)站建設(shè)為什么要分高端網(wǎng)站建設(shè)和普通網(wǎng)站建設(shè)
- 醫(yī)療健康科普問(wèn)答平臺(tái)系統(tǒng)介紹
- 抖音小程序如何開(kāi)發(fā)?
- 公司小程序建設(shè)和公司小程序開(kāi)發(fā)都需要哪些過(guò)程?
- 網(wǎng)站策劃在網(wǎng)站建設(shè)中的重要性
0532-88983785 / 0532-68613670
我要定制網(wǎng)站