菲茨定律（Fitts’ Law）

從一個起始位置移動到一個最終目標(biāo)所需的時間由兩個參數(shù)來決定，到目標(biāo)的距離和目標(biāo)的大?。ㄉ蠄D中的 D與 W），用數(shù)學(xué)公式表達(dá)為時間 T = a + b log2(D/W+1)。

菲茨定律的啟示：

1）按鈕等可點擊對象需要合理的大小尺寸。
2）屏幕的邊和角很適合放置像菜單欄和按鈕這樣的元素，因為邊角是巨大的目標(biāo)，它們無限高或無限寬，你不可能用鼠標(biāo)超過它們。即不管你移動了多遠(yuǎn)，鼠標(biāo)最終會停在屏幕的邊緣，并定位到按鈕或菜單的上面。
3）出現(xiàn)在用戶正在操作的對象旁邊的控制菜單（右鍵菜單）比下拉菜單或工具欄可以被打開得更快，因為不需要移動到屏幕的其他位置。

席克定律（Hick’s Law）

一個人面臨的選擇（n）越多，所需要作出決定的時間（T）就越長。用數(shù)學(xué)公式表達(dá)為反應(yīng)時間 T=a+b log2（n）。在人機交互中界面中選項越多，意味著用戶做出決定的時間越長。例如比起 2 個菜單，每個菜單有 5 項，用戶會更快得從有 10 項的 1 個菜單中做出選擇。

席克定律多應(yīng)用于軟件/網(wǎng)站界面的菜單及子菜單的設(shè)計中，在移動設(shè)備中也比較適用。

作為交互設(shè)計師而言，切記不要僅僅憑借交互定律就去評判一個產(chǎn)品的好壞。所有的規(guī)則，都僅僅是供你參考，具體到了產(chǎn)品的設(shè)計上，我們要關(guān)注的點還有很多。比如，產(chǎn)品承載的功能是集成行的，還是垂直型的。比如，產(chǎn)品是工具類的，還是社交類的。這些因素都會影響到產(chǎn)品的設(shè)計。

神奇數(shù)字 7±2 法則

一般人的短時記憶容量約為7個加減2個，即5--9之間?？梢岳斫鉃?加減2個組塊。

為了更好的理解這個法則，我們先做一個小游戲

請讀一遍下面的一行隨機數(shù)字：

71863421945284

然后移開眼睛回憶一下，看看你還記得幾個?，F(xiàn)在再讀一遍下面的隨機字母：

HJMROSFLBTW

然后再用上述相同的方法來測試一下自己的記憶。
看看結(jié)論是不是這樣：假如你的短時記憶像一般人那樣,你可能會回憶出5~9個單位,即7±2個，這個有趣的現(xiàn)象就是神奇的7±2效應(yīng)。

設(shè)計案例：

iPhone通訊錄中的號碼顯示

iPhone通訊錄中的手機號碼被分割成”xxx-xxx-xxxx-xxxx“的形式，運用7±2法則的小細(xì)節(jié)設(shè)計，減輕了用戶記憶負(fù)擔(dān)。

相關(guān)設(shè)計應(yīng)用：
1）web導(dǎo)航或選項卡盡量不要超過9個，移動應(yīng)用交互設(shè)計上，選項卡不會超過 5 個。
2）如果導(dǎo)航或選項卡內(nèi)容很多，可以用一個層級結(jié)構(gòu)來展示各段及其子段，并注意其深廣度的平衡。
3）把大塊整段的信息分割成各個小段，并顯著標(biāo)記每個信息段和子段，以便清晰的確認(rèn)各自的內(nèi)容。

不論信息多少，都可以通過結(jié)構(gòu)化將簡化為符合7±2法則的短信息組塊，這樣當(dāng)用戶查看信息時可以更容易的將注意力放在他們所關(guān)心的信息上，能夠更快的找到他們要找的東西，更容易理解，更容易記憶。

復(fù)雜度守恒定律（Tesler's Law）

根據(jù)復(fù)雜度守恒定律，每個應(yīng)用程序都具有其內(nèi)在的、無法簡化的復(fù)雜度。無論在產(chǎn)品開發(fā)環(huán)節(jié)還是在用戶與產(chǎn)品的交互環(huán)節(jié)，這一固有的復(fù)雜度都無法依照我們的意愿去除，只能設(shè)法調(diào)整、平衡。

如對于郵箱的設(shè)計，收件人地址是不能再簡化的，而對于發(fā)件人卻可以通過客戶端的集成來轉(zhuǎn)移它的復(fù)雜性。這一觀點主要被應(yīng)用在交互設(shè)計領(lǐng)域。那怎么去調(diào)整和平衡復(fù)雜和簡單呢？

一、什么是簡單？

1、簡單不是最小化。如果不做深入的思考，而妄圖刪減功能或組件，是達(dá)不到簡單的目的的

雙輪汽車要遠(yuǎn)遠(yuǎn)比四輪汽車簡單，但是你平時會開嗎？所以功能的多寡絕對不是判斷簡單的一個標(biāo)準(zhǔn)。一個產(chǎn)品的價值，是看其是否滿足用戶的最高優(yōu)先級目標(biāo)。產(chǎn)品價值的提升，源于對核心功能的優(yōu)化。如果核心功能都沒有做好，就試圖增加新的功能，其實是對產(chǎn)品的損耗。

2、簡單需要細(xì)節(jié)的支撐

增加細(xì)節(jié)往往會給產(chǎn)品帶來復(fù)雜性，那么為什么要強調(diào)細(xì)節(jié)呢？簡單從來不是一蹴而就的，簡單產(chǎn)品的打磨過程往往是：簡單——復(fù)雜——簡單。一個人猜測出地球是圓的與歷經(jīng)邏輯運算得到地球是圓的，這兩者是有很大區(qū)別的。所以真正優(yōu)秀簡單的產(chǎn)品，是歷經(jīng)復(fù)雜的細(xì)節(jié)呈現(xiàn)出來的簡單。如果你現(xiàn)在打開某款app或頁面，形式上確實非常簡單，但是體驗過程卻不順暢。這種情況，就是由于欠缺關(guān)鍵細(xì)節(jié)而導(dǎo)致的。

3、簡單，就是轉(zhuǎn)移復(fù)雜性

泰斯勒定律認(rèn)為，任何應(yīng)用程序都會有一些無法消除的復(fù)雜性，關(guān)鍵的問題在于，誰會面對這些復(fù)雜性。我們上百度、google搜索的時候，感覺很簡單。但是搜索引擎的運行過程極其復(fù)雜，為什么我們感覺不到呢？因為復(fù)雜的這一面已經(jīng)轉(zhuǎn)移到系統(tǒng)了。同樣的道理，為什么手機系統(tǒng)要讓我們自定義app分類文件夾而不是自己設(shè)定一些固有的分類方法？原因也就在于手機系統(tǒng)無法掌控用戶的分類習(xí)慣，所以把復(fù)雜性轉(zhuǎn)移給用戶了。這種轉(zhuǎn)移雖然會給用戶帶來額外的工作，但是大大增強了用戶的控制感，所以是極其合理的一種方式如果我們試圖延伸討論的范圍，你會發(fā)現(xiàn)，從廣袤的宇宙，到一個個微觀的例子，都是極其復(fù)雜的。上帝讓我們只看到簡單的一面，而把復(fù)雜性轉(zhuǎn)移到不同的維度。

4、簡單是發(fā)生在用戶頭腦的

用戶覺得簡單，才是真的簡單。這一點似乎很容易理解，其實卻很難。從IDEO摘自一句話：設(shè)計思維的任務(wù)，是將觀察結(jié)果轉(zhuǎn)化成洞察，再將洞察轉(zhuǎn)化成能改善人們生活的產(chǎn)品和服務(wù).我們通過換位思考建立起洞察力的橋梁，換位思考是通過別人的眼睛來看世界，通過別人的經(jīng)歷來理解世界，通過別人的情緒來感知世界的一種努力.真正的簡單，發(fā)生在用戶頭腦的。

二、明確簡單的意識

通過講故事的方法來建立場景，在實際工作中，各板塊的同事就可以用這樣的故事來約束自己了。比如技術(shù)，現(xiàn)在的代碼質(zhì)量可以讓用戶在極端的時間內(nèi)打開應(yīng)用嗎？設(shè)計：按鈕的設(shè)計突出到可以讓用戶在弱光下快速找到拍照入口嗎？總之，我們需要把一些抽象的體驗形象展示出來，讓大家都能形成清晰的認(rèn)識。還有，用戶的行為，在很大程度上，是受情緒驅(qū)動的。了解用戶的煩惱，用簡約的設(shè)計，迎合用戶的情感需要，是必須認(rèn)真考慮的。

三、怎么做到簡單？

怎么做到簡單，簡約之上一書描述是：刪除、組織、隱藏、轉(zhuǎn)移。

1、刪除
①關(guān)注核心功能:增加價值始于改進(jìn)核心體驗
②砍掉殘缺功能:不完美的功能不如不要
③刪除掉可能對用戶帶來負(fù)擔(dān)的細(xì)節(jié)，如干擾的文字、可有可無的選項
④排定功能優(yōu)先級：產(chǎn)品的價值不是由功能的多寡來決定的，而是看能否滿足用戶的最高優(yōu)先級目標(biāo)
⑤刪除干擾項
⑥選擇聰明的默認(rèn)值，減少用戶選擇
⑦避免視覺混亂，讓用戶保持專注

2、組織
①分塊
②圍繞用戶行為進(jìn)行組織。
③分類需要是非分明，不能摸棱兩可。
④利用搜索：在運用搜索時需要注意，必須先對內(nèi)容有效組織，再考慮設(shè)計搜索
⑤利用不可見的網(wǎng)格，呈現(xiàn)頁面
⑥利用大小、位置、分層、色標(biāo)等進(jìn)行實際組織
⑦關(guān)注用戶的期望路徑，而不是邏輯

3、隱藏
①隱藏不常用但不能少的功能
②漸進(jìn)展示：展示核心功能，隱藏擴(kuò)展功能
④階段展示：隨著用戶深入界面而展示相應(yīng)的功能
⑤適時出現(xiàn)，不打擾用戶。隱藏的目的不是為了藏，而是更好的展示
⑥運用合適的標(biāo)簽告知用戶隱藏的部位
⑦讓功能方便找到，不能藏得找不到

4、轉(zhuǎn)移
①把復(fù)雜性轉(zhuǎn)移給擅長的一方，如用戶、后臺系統(tǒng)、其他設(shè)備
②創(chuàng)造開放式體驗，降低用戶受到的約束

防錯原則

防錯原則認(rèn)為大部分的意外都是由設(shè)計的疏忽，而不是人為操作疏忽。通過改變設(shè)計可以把過失降到最低。該原則最初是用于工業(yè)管理的，但在交互設(shè)計也十分適用。

在界面交互設(shè)計中可以經(jīng)?？吹?，如當(dāng)使用條件沒有滿足時，常常通過使功能失效來表示(一般按鈕會變?yōu)榛疑珶o法點擊)，以避免勿按。

如上圖所示我們的評論功能塊，在留言框沒有內(nèi)容或郵箱格式不正確的時候是無法獲取驗證碼的，只有兩者都滿足了才可以。

這個概念最早出現(xiàn)于上世紀(jì)60年代的汽車制造領(lǐng)域。該領(lǐng)域的工程師新鄉(xiāng)重夫（豐田精益生產(chǎn)專家）創(chuàng)造了這個概念。

例子一：

在Mac里，在刪除帖子功能里就有容錯機制。從后臺刪除一個文件夾一般需要兩步：
1 首先將文件夾移動到廢紙簍
2 在廢紙簍執(zhí)行永久刪除

如果將整個刪除帖子的交互過程拆開，可以看到用戶要經(jīng)過5個預(yù)設(shè)的動作才能完成刪除。
1 鼠標(biāo)懸停在文件夾，以展現(xiàn)操作菜單
2 在操作菜單里點擊“移置廢紙簍”
3 點擊移置廢紙簍鏈接，進(jìn)入廢紙簍界面
4 再次懸停在文件夾，展現(xiàn)廢紙簍的操作菜單
5 點擊“永久刪除”雖然這個刪除過程并不是最快速的方案，因為刪除內(nèi)容被先放到暫存的廢紙簍，但顯然，增加的容錯步驟顯著降低用戶不慎誤刪除一個帖子的機會。

例子二：

要正確連接usb，我們都知道必須用正確的朝向來插入，以保證數(shù)據(jù)正常傳輸。為了避免錯誤的插入方向，插口和插槽都做了設(shè)計，當(dāng)方向錯誤時會擋住。此外作為另一層容錯，在插口正面有一個usb的logo，視覺上提示這一面應(yīng)該被看到（向上）。然而，usb插口并不是完全預(yù)防了錯誤，因為用戶仍然可以嘗試用反方向插入接口，發(fā)現(xiàn)錯誤后，用戶需要自己糾正這個錯誤，重新以正確方向再次連接。

例子三：

apple的lightning數(shù)據(jù)線，作為功能和usb一樣的產(chǎn)品，卻對朝向完全沒有限制。在apple的數(shù)據(jù)線產(chǎn)品里，可以看到，容錯性達(dá)到了“完全消除犯錯的機會”。交互容錯性最大的好處，無疑是體現(xiàn)了對用戶的周全保護(hù)，減少了意外情況造成災(zāi)難后果的機會－－例如不慎刪除了辛苦寫了幾小時的帖子。防錯原則可以歸結(jié)為站在用戶體驗的角度盡可能提高效率：更小的錯誤概率能令用戶更覺得安心，整體上更快完成目標(biāo)，從而提升整個系統(tǒng)的交互設(shè)計層次。

奧卡姆剃刀原理（簡單有效原理）

這個原理被稱為“如無必要，勿增實體”，即如有兩個功能相等的設(shè)計，那么選擇最簡單的。

那么從設(shè)計的角度切入，我們把這個原理進(jìn)行一些具象化：

1）奧卡姆剃刀原理在設(shè)計中的應(yīng)用：
不必要的元素會導(dǎo)致設(shè)計效率的降低，并且會增加不可預(yù)期的后果。在設(shè)計中我們可以去掉不必要的干擾元素，這樣頁面會比較純粹、簡潔。（這一點對于目前互聯(lián)網(wǎng)產(chǎn)品功能設(shè)計、篩選、優(yōu)先級等有一定的指導(dǎo)性意義）

2）用戶設(shè)計評估：
幾個功能相同的設(shè)計，在都可用的情況下，選擇視覺干擾較少的設(shè)計。

可用奧卡姆剃刀原理來對多個功能相等的設(shè)計進(jìn)行評價、選擇。這里功能相等指在相同的衡量標(biāo)準(zhǔn)下設(shè)計的可比性能。其次在所選擇的設(shè)計里評價每一個元素。在不損及功能的情況下，去掉盡可能多的元素。最后，在不損及功能的情況下，使余下的元素盡少出現(xiàn)。

注：奧卡姆剃刀原理并不是只肯定簡單的設(shè)計就是好的，也不是否定一切復(fù)雜含蓄的設(shè)計就是不好的。其核心是：“簡單”設(shè)計，強調(diào)當(dāng)兩種設(shè)計方案都能達(dá)到設(shè)計目的的時候，選擇較為簡單的那個。因為“簡單”設(shè)計比“復(fù)雜”設(shè)計更容易讓人理解，傳達(dá)效果更好，可以以小博大。

相關(guān)案例：

如上圖，在日常的設(shè)計中，經(jīng)常會有產(chǎn)品經(jīng)理這樣說，“你看這邊這么空，我們不如放點引導(dǎo)性的圖文唄”。這時設(shè)計師估計要抓狂了，這簡單的流程為什么要搞這么復(fù)雜。

在功能性頁面設(shè)計過程中，我們需要知道在這個頁面用戶行為是什么？流程內(nèi)的引導(dǎo)盡量弱化于主流程。流程外的內(nèi)容，沒有必要不要增加。這一點其實很重要，簡單的頁面讓用戶一眼就能找到他們自己感興趣的內(nèi)容，讓他們看起來更舒服，更能專心于你要表達(dá)的內(nèi)容上。而復(fù)雜的頁面會讓訪客一時找不到信息的重點，也分散了訪客的注意力。如果我們要用一個頁面來展示產(chǎn)品，采用三豎欄的結(jié)構(gòu)就會顯得很復(fù)雜；若采用兩豎欄來展示，寬的豎欄做圖片展示和性能介紹，窄的做次要的介紹或圖片導(dǎo)航，這樣能帶給訪客更好地閱讀效果，顧客更有耐心閱讀，你所要通過網(wǎng)站表達(dá)的內(nèi)容也就能更好的傳遞到用戶眼前。

運用奧卡姆剃刀原理進(jìn)行網(wǎng)頁設(shè)計，雅虎UED在其《交互設(shè)計原理之奧卡姆剃刀原理》中提到了科學(xué)設(shè)計簡單網(wǎng)頁設(shè)計的方法：

1)只放置必要的東西
簡潔網(wǎng)頁最重要的一個方面是只展示有作用的東西，其他的都沒有。這并不意味著你不能提供給用戶很多的信息，你可以用“更多信息”的鏈接來實現(xiàn)這些。

2)減少點擊次數(shù)
讓你的用戶通過很少的點擊就能找到他們想要的東西，不要讓他們找一個內(nèi)容找得很累。

3)“外婆”規(guī)則
如果你的外婆（其他老點的人）也能輕松的使用你的頁面，你就成功了。

4)減少段落的個數(shù)
每當(dāng)你的網(wǎng)頁增加一段，頁面中主要的內(nèi)容就會被擠到一個更小的空間。那些段落并沒有起到什么好的作用，而是讓顧客們知道更多他們不想了解的東西。

5)給予更少的選項
做過多的決定也是一種壓力，總體來說，用戶希望在瀏覽網(wǎng)頁的時候思考的少一點。我們在展示內(nèi)容的時候要努力減少用戶的思維負(fù)擔(dān)，這樣就會使瀏覽者使用更順暢，心態(tài)更平和。

在這些方面，蘋果的官方網(wǎng)站都做的很好。蘋果公司用一種很有效和非常有禮貌的方式提供了足夠多的信息，所有的文字，鏈接和圖片都很集中，并沒有一些使你分心的廣告和其他商品的不需要的信息。

接近法則（格式塔理論）

一、接近原則簡介

格式塔理論自1912年由韋特海墨（Ｍ，Wetheimer）提出后，在德國得到迅速發(fā)展。由于苛勒（Ｋ，Kohler）和考夫卡（Ｋ，Koffka）的訪美以及他們的著作被翻譯成英文，這種新的理論引起了美國心理學(xué)家的注意。

格式塔理論是心理學(xué)中為數(shù)不多的理性主義理論之一。格式塔學(xué)派以某些相當(dāng)抽象的，與知覺和思維的性質(zhì)及心理經(jīng)驗的結(jié)構(gòu)有關(guān)的觀念解釋了熟悉的觀察資料。

根據(jù)格式塔（Gestalt）心理學(xué)：當(dāng)對象離得太近的時候，意識會認(rèn)為它們是相關(guān)的。

二、接近原則在設(shè)計中的應(yīng)用

將相似的、有關(guān)聯(lián)的信息盡量擺在一起，不要讓用戶迷茫，要他在潛意識里就知道在哪里能找到自己想要的信息。

案例一：比如登錄界面的輸入框與按鈕，我們在使用任何一款 APP 產(chǎn)品的時候都會遇到登錄或者注冊頁面，而且輸入內(nèi)容部分下面一定會有個按鈕，原因就在于輸入內(nèi)容和按鈕本身存在聯(lián)系。因為，輸入內(nèi)容之后需要通過點擊按鈕來提交輸入的內(nèi)容，通常輸入框附近一定會有提交按鈕。

案例二：比如今日頭條及優(yōu)酷視頻信息布局，在今日頭條和優(yōu)酷視頻的信息條目中，我們一眼都能發(fā)現(xiàn)，標(biāo)題和圖片是表示同一類的信息，因為它們是放在一起，具有相關(guān)性。

寫在最后

交互設(shè)計之父阿蘭·庫珀說過這樣一句話：「除非有更好的選擇，否則就遵從標(biāo)準(zhǔn)?！乖诮换ピO(shè)計領(lǐng)域中，有很多被時間和前人驗證過的設(shè)計法則，這些法則是從用戶的行為邏輯中總結(jié)出來的，掌握這些法則能讓我們迅速有效的完成自己的設(shè)計，接下來，筆者通過一些實例來解析下這些原則在設(shè)計中的應(yīng)用。