交互設(shè)計(jì)七大定律：費(fèi)茨定律（Fitts’ Law）俯萌、暇撸克定律（Hick’s Law ）、7±2?法則丸卷、接近法則（The Law Of?Proximity）、防錯原則、復(fù)雜性守恒定律/泰思勒定律（Tesler’s Law ）棋恼、簡單有效原理/奧卡姆剃刀原理（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)榛笠苿又恋蜁r住闯，會停在邊界瓜浸，可視為目標(biāo)物的寬度無限大澳淑，亦即操作速率最快。
費(fèi)茨定律可以簡單理解為：任意一點(diǎn)移動到目標(biāo)中心位置所需時間與該點(diǎn)到目標(biāo)的距離和大小有關(guān)插佛，距離越大時間越長杠巡，目標(biāo)越大時間越短。
菲茨定律的啟示：
1.按鈕可點(diǎn)擊的對象需要合理的尺寸大小雇寇，將用戶越可能想要點(diǎn)擊的按鈕盡量放大氢拥。目標(biāo)越大，越容易點(diǎn)擊或操作谢床；
如100offer與摩拜單車的操作按鈕兄一，按鈕的尺寸大一些會讓用戶知道哪里是需要操作的地方，對用戶來說更直觀易用识腿。
2.讓相關(guān)的操作按鈕兩者更相近出革，這樣不僅在視覺上增強(qiáng)用戶對他們的相關(guān)性認(rèn)知，而且距離越近越容易操作渡讼。
如 Behance 的登錄注冊界面骂束，下圖為例：左圖是登錄按鈕距離填寫賬號密碼的輸入框很近，這樣用戶就很容易操作成箫。右圖我把他們的距離拉大展箱，明顯能感受到登錄按鈕與輸入框割裂得很嚴(yán)重。若用戶想要點(diǎn)擊登錄按鈕還可能需要把鼠標(biāo)移動一大段的距離蹬昌，交互成本變得很高混驰。
3.屏幕的邊和角很適合放置像菜單欄和按鈕這樣的元素，因?yàn)檫吔鞘蔷薮蟮哪繕?biāo)皂贩，它們無限高或無限寬栖榨，你不可能用鼠標(biāo)超過它們。即不管你移動了多遠(yuǎn)明刷，鼠標(biāo)最終會停在屏幕的邊緣婴栽，并定位到按鈕或菜單的上面。
為什麼chrome比IE用起來順手辈末？其實(shí)也和費(fèi)茲定律有關(guān)愚争，chrome視窗最大化后，其各分頁tab是在邊界挤聘，鼠標(biāo)可以迅速上移至頂部邊界轰枝。而IE上方為視窗的Title Bar，往下一層才是tab组去，所以鼠標(biāo)要移動位置才能點(diǎn)擊到狸膏，較為花費(fèi)心力。
二添怔、贤宕粒克定律（Hick’s Law）
席克定律的核心意義：人在面臨選擇越多的時候贤旷，所需要作出選擇的時間就越長。
簡單來說就是當(dāng)選項(xiàng)增加時砾脑，做決定的時間就會增加幼驶。
先鸵拢克定律多應(yīng)用于軟件或網(wǎng)站界面的菜單設(shè)計(jì)中盅藻，在移動設(shè)備中也很適用。
我們在菜單欄的設(shè)計(jì)過程中畅铭，可以對選項(xiàng)進(jìn)行同類分組和多層級分布氏淑，這樣用戶的使用效率會更高，所用時間會更短硕噩。下圖圖左對地域進(jìn)行分類分組假残，試想一下若是把所有城市依次排開，不按熱門與首字母來分類炉擅，把所有城市名稱全鋪展在界面上辉懒，用戶可能在選擇地區(qū)時要花費(fèi)2分鐘的時間。圖右是電商平臺谍失，對商品類別進(jìn)行分類眶俩，用戶可以根據(jù)分類定位到自己要賣的商品，省去很多查找時間快鱼。
還有一個很直觀的例子是電視機(jī)遙控器颠印。在智能電視還沒有普及的時代，電視遙控器可能有50多個按鈕抹竹，說明書可能都需要看好一會线罕。而現(xiàn)在只需要10個按鈕，也不需要再去翻看遙控器說明書即可上手使用柒莉。
三闻坚、7±2?法則
1956 年喬治米勒對短時記憶能力進(jìn)行了定量研究沽翔，他發(fā)現(xiàn)人類頭腦最好的狀態(tài)能記憶含有7（±2）項(xiàng)信息塊兢孝，在記憶了 5-9 項(xiàng)信息后人類的頭腦就開始出錯。與席克定律類似仅偎，神奇數(shù)字 7±2 法則也經(jīng)常被應(yīng)用在移動應(yīng)用交互設(shè)計(jì)上跨蟹，如應(yīng)用的選項(xiàng)卡不會超過 5 個。
在生活中我們經(jīng)常會把一長串的數(shù)字分成7個左右的數(shù)組來記憶橘沥，這樣會使難度降低很多窗轩，米勒稱這種單位為“組塊”。
這一定律我們可以應(yīng)用到設(shè)計(jì)中的有：
1.導(dǎo)航和選項(xiàng)卡最多不超過9個座咆。
2.如果導(dǎo)航和選項(xiàng)卡內(nèi)容很多痢艺，可以用一個層級結(jié)構(gòu)來展示各段及其子段仓洼，并注意其深廣度的平衡。
3.把大段整塊的信息分隔成小段堤舒，并顯著標(biāo)記每個信息段和子段色建，以便清晰確認(rèn)各自的內(nèi)容。
四箕戳、接近法則（The Law Of?Proximity）
接近法則是感知組織格式塔法的一部分，它指出彼此接近或接近的物體往往被組合在一起国撵。換句話說陵吸，我們的大腦可以很容易地將物體彼此靠近地關(guān)聯(lián)起來，比分開很遠(yuǎn)的物體更好介牙。這種聚類的發(fā)生是因?yàn)槿祟惥哂薪M織和組合事物的自然傾向壮虫。 從另一個角度說，此相關(guān)的物體應(yīng)當(dāng)靠近耻瑟，歸組到一起旨指。
例如微信的發(fā)現(xiàn)頁面，我們第一印象就是相互靠近就是同類型的一組功能喳整。
五谆构、防錯原則
防錯原則認(rèn)為大部分的意外都是由設(shè)計(jì)的疏忽，而不是人為操作疏忽框都。因此搬素，在設(shè)計(jì)中要有必要的防錯機(jī)制。在此魏保，特別要注意在用戶操作具有毀滅性效果的功能時要有提示熬尺，防止用戶犯不可挽回的錯誤。
在界面中經(jīng)常能看到類似的例子谓罗，如條件未滿足時粱哼，按鈕不可點(diǎn)擊。
表單輸入有誤時檩咱，提醒用戶輸入正確的文本信息揭措。
六、復(fù)雜性守恒定律/泰思勒定律（Tesler’s Law ）
特斯勒定律刻蚯，又稱復(fù)雜性守恒定律绊含，指出每一個應(yīng)用程序具有無法被轉(zhuǎn)移或者隱匿的復(fù)雜固有量。相反炊汹，它必須在產(chǎn)品開發(fā)或用戶交互中處理躬充。這就提出了誰應(yīng)該解決復(fù)雜性的問題。例如，軟件開發(fā)人員是否應(yīng)該增加軟件代碼的復(fù)雜性充甚，以使用戶更簡單以政，或者用戶應(yīng)該處理復(fù)雜的界面，以便軟件代碼可以簡單伴找∶钫幔——《維基百科》
該定律認(rèn)為每一個過程都有其固有的復(fù)雜性，存在一個臨界點(diǎn)疆瑰，超過了這個點(diǎn)過程就不能再簡化了眉反，你只能將固有的復(fù)雜性從一個地方移動到另外一個地方。比如我們?nèi)绻l(fā)現(xiàn)頁面的功能是必須的穆役，但當(dāng)前的頁面信息過載寸五，那么就需要將次要的功能收起或者轉(zhuǎn)移。
例如蘋果的 Mac book 從以前的7個功能9個插口耿币，到現(xiàn)在僅有的5個插口梳杏。
七、簡單有效原理/奧卡姆剃刀原理（Occam’s Razor ）
Occam的剃刀（ 拉丁文：lex parsimoniae 「 簡約法則 」）是一種解決問題的原則淹接，最簡單的解決方案往往是正確的解決方案十性。當(dāng)提出相互競爭的假設(shè)來解決問題時，應(yīng)該選擇具有最少假設(shè)的解決方案塑悼。這個想法歸功于奧克漢姆的威廉（約1287-1347）劲适，他是英國方濟(jì)各會修士，學(xué)者哲學(xué)家和神學(xué)家厢蒜∠际疲————《維基百科》
通俗點(diǎn)理解為“不要浪費(fèi)較多東西去做用較少的東西同樣可以做好的事情“哐唬”或者表述為“在其他條件相同的情況下愕贡，要求得越少的那個就越好，越有價值"巷屿。
奧卡姆剃刀原理的啟示:
1）不必要的元素會導(dǎo)致設(shè)計(jì)效率的降低固以，并且會增加不可預(yù)期的后果。在設(shè)計(jì)中我們可以去掉不必要的干擾元素嘱巾，這樣頁面會比較純粹憨琳、簡潔。（這一點(diǎn)對于目前互聯(lián)網(wǎng)產(chǎn)品功能設(shè)計(jì)浓冒、篩選栽渴、優(yōu)先級等有一定的指導(dǎo)性意義）
2）幾個功能相同的設(shè)計(jì)尖坤，在都可用的情況下稳懒，選擇視覺干擾較少的設(shè)計(jì)。
可用奧卡姆剃刀原理來對多個功能相等的設(shè)計(jì)進(jìn)行評價、選擇场梆。這里功能相等指在相同的衡量標(biāo)準(zhǔn)下設(shè)計(jì)的可比性能墅冷。其次在所選擇的設(shè)計(jì)里評價每一個元素。在不損及功能的情況下或油，去掉盡可能多的元素寞忿。最后，在不損及功能的情況下顶岸，使余下的元素盡少出現(xiàn)腔彰。
如下圖，圖一與圖二均為登錄頁辖佣，圖一在頁面左半部分增加了公司介紹霹抛。但用戶在填寫信息時很容易被頁面其他元素干擾，例如圖中的logo卷谈、文字描述杯拐、優(yōu)勢介紹等。增加流程以外的內(nèi)容世蔗，勢必會對用戶操作進(jìn)行干擾端逼，降低表單填寫效率，并且可能會導(dǎo)致無法預(yù)期的后果(用戶關(guān)閉頁面)污淋。
在功能性頁面顶滩，我們需要知道在這個頁面用戶行為是什么。流程內(nèi)的引導(dǎo)盡量弱化于主流程寸爆，流程外的內(nèi)容诲祸，沒有必要不要增加。這點(diǎn)Slack與Teambition的轉(zhuǎn)化性頁面就做的很純粹簡潔而昨。
希望此篇文章對你有幫助救氯。
相關(guān)推薦：
給互聯(lián)網(wǎng)設(shè)計(jì)師和設(shè)計(jì)愛好者的簡報(bào)分享
17組值得收藏的設(shè)計(jì)規(guī)范&組件庫下載
國外設(shè)計(jì)團(tuán)隊(duì)的高頻設(shè)計(jì)工具與協(xié)作工具
交互設(shè)計(jì)原則和理論1——尼爾森十大可用性原則
給初級UI&UE設(shè)計(jì)師的Sketch資源分享
如何構(gòu)建設(shè)計(jì)語言系統(tǒng)
