1、菲茨定律
選中目標(biāo)所需時間與移動距離長短和目標(biāo)面積大小有關(guān)。（與距離負(fù)相關(guān)，與面積正相關(guān)）
現(xiàn)實(shí)中的應(yīng)用
在商場中尋找洗手間取決于標(biāo)志的大小及步行的距離。為了滿足這兩個標(biāo)準(zhǔn)，標(biāo)志設(shè)計得更大、更容易接近。
設(shè)計應(yīng)用
▲ 左側(cè)頁面的CTA按鈕很小，沒有突出顯示，與表單的其他元素基本上沒有區(qū)分；右側(cè)頁面CTA按鈕尺寸很大，能讓用戶清晰識別。
2、希克定律
決策所需要花費(fèi)的時間隨著選擇的數(shù)量和復(fù)雜性增加而增加。
現(xiàn)實(shí)中的應(yīng)用
與餐廳相比，快餐店的菜單選項有限。因此顧客點(diǎn)餐速度更快，門店提供的服務(wù)也更快。
設(shè)計應(yīng)用
▲ 在Whatsapp上轉(zhuǎn)發(fā)消息時，會在“最近聊天”列表上方看到“經(jīng)常聯(lián)系”的3個好友。這對用戶來說是一種簡單的交互，幫助用戶節(jié)省操作時間。
3、共域定律
被一個顯而易見的邊框包圍起來的多個元素，被視為一個群組。(從屬于格式塔理論)
現(xiàn)實(shí)中的應(yīng)用
在服裝店中，衣服按照類型被分到不同的架子上來展示，即使對這家服裝店一無所知，顧客也會將一個貨架內(nèi)的商品關(guān)聯(lián)成相似的東西。
設(shè)計應(yīng)用
▲ 過濾器被封閉在產(chǎn)品頁面之外的單獨(dú)區(qū)域中，因此可以清楚地識別左右兩部分的差異。
4、雅各布定律
用戶將大部分時間花在別人家的網(wǎng)站(產(chǎn)品)上，而不是你的。這意味著他們希望你的網(wǎng)站(產(chǎn)品)跟別人的有相同的使用方式。
現(xiàn)實(shí)中的應(yīng)用
假設(shè)家中的陽臺是一扇推拉門，我們可能希望酒店的陽臺門也以同樣的方式操作。因此如果酒店有一個滑動門，我們可能會下意識地先去推門。
設(shè)計應(yīng)用
▲ 以上是國外知名的電商網(wǎng)站導(dǎo)航欄設(shè)計，這幾個網(wǎng)站導(dǎo)航欄中顯示的信息及其結(jié)構(gòu)都非常相似：左側(cè)是品牌標(biāo)志，中間為搜索欄，右側(cè)為其他選項(購物車/個人賬戶)。
5、系列位置效應(yīng)
用戶更容易記住系列中出現(xiàn)的第一項(首因效應(yīng))和最后一項(近因效應(yīng))。
現(xiàn)實(shí)中的應(yīng)用
我們通常更容易記住某個電話號碼的前4位或后3位，這條法則也是銀行卡號被分成4組數(shù)字的原因。
設(shè)計應(yīng)用
▲ 在亞馬遜主頁上，網(wǎng)站的第一部分總是顯示最重要的內(nèi)容：導(dǎo)航包含logo、搜索和其他重要功能；輪播圖通過圖形設(shè)計吸引用戶的目光，引導(dǎo)新的交易或優(yōu)惠。
6、馮·雷斯托夫效應(yīng)
又稱隔離效應(yīng)。當(dāng)存在多個相似物體時，與眾不同的物體最容易被記住。
現(xiàn)實(shí)中的應(yīng)用
在商場購物時，相較于普通裝飾的門店，我們更有可能記住或?qū)⒆⒁饬D(zhuǎn)移到具有霓虹燈效果的門店上。
設(shè)計應(yīng)用
▲ App上有新消息時，會在圖標(biāo)上用紅點(diǎn)顯示，這樣的提示更清晰和突出，從而吸引用戶的注意力，引導(dǎo)用戶點(diǎn)擊并查看消息。
7、審美可用性效應(yīng)
用戶通常認(rèn)為漂亮的設(shè)計更易用。
現(xiàn)實(shí)中的應(yīng)用
當(dāng)參觀汽車展廳時，我們通常會對汽車精美的展示感到驚嘆，并立即對這個品牌產(chǎn)生積極的印象。
設(shè)計應(yīng)用
▲ 在愛彼迎上，我們住在陌生人的房子里，因此建立雙方的信任是必要的。當(dāng)訪問像愛彼迎這樣干凈簡潔的網(wǎng)站時，我們會下意識地信任這個產(chǎn)品，也確保了用戶對品牌的信任。
8、峰終定律
人們評論體驗優(yōu)劣，大多基于峰值和結(jié)束時的感受，而不是所有環(huán)節(jié)的平均值。
現(xiàn)實(shí)中的應(yīng)用
在足球比賽中，整場的觀看體驗將根據(jù)比賽結(jié)束(誰獲勝)和比賽高潮（誰進(jìn)球最多/比賽中最激動人心的時刻)來判斷。
設(shè)計應(yīng)用
▲ 在夜晚非常饑餓的時候，我們使用訂餐App選擇食物時，卻被告知付款失敗。這時候App界面設(shè)計的再好看也無關(guān)緊要，訂餐失敗就是從這次體驗中收獲的結(jié)果。
參考：uxplanet.org/laws-of-ux-outside-the-screens-d44298c85d94
原文地址：Clip設(shè)計夾（公眾號）
作者：Clippp
轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》用戶體驗設(shè)計法則應(yīng)該怎么用？來看看這些應(yīng)用原理！
文章來源：csdn
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( m.shtzxx.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)