科技,似乎越來越成為一個(gè)“黑盒”。例如,你雖然每天都在使用支付寶,但是你的錢是如何從自己的賬戶到商家的賬戶的,原理和安全機(jī)制是什么,就如同一個(gè)“黑盒”。
網(wǎng)頁設(shè)計(jì)也是如此。建站公司做好一個(gè)網(wǎng)站,你知道看起來比較“高端大氣上檔次”,但是為什么會這樣設(shè)計(jì)呢?本文,我們試圖解解密。網(wǎng)頁設(shè)計(jì)的原則之費(fèi)茨定律
費(fèi)茨定律是這樣的:移動所需要的時(shí)間與目標(biāo)大小和距離有關(guān)。鼠標(biāo)移動也是如此。
當(dāng)訪客將指針從一個(gè)地方移動到目標(biāo)的時(shí)間,與移動距離和目標(biāo)大小有關(guān)。
因?yàn)檫@一定律,如果需要用戶移動的距離太長,花費(fèi)的時(shí)間太多,用戶體驗(yàn)不好。
因?yàn)檫@一定律,如果目標(biāo)設(shè)置的太小,導(dǎo)致移動的時(shí)間太長,用戶體驗(yàn)也不好。
該定律對網(wǎng)頁設(shè)計(jì)師的啟示是:
按鈕應(yīng)該設(shè)置在網(wǎng)頁的邊距附近,這樣可以縮短用戶從任何一個(gè)地方移動到目標(biāo)的距離。
按鈕的大小應(yīng)該合適,如果需要長距離移動,應(yīng)該增大按鈕,可以減少移動時(shí)間。網(wǎng)頁設(shè)計(jì)原則之自然適應(yīng)律
在網(wǎng)頁設(shè)計(jì)領(lǐng)域,關(guān)于cta中顏色的使用有很多爭論;特別是,設(shè)計(jì)師們對于cta中紅色、藍(lán)色或橙色是好的顏色非常著迷,但是一旦你理解了自然適應(yīng)律,就不必糾結(jié)了。
自然適應(yīng)律表明,我們在反復(fù)(或長時(shí)間)接觸刺激后,最終會對其失去興趣。作為一個(gè)
網(wǎng)頁設(shè)計(jì)師,這影響了你對顏色的使用。例如,如果您使用藍(lán)色的配色方案設(shè)計(jì)了一個(gè)很長的銷售頁面,其中大多數(shù)元素都是藍(lán)色的,那么使用藍(lán)色的CTA也會導(dǎo)致較差的轉(zhuǎn)換。這是因?yàn)橛脩粢呀?jīng)習(xí)慣了藍(lán)色,不太可能注意到藍(lán)色的CTA;它對他們來說并不突出,因此被忽略了。
這一規(guī)律對網(wǎng)頁設(shè)計(jì)的啟示是:
在網(wǎng)頁設(shè)計(jì)領(lǐng)域,使用藍(lán)色配色方案然后使用橙色CTA的站點(diǎn)可能會表現(xiàn)得更好。這是因?yàn)槌壬煌诰W(wǎng)站上使用的主配色方案——用戶還沒有適應(yīng)它——當(dāng)它突然出現(xiàn)時(shí),可能會引人注目。
同樣,網(wǎng)站通常使用藍(lán)色的配色方案,但使用橙色的CTA,這是顯而易見的。
作為一個(gè)網(wǎng)頁設(shè)計(jì)師,學(xué)會在設(shè)計(jì)關(guān)鍵元素時(shí)利用對比的力量。你的網(wǎng)站設(shè)計(jì)的重要元素應(yīng)該使用不同于主配色方案的顏色,以幫助他們脫穎而出。網(wǎng)頁設(shè)計(jì)的原則之希克定律
如果你想設(shè)計(jì)的網(wǎng)站提高轉(zhuǎn)化率,你的
網(wǎng)站設(shè)計(jì)必須與選擇的原則的理解。更重要的是,你要了解??硕桑?jù)此設(shè)計(jì)你的網(wǎng)站。
??怂苟芍赋觯o出的選擇時(shí)長決定了選擇決策。簡言之,選擇所耗費(fèi)的時(shí)間越短,用戶越愿意做出選擇。例如,如果頁面加載時(shí)間延遲1秒,則會導(dǎo)致轉(zhuǎn)換減少7%。只刪除一個(gè)表單字段可以將轉(zhuǎn)換提高50%。60%的在線求職者會因?yàn)楸韱翁L或太復(fù)雜而放棄它。
總之,這些都與??硕捎嘘P(guān)。
??硕山o
網(wǎng)頁設(shè)計(jì)師的啟示是:
提高網(wǎng)頁的加載速率,可以提高用戶留存率;
表單的設(shè)計(jì)應(yīng)該簡短,讓訪客快速提交填寫,減少不必要資料的提交;
網(wǎng)頁題目:網(wǎng)頁設(shè)計(jì)的三個(gè)定律以及啟示
瀏覽路徑:http://m.rwnh.cn/news34/238884.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、網(wǎng)站設(shè)計(jì)、品牌網(wǎng)站設(shè)計(jì)、搜索引擎優(yōu)化、動態(tài)網(wǎng)站、網(wǎng)站改版
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)