網(wǎng)頁(yè)設(shè)計(jì)的三個(gè)定律以及啟示

2023-02-22    分類: 網(wǎng)站建設(shè)

科技,似乎越來(lái)越成為一個(gè)“黑盒”。例如,你雖然每天都在使用支付寶,但是你的錢(qián)是如何從自己的賬戶到商家的賬戶的,原理和安全機(jī)制是什么,就如同一個(gè)“黑盒”。
網(wǎng)頁(yè)設(shè)計(jì)也是如此。建站公司做好一個(gè)網(wǎng)站,你知道看起來(lái)比較“高端大氣上檔次”,但是為什么會(huì)這樣設(shè)計(jì)呢?本文,我們?cè)噲D解解密。
網(wǎng)頁(yè)設(shè)計(jì)的原則之費(fèi)茨定律
費(fèi)茨定律是這樣的:移動(dòng)所需要的時(shí)間與目標(biāo)大小和距離有關(guān)。鼠標(biāo)移動(dòng)也是如此。
當(dāng)訪客將指針從一個(gè)地方移動(dòng)到目標(biāo)的時(shí)間,與移動(dòng)距離和目標(biāo)大小有關(guān)。
因?yàn)檫@一定律,如果需要用戶移動(dòng)的距離太長(zhǎng),花費(fèi)的時(shí)間太多,用戶體驗(yàn)不好。
因?yàn)檫@一定律,如果目標(biāo)設(shè)置的太小,導(dǎo)致移動(dòng)的時(shí)間太長(zhǎng),用戶體驗(yàn)也不好。
該定律對(duì)網(wǎng)頁(yè)設(shè)計(jì)師的啟示是:
按鈕應(yīng)該設(shè)置在網(wǎng)頁(yè)的邊距附近,這樣可以縮短用戶從任何一個(gè)地方移動(dòng)到目標(biāo)的距離。
按鈕的大小應(yīng)該合適,如果需要長(zhǎng)距離移動(dòng),應(yīng)該增大按鈕,可以減少移動(dòng)時(shí)間。
網(wǎng)頁(yè)設(shè)計(jì)原則之自然適應(yīng)律
在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域,關(guān)于cta中顏色的使用有很多爭(zhēng)論;特別是,設(shè)計(jì)師們對(duì)于cta中紅色、藍(lán)色或橙色是好的顏色非常著迷,但是一旦你理解了自然適應(yīng)律,就不必糾結(jié)了。
自然適應(yīng)律表明,我們?cè)诜磸?fù)(或長(zhǎng)時(shí)間)接觸刺激后,最終會(huì)對(duì)其失去興趣。作為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師,這影響了你對(duì)顏色的使用。例如,如果您使用藍(lán)色的配色方案設(shè)計(jì)了一個(gè)很長(zhǎng)的銷售頁(yè)面,其中大多數(shù)元素都是藍(lán)色的,那么使用藍(lán)色的CTA也會(huì)導(dǎo)致較差的轉(zhuǎn)換。這是因?yàn)橛脩粢呀?jīng)習(xí)慣了藍(lán)色,不太可能注意到藍(lán)色的CTA;它對(duì)他們來(lái)說(shuō)并不突出,因此被忽略了。
這一規(guī)律對(duì)網(wǎng)頁(yè)設(shè)計(jì)的啟示是:
在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域,使用藍(lán)色配色方案然后使用橙色CTA的站點(diǎn)可能會(huì)表現(xiàn)得更好。這是因?yàn)槌壬煌诰W(wǎng)站上使用的主配色方案——用戶還沒(méi)有適應(yīng)它——當(dāng)它突然出現(xiàn)時(shí),可能會(huì)引人注目。
同樣,網(wǎng)站通常使用藍(lán)色的配色方案,但使用橙色的CTA,這是顯而易見(jiàn)的。
作為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師,學(xué)會(huì)在設(shè)計(jì)關(guān)鍵元素時(shí)利用對(duì)比的力量。你的網(wǎng)站設(shè)計(jì)的重要元素應(yīng)該使用不同于主配色方案的顏色,以幫助他們脫穎而出。
網(wǎng)頁(yè)設(shè)計(jì)的原則之希克定律
如果你想設(shè)計(jì)的網(wǎng)站提高轉(zhuǎn)化率,你的網(wǎng)站設(shè)計(jì)必須與選擇的原則的理解。更重要的是,你要了解??硕?,并據(jù)此設(shè)計(jì)你的網(wǎng)站。
希克斯定律指出,給出的選擇時(shí)長(zhǎng)決定了選擇決策。簡(jiǎn)言之,選擇所耗費(fèi)的時(shí)間越短,用戶越愿意做出選擇。例如,如果頁(yè)面加載時(shí)間延遲1秒,則會(huì)導(dǎo)致轉(zhuǎn)換減少7%。只刪除一個(gè)表單字段可以將轉(zhuǎn)換提高50%。60%的在線求職者會(huì)因?yàn)楸韱翁L(zhǎng)或太復(fù)雜而放棄它。
總之,這些都與??硕捎嘘P(guān)。
??硕山o網(wǎng)頁(yè)設(shè)計(jì)師的啟示是:
提高網(wǎng)頁(yè)的加載速率,可以提高用戶留存率;
表單的設(shè)計(jì)應(yīng)該簡(jiǎn)短,讓訪客快速提交填寫(xiě),減少不必要資料的提交;

網(wǎng)頁(yè)題目:網(wǎng)頁(yè)設(shè)計(jì)的三個(gè)定律以及啟示
瀏覽路徑:http://www.bm7419.com/news34/238884.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄網(wǎng)站設(shè)計(jì)、品牌網(wǎng)站設(shè)計(jì)搜索引擎優(yōu)化、動(dòng)態(tài)網(wǎng)站網(wǎng)站改版

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

小程序開(kāi)發(fā)