交互設(shè)計(jì)七大定律：費(fèi)茨定律（Fitts’ Law）、希克定律（Hick’s Law ）、7±2?法則、接近法則（The Law Of?Proximity）、防錯(cuò)原則、復(fù)雜性守恒定律/泰思勒定律（Tesler’s Law ）、簡(jiǎn)單有效原理/奧卡姆剃刀原理（Occam’s Razor ）。
一、費(fèi)茨定律（Fitts’ Law）
設(shè)計(jì)師只要知道游標(biāo)與目標(biāo)物距離D，及目標(biāo)物與游標(biāo)的垂直寬度W與操作速率有關(guān)即可。而座落在螢?zāi)贿叾说哪繕?biāo)，因?yàn)榛笠苿?dòng)至低時(shí)，會(huì)停在邊界，可視為目標(biāo)物的寬度無(wú)限大，亦即操作速率最快。
費(fèi)茨定律可以簡(jiǎn)單理解為：任意一點(diǎn)移動(dòng)到目標(biāo)中心位置所需時(shí)間與該點(diǎn)到目標(biāo)的距離和大小有關(guān)，距離越大時(shí)間越長(zhǎng)，目標(biāo)越大時(shí)間越短。
菲茨定律的啟示：
1.按鈕可點(diǎn)擊的對(duì)象需要合理的尺寸大小，將用戶越可能想要點(diǎn)擊的按鈕盡量放大。目標(biāo)越大，越容易點(diǎn)擊或操作；
如100offer與摩拜單車的操作按鈕，按鈕的尺寸大一些會(huì)讓用戶知道哪里是需要操作的地方，對(duì)用戶來(lái)說(shuō)更直觀易用。
2.讓相關(guān)的操作按鈕兩者更相近，這樣不僅在視覺(jué)上增強(qiáng)用戶對(duì)他們的相關(guān)性認(rèn)知，而且距離越近越容易操作。
如 Behance 的登錄注冊(cè)界面，下圖為例：左圖是登錄按鈕距離填寫賬號(hào)密碼的輸入框很近，這樣用戶就很容易操作。右圖我把他們的距離拉大，明顯能感受到登錄按鈕與輸入框割裂得很嚴(yán)重。若用戶想要點(diǎn)擊登錄按鈕還可能需要把鼠標(biāo)移動(dòng)一大段的距離，交互成本變得很高。
3.屏幕的邊和角很適合放置像菜單欄和按鈕這樣的元素，因?yàn)檫吔鞘蔷薮蟮哪繕?biāo)，它們無(wú)限高或無(wú)限寬，你不可能用鼠標(biāo)超過(guò)它們。即不管你移動(dòng)了多遠(yuǎn)，鼠標(biāo)最終會(huì)停在屏幕的邊緣，并定位到按鈕或菜單的上面。
為什麼chrome比IE用起來(lái)順手？其實(shí)也和費(fèi)茲定律有關(guān)，chrome視窗最大化后，其各分頁(yè)tab是在邊界，鼠標(biāo)可以迅速上移至頂部邊界。而IE上方為視窗的Title Bar，往下一層才是tab，所以鼠標(biāo)要移動(dòng)位置才能點(diǎn)擊到，較為花費(fèi)心力。
二、希克定律（Hick’s Law）
席克定律的核心意義：人在面臨選擇越多的時(shí)候，所需要作出選擇的時(shí)間就越長(zhǎng)。
簡(jiǎn)單來(lái)說(shuō)就是當(dāng)選項(xiàng)增加時(shí)，做決定的時(shí)間就會(huì)增加。
?？硕啥鄳?yīng)用于軟件或網(wǎng)站界面的菜單設(shè)計(jì)中，在移動(dòng)設(shè)備中也很適用。
我們?cè)诓藛螜诘脑O(shè)計(jì)過(guò)程中，可以對(duì)選項(xiàng)進(jìn)行同類分組和多層級(jí)分布，這樣用戶的使用效率會(huì)更高，所用時(shí)間會(huì)更短。下圖圖左對(duì)地域進(jìn)行分類分組，試想一下若是把所有城市依次排開，不按熱門與首字母來(lái)分類，把所有城市名稱全鋪展在界面上，用戶可能在選擇地區(qū)時(shí)要花費(fèi)2分鐘的時(shí)間。圖右是電商平臺(tái)，對(duì)商品類別進(jìn)行分類，用戶可以根據(jù)分類定位到自己要賣的商品，省去很多查找時(shí)間。
還有一個(gè)很直觀的例子是電視機(jī)遙控器。在智能電視還沒(méi)有普及的時(shí)代，電視遙控器可能有50多個(gè)按鈕，說(shuō)明書可能都需要看好一會(huì)。而現(xiàn)在只需要10個(gè)按鈕，也不需要再去翻看遙控器說(shuō)明書即可上手使用。
三、7±2?法則
1956 年喬治米勒對(duì)短時(shí)記憶能力進(jìn)行了定量研究，他發(fā)現(xiàn)人類頭腦最好的狀態(tài)能記憶含有7（±2）項(xiàng)信息塊，在記憶了 5-9 項(xiàng)信息后人類的頭腦就開始出錯(cuò)。與席克定律類似，神奇數(shù)字 7±2 法則也經(jīng)常被應(yīng)用在移動(dòng)應(yīng)用交互設(shè)計(jì)上，如應(yīng)用的選項(xiàng)卡不會(huì)超過(guò) 5 個(gè)。
在生活中我們經(jīng)常會(huì)把一長(zhǎng)串的數(shù)字分成7個(gè)左右的數(shù)組來(lái)記憶，這樣會(huì)使難度降低很多，米勒稱這種單位為“組塊”。
這一定律我們可以應(yīng)用到設(shè)計(jì)中的有：
1.導(dǎo)航和選項(xiàng)卡最多不超過(guò)9個(gè)。
2.如果導(dǎo)航和選項(xiàng)卡內(nèi)容很多，可以用一個(gè)層級(jí)結(jié)構(gòu)來(lái)展示各段及其子段，并注意其深廣度的平衡。
3.把大段整塊的信息分隔成小段，并顯著標(biāo)記每個(gè)信息段和子段，以便清晰確認(rèn)各自的內(nèi)容。
四、接近法則（The Law Of?Proximity）
接近法則是感知組織格式塔法的一部分，它指出彼此接近或接近的物體往往被組合在一起。換句話說(shuō)，我們的大腦可以很容易地將物體彼此靠近地關(guān)聯(lián)起來(lái)，比分開很遠(yuǎn)的物體更好。這種聚類的發(fā)生是因?yàn)槿祟惥哂薪M織和組合事物的自然傾向。 從另一個(gè)角度說(shuō)，此相關(guān)的物體應(yīng)當(dāng)靠近，歸組到一起。
例如微信的發(fā)現(xiàn)頁(yè)面，我們第一印象就是相互靠近就是同類型的一組功能。
五、防錯(cuò)原則
防錯(cuò)原則認(rèn)為大部分的意外都是由設(shè)計(jì)的疏忽，而不是人為操作疏忽。因此，在設(shè)計(jì)中要有必要的防錯(cuò)機(jī)制。在此，特別要注意在用戶操作具有毀滅性效果的功能時(shí)要有提示，防止用戶犯不可挽回的錯(cuò)誤。
在界面中經(jīng)常能看到類似的例子，如條件未滿足時(shí)，按鈕不可點(diǎn)擊。
表單輸入有誤時(shí)，提醒用戶輸入正確的文本信息。
六、復(fù)雜性守恒定律/泰思勒定律（Tesler’s Law ）
特斯勒定律，又稱復(fù)雜性守恒定律，指出每一個(gè)應(yīng)用程序具有無(wú)法被轉(zhuǎn)移或者隱匿的復(fù)雜固有量。相反，它必須在產(chǎn)品開發(fā)或用戶交互中處理。這就提出了誰(shuí)應(yīng)該解決復(fù)雜性的問(wèn)題。例如，軟件開發(fā)人員是否應(yīng)該增加軟件代碼的復(fù)雜性，以使用戶更簡(jiǎn)單，或者用戶應(yīng)該處理復(fù)雜的界面，以便軟件代碼可以簡(jiǎn)單。——《維基百科》
該定律認(rèn)為每一個(gè)過(guò)程都有其固有的復(fù)雜性，存在一個(gè)臨界點(diǎn)，超過(guò)了這個(gè)點(diǎn)過(guò)程就不能再簡(jiǎn)化了，你只能將固有的復(fù)雜性從一個(gè)地方移動(dòng)到另外一個(gè)地方。比如我們?nèi)绻l(fā)現(xiàn)頁(yè)面的功能是必須的，但當(dāng)前的頁(yè)面信息過(guò)載，那么就需要將次要的功能收起或者轉(zhuǎn)移。
例如蘋果的 Mac book 從以前的7個(gè)功能9個(gè)插口，到現(xiàn)在僅有的5個(gè)插口。
七、簡(jiǎn)單有效原理/奧卡姆剃刀原理（Occam’s Razor ）
Occam的剃刀（ 拉丁文：lex parsimoniae 「 簡(jiǎn)約法則 」）是一種解決問(wèn)題的原則，最簡(jiǎn)單的解決方案往往是正確的解決方案。當(dāng)提出相互競(jìng)爭(zhēng)的假設(shè)來(lái)解決問(wèn)題時(shí)，應(yīng)該選擇具有最少假設(shè)的解決方案。這個(gè)想法歸功于奧克漢姆的威廉（約1287-1347），他是英國(guó)方濟(jì)各會(huì)修士，學(xué)者哲學(xué)家和神學(xué)家。————《維基百科》
通俗點(diǎn)理解為“不要浪費(fèi)較多東西去做用較少的東西同樣可以做好的事情?！被蛘弑硎鰹椤霸谄渌麠l件相同的情況下，要求得越少的那個(gè)就越好，越有價(jià)值"。
奧卡姆剃刀原理的啟示:
1）不必要的元素會(huì)導(dǎo)致設(shè)計(jì)效率的降低，并且會(huì)增加不可預(yù)期的后果。在設(shè)計(jì)中我們可以去掉不必要的干擾元素，這樣頁(yè)面會(huì)比較純粹、簡(jiǎn)潔。（這一點(diǎn)對(duì)于目前互聯(lián)網(wǎng)產(chǎn)品功能設(shè)計(jì)、篩選、優(yōu)先級(jí)等有一定的指導(dǎo)性意義）
2）幾個(gè)功能相同的設(shè)計(jì)，在都可用的情況下，選擇視覺(jué)干擾較少的設(shè)計(jì)。
可用奧卡姆剃刀原理來(lái)對(duì)多個(gè)功能相等的設(shè)計(jì)進(jìn)行評(píng)價(jià)、選擇。這里功能相等指在相同的衡量標(biāo)準(zhǔn)下設(shè)計(jì)的可比性能。其次在所選擇的設(shè)計(jì)里評(píng)價(jià)每一個(gè)元素。在不損及功能的情況下，去掉盡可能多的元素。最后，在不損及功能的情況下，使余下的元素盡少出現(xiàn)。
如下圖，圖一與圖二均為登錄頁(yè)，圖一在頁(yè)面左半部分增加了公司介紹。但用戶在填寫信息時(shí)很容易被頁(yè)面其他元素干擾，例如圖中的logo、文字描述、優(yōu)勢(shì)介紹等。增加流程以外的內(nèi)容，勢(shì)必會(huì)對(duì)用戶操作進(jìn)行干擾，降低表單填寫效率，并且可能會(huì)導(dǎo)致無(wú)法預(yù)期的后果(用戶關(guān)閉頁(yè)面)。
在功能性頁(yè)面，我們需要知道在這個(gè)頁(yè)面用戶行為是什么。流程內(nèi)的引導(dǎo)盡量弱化于主流程，流程外的內(nèi)容，沒(méi)有必要不要增加。這點(diǎn)Slack與Teambition的轉(zhuǎn)化性頁(yè)面就做的很純粹簡(jiǎn)潔。
希望此篇文章對(duì)你有幫助。
相關(guān)推薦：
給互聯(lián)網(wǎng)設(shè)計(jì)師和設(shè)計(jì)愛(ài)好者的簡(jiǎn)報(bào)分享
17組值得收藏的設(shè)計(jì)規(guī)范&組件庫(kù)下載
國(guó)外設(shè)計(jì)團(tuán)隊(duì)的高頻設(shè)計(jì)工具與協(xié)作工具
交互設(shè)計(jì)原則和理論1——尼爾森十大可用性原則
給初級(jí)UI&UE設(shè)計(jì)師的Sketch資源分享
如何構(gòu)建設(shè)計(jì)語(yǔ)言系統(tǒng)
