1、菲茨定律

選中目標所需時間與移動距離長短和目標面積大小有關。（與距離負相關，與面積正相關）

現實中的應用

在商場中尋找洗手間取決于標志的大小及步行的距離。為了滿足這兩個標準，標志設計得更大、更容易接近。

設計應用

▲ 左側頁面的CTA按鈕很小，沒有突出顯示，與表單的其他元素基本上沒有區分；右側頁面CTA按鈕尺寸很大，能讓用戶清晰識別。

2、希克定律

決策所需要花費的時間隨著選擇的數量和復雜性增加而增加。

現實中的應用

與餐廳相比，快餐店的菜單選項有限。因此顧客點餐速度更快，門店提供的服務也更快。

設計應用

▲ 在Whatsapp上轉發消息時，會在“最近聊天”列表上方看到“經常聯系”的3個好友。這對用戶來說是一種簡單的交互，幫助用戶節省操作時間。

3、共域定律

被一個顯而易見的邊框包圍起來的多個元素，被視為一個群組。(從屬于格式塔理論)

現實中的應用

在服裝店中，衣服按照類型被分到不同的架子上來展示，即使對這家服裝店一無所知，顧客也會將一個貨架內的商品關聯成相似的東西。

設計應用

▲ 過濾器被封閉在產品頁面之外的單獨區域中，因此可以清楚地識別左右兩部分的差異。

4、雅各布定律

用戶將大部分時間花在別人家的網站(產品)上，而不是你的。這意味著他們希望你的網站(產品)跟別人的有相同的使用方式。

現實中的應用

假設家中的陽臺是一扇推拉門，我們可能希望酒店的陽臺門也以同樣的方式操作。因此如果酒店有一個滑動門，我們可能會下意識地先去推門。

設計應用

▲ 以上是國外知名的電商網站導航欄設計，這幾個網站導航欄中顯示的信息及其結構都非常相似：左側是品牌標志，中間為搜索欄，右側為其他選項(購物車/個人賬戶)。

5、系列位置效應

用戶更容易記住系列中出現的第一項(首因效應)和最后一項(近因效應)。

現實中的應用

我們通常更容易記住某個電話號碼的前4位或后3位，這條法則也是銀行卡號被分成4組數字的原因。

設計應用

▲ 在亞馬遜主頁上，網站的第一部分總是顯示最重要的內容：導航包含logo、搜索和其他重要功能；輪播圖通過圖形設計吸引用戶的目光，引導新的交易或優惠。

6、馮·雷斯托夫效應

又稱隔離效應。當存在多個相似物體時，與眾不同的物體最容易被記住。

現實中的應用

在商場購物時，相較于普通裝飾的門店，我們更有可能記住或將注意力轉移到具有霓虹燈效果的門店上。

設計應用

▲ App上有新消息時，會在圖標上用紅點顯示，這樣的提示更清晰和突出，從而吸引用戶的注意力，引導用戶點擊并查看消息。

7、審美可用性效應

用戶通常認為漂亮的設計更易用。

現實中的應用

當參觀汽車展廳時，我們通常會對汽車精美的展示感到驚嘆，并立即對這個品牌產生積極的印象。

設計應用

▲ 在愛彼迎上，我們住在陌生人的房子里，因此建立雙方的信任是必要的。當訪問像愛彼迎這樣干凈簡潔的網站時，我們會下意識地信任這個產品，也確保了用戶對品牌的信任。

8、峰終定律

人們評論體驗優劣，大多基于峰值和結束時的感受，而不是所有環節的平均值。

現實中的應用

在足球比賽中，整場的觀看體驗將根據比賽結束(誰獲勝)和比賽高潮（誰進球最多/比賽中最激動人心的時刻)來判斷。

設計應用

▲ 在夜晚非常饑餓的時候，我們使用訂餐App選擇食物時，卻被告知付款失敗。這時候App界面設計的再好看也無關緊要，訂餐失敗就是從這次體驗中收獲的結果。

參考：uxplanet.org/laws-of-ux-outside-the-screens-d44298c85d94

原文地址：Clip設計夾（公眾號）

作者：Clippp

轉載請注明：學UI網》用戶體驗設計法則應該怎么用？來看看這些應用原理！

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.0391cbd.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務