科技，似乎越來越成為一個(gè)“黑盒”。例如，你雖然每天都在使用支付寶，但是你的錢是如何從自己的賬戶到商家的賬戶的，原理和安全機(jī)制是什么，就如同一個(gè)“黑盒”。
網(wǎng)頁設(shè)計(jì)也是如此。建站公司做好一個(gè)網(wǎng)站，你知道看起來比較“高端大氣上檔次”，但是為什么會(huì)這樣設(shè)計(jì)呢？本文，我們?cè)噲D解解密。

網(wǎng)頁設(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)頁設(shè)計(jì)師的啟示是：
按鈕應(yīng)該設(shè)置在網(wǎng)頁的邊距附近，這樣可以縮短用戶從任何一個(gè)地方移動(dòng)到目標(biāo)的距離。
按鈕的大小應(yīng)該合適，如果需要長(zhǎng)距離移動(dòng)，應(yīng)該增大按鈕，可以減少移動(dòng)時(shí)間。

網(wǎng)頁設(shè)計(jì)原則之自然適應(yīng)律

在網(wǎng)頁設(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)頁設(shè)計(jì)師，這影響了你對(duì)顏色的使用。例如，如果您使用藍(lán)色的配色方案設(shè)計(jì)了一個(gè)很長(zhǎng)的銷售頁面，其中大多數(shù)元素都是藍(lán)色的，那么使用藍(lán)色的CTA也會(huì)導(dǎo)致較差的轉(zhuǎn)換。這是因?yàn)橛脩粢呀?jīng)習(xí)慣了藍(lán)色，不太可能注意到藍(lán)色的CTA;它對(duì)他們來說并不突出，因此被忽略了。
這一規(guī)律對(duì)網(wǎng)頁設(shè)計(jì)的啟示是：
在網(wǎng)頁設(shè)計(jì)領(lǐng)域，使用藍(lán)色配色方案然后使用橙色CTA的站點(diǎn)可能會(huì)表現(xiàn)得更好。這是因?yàn)槌壬煌诰W(wǎng)站上使用的主配色方案——用戶還沒有適應(yīng)它——當(dāng)它突然出現(xiàn)時(shí)，可能會(huì)引人注目。
同樣，網(wǎng)站通常使用藍(lán)色的配色方案，但使用橙色的CTA，這是顯而易見的。
作為一個(gè)網(wǎng)頁設(shè)計(jì)師，學(xué)會(huì)在設(shè)計(jì)關(guān)鍵元素時(shí)利用對(duì)比的力量。你的網(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í)長(zhǎng)決定了選擇決策。簡(jiǎn)言之，選擇所耗費(fèi)的時(shí)間越短，用戶越愿意做出選擇。例如，如果頁面加載時(shí)間延遲1秒，則會(huì)導(dǎo)致轉(zhuǎn)換減少7%。只刪除一個(gè)表單字段可以將轉(zhuǎn)換提高50%。60%的在線求職者會(huì)因?yàn)楸韱翁L(zhǎng)或太復(fù)雜而放棄它。
總之，這些都與?？硕捎嘘P(guān)。
希克定律給網(wǎng)頁設(shè)計(jì)師的啟示是：
提高網(wǎng)頁的加載速率，可以提高用戶留存率；
表單的設(shè)計(jì)應(yīng)該簡(jiǎn)短，讓訪客快速提交填寫，減少不必要資料的提交；
如上三個(gè)設(shè)計(jì)定律，設(shè)計(jì)師應(yīng)該在設(shè)計(jì)工作中，邊學(xué)邊實(shí)踐，邊學(xué)邊體會(huì)。