交互設(shè)計(jì)的七大定律

時(shí)間：2022-05-29 12:45:02 | 來源：網(wǎng)絡(luò)營銷

時(shí)間：2022-05-29 12:45:02 來源：網(wǎng)絡(luò)營銷

交互設(shè)計(jì)是一種目標(biāo)導(dǎo)向設(shè)計(jì)，所有的工作內(nèi)容都是在圍繞著用戶行為去設(shè)計(jì)的，交互設(shè)計(jì)師通過設(shè)計(jì)用戶的行為，讓用戶更方便更有效率的去完成產(chǎn)品業(yè)務(wù)目標(biāo)，獲得愉快的用戶體驗(yàn)。

作為交互設(shè)計(jì)之父的阿蘭·庫珀最為人熟知的或許就是這句“除非有更好的選擇，否則就遵從標(biāo)準(zhǔn)”了，在交互設(shè)計(jì)領(lǐng)域有很多經(jīng)過了時(shí)間的驗(yàn)證的法則定律被認(rèn)作了標(biāo)準(zhǔn)，那么你知道交互設(shè)計(jì)的定律都有哪些嗎？

1、Fitts’ Law / 菲茨定律(費(fèi)茨法則)

定律內(nèi)容：從一個(gè)起始位置移動(dòng)到一個(gè)最終目標(biāo)所需的時(shí)間由兩個(gè)參數(shù)來決定，到目標(biāo)的距離和目標(biāo)的大小(上圖中的D與W)，用數(shù)學(xué)公式表達(dá)為時(shí)間T = a + b log2(D/W+1)。

它是1954年保羅.菲茨首先提出來的，用來預(yù)測從任意一點(diǎn)到目標(biāo)中心位置所需時(shí)間的數(shù)學(xué)模型，在人機(jī)交互(HCI)和設(shè)計(jì)領(lǐng)域的影響卻最為廣泛和深遠(yuǎn)，新的Windows 8中由開始菜單到開始屏幕的轉(zhuǎn)變背后也可以看作是該定律的應(yīng)用。

菲茨定律的啟示：按鈕等可點(diǎn)擊對(duì)象需要合理的大小尺寸。

屏幕的邊和角很適合放置像菜單欄和按鈕這樣的元素，因?yàn)檫吔鞘蔷薮蟮哪繕?biāo)，它們無限高或無限寬，你不可能用鼠標(biāo)超過它們，即不管你移動(dòng)了多遠(yuǎn)，鼠標(biāo)最終會(huì)停在屏幕的邊緣，并定位到按鈕或菜單的上面。

出現(xiàn)在用戶正在操作的對(duì)象旁邊的控制菜單(右鍵菜單)比下拉菜單或工具欄可以被打開得更快，因?yàn)椴恍枰苿?dòng)到屏幕的其他位置。

擴(kuò)展閱讀：Windows設(shè)計(jì)規(guī)范中的鼠標(biāo)交互、菲茨定律與互聯(lián)網(wǎng)設(shè)計(jì)、僂?定律Fitts’ Law陪使用者介面韻?、Google Chrome 與 Fitts Law、談?wù)?Fitts 定律、費(fèi)茨法則在交互設(shè)計(jì)中的應(yīng)用 (Readlists)。

2、Hick’s Law / 席克定律(?？朔▌t)

定律內(nèi)容：一個(gè)人面臨的選擇(n)越多，所需要作出決定的時(shí)間(T)就越長，用數(shù)學(xué)公式表達(dá)為反應(yīng)時(shí)間T=a+b log2(n)，在人機(jī)交互中界面中選項(xiàng)越多，意味著用戶做出決定的時(shí)間越長，例如比起2個(gè)菜單，每個(gè)菜單有5項(xiàng)，用戶會(huì)更快得從有10項(xiàng)的1個(gè)菜單中做出選擇（這個(gè)與防呆設(shè)計(jì)有點(diǎn)相似，具體可查看億企邦《基于交互體驗(yàn)的防呆設(shè)計(jì)應(yīng)用與策略》的相關(guān)介紹）。

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

擴(kuò)展閱讀：席克法?、談?wù)凥ick定律(Readlists)

3、神奇數(shù)字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ì)超過5個(gè)。

4、The Law Of Proximity接近法則

根據(jù)格式塔(Gestalt)心理學(xué)：當(dāng)對(duì)象離得太近的時(shí)候，意識(shí)會(huì)認(rèn)為它們是相關(guān)的，在交互設(shè)計(jì)中表現(xiàn)為一個(gè)提交按鈕會(huì)緊挨著一個(gè)文本框，因此，當(dāng)相互靠近的功能塊是不相關(guān)的話，就說明交互設(shè)計(jì)可能是有問題的。

5、Tesler’s Law 泰思勒定律(復(fù)雜性守恒定律)

該定律認(rèn)為每一個(gè)過程都有其固有的復(fù)雜性，存在一個(gè)臨界點(diǎn)，超過了這個(gè)點(diǎn)過程就不能再簡化了，你只能將固有的復(fù)雜性從一個(gè)地方移動(dòng)到另外一個(gè)地方，如對(duì)于郵箱的設(shè)計(jì)，收件人地址是不能再簡化的，而對(duì)于發(fā)件人卻可以通過客戶端的集成來轉(zhuǎn)移它的復(fù)雜性。

6、新鄉(xiāng)重夫：防錯(cuò)原則

放錯(cuò)原則認(rèn)為大部分的意外都是由設(shè)計(jì)的疏忽，而不是人為操作疏忽，通過改變?cè)O(shè)計(jì)可以把過失降到最低，該原則最初是用于工業(yè)管理的，但在交互設(shè)計(jì)也十分適用，如在硬件設(shè)計(jì)上的USB插槽，而在界面交互設(shè)計(jì)中也是可以經(jīng)?？吹?，如當(dāng)使用條件沒有滿足時(shí)，常常通過使功能失效來表示(一般按鈕會(huì)變?yōu)榛疑珶o法點(diǎn)擊)，以避免勿按。

如上圖所示，極客公園的評(píng)論功能快，在留言框沒有內(nèi)容或郵箱格式不正確的時(shí)候是無法獲取驗(yàn)證碼的，只有兩者都滿足了才可以。

7、Occam’s Razor奧卡姆剃刀原理(簡單有效原理)

這個(gè)原理被稱為“如無必要，勿增實(shí)體”，即如有兩個(gè)功能相等的設(shè)計(jì)，那么選擇最簡單的（之前，我也曾在億企邦《交互設(shè)計(jì)案例：產(chǎn)品結(jié)構(gòu)化繁為簡的設(shè)計(jì)理念》一文中跟大家做過介紹）。

為了遵守神奇的數(shù)字7法則本篇就只介紹到這里了，如果你還有興趣自己去找找其他的定律法則，如與費(fèi)茨定律接近的Steering Law轉(zhuǎn)向定律、Gutenberg Diagram古登堡圖法則以及雷打不動(dòng)到哪、哪適用的帕累托定律(80/20原則)、三等分原則等。

最后想說的是雖然這些法則定律被很多人認(rèn)定為標(biāo)準(zhǔn)，很多人也記得Alan Cooper說過的那句名言，但從實(shí)際出發(fā)這些法則定了起到的只是參考或啟發(fā)作為，作為交互設(shè)計(jì)人員千萬不能照本宣科，因?yàn)橹挥杏H自做過后才會(huì)深有體會(huì)。

億企邦點(diǎn)評(píng)：

交互設(shè)計(jì)是一種如何讓產(chǎn)品易用，有效而讓人愉悅的技術(shù)，它致力于了解目標(biāo)用戶和他們的期望，了解用戶在同產(chǎn)品交互時(shí)彼此的行為，了解“人”本身的心理和行為特點(diǎn)，同時(shí)，還包括了解各種有效的交互方式，并對(duì)它們進(jìn)行增強(qiáng)和擴(kuò)充。