設(shè)計(jì)是有原則和方法論的，鑒于網(wǎng)上各種文章和原則比較零碎，這次統(tǒng)一將交互設(shè)計(jì)的方法和理論匯總模狭，不足之處也希望各位能夠提出嫂粟，一起補(bǔ)全读虏。

包括：格式塔心理學(xué)原則、尼爾森可用性原則舌界、尼爾森F視覺模型掘譬、Heuristic Evaluation十原則、費(fèi)茨定律、席克定律擎鸠、7+2法則宴树、2秒原理、2/8法則靴拱、3次點(diǎn)擊法則、界面黃金8法則猾普、jakob nielson原則袜炕、KANO模型、0123簡單法則初家、MVP法則偎窘、嬰兒鴨綜合癥、包豪斯理念溜在、泰思勒定律陌知、防錯(cuò)原則、奧卡姆剃刀原理掖肋、maya法則仆葡、信噪比法則、序列效應(yīng)志笼、功能可見性原則沿盅、成本效益、古騰堡圖表法纫溃、交互易用性五大法則腰涧、馬斯洛需求層次理論...?
部分理論可能意思相近或重復(fù)。

格式塔原則

格式塔心理學(xué)誕生于1912年紊浩，是由德國心理學(xué)家組成的研究小組試圖解釋人類視覺的工作原理南窗。他們觀察了許多重要的視覺現(xiàn)象并對(duì)它們編訂了目錄。其中最基礎(chǔ)的發(fā)現(xiàn)是人類視覺是整體的郎楼，我們的視覺系統(tǒng)自動(dòng)對(duì)視覺輸入構(gòu)建結(jié)構(gòu)万伤，并在神經(jīng)系統(tǒng)層面上感知形狀、圖形和物體呜袁，而不是只看到互不相連的邊敌买、線和區(qū)域〗捉纾“形狀”和“圖形”在德語中是Gestalt,因此這些理論也稱做視覺感知的格式塔原理虹钮。

格式塔原則的原理主要有七種：

接近性原理聋庵；相似性原理；連續(xù)性原理芙粱；封閉性原理祭玉；對(duì)稱性原理；主體/背景原理春畔；共同命運(yùn)原理脱货。

接近性原理:物體之間的相對(duì)距離會(huì)影響我們感知它是否以及如何組織在一起÷梢蹋互相靠近（相對(duì)于其它物體）的物體看起來屬于一組振峻，而那些距離較遠(yuǎn)的則自動(dòng)劃為組外。

相似性原理:

如果其它因素相同择份，那么相似的物體看起來歸屬于一組扣孟。

連續(xù)性原理:

視覺傾向于感知連續(xù)的形式而不是離散的碎片

封閉性原理:

視覺系統(tǒng)自動(dòng)嘗試將敞開的圖形關(guān)閉起來，從而將其感知為完整的物體而不是分散的碎片荣赶。

對(duì)稱性原理:

我們傾向于分解復(fù)雜的場景來降低復(fù)雜度凤价。

主體/背景原理:

我們的大腦將視覺區(qū)域分為主體和背景。主體包括一個(gè)場景中占據(jù)我們主要注意力的所有元素拔创，其余則是背景料仗。

當(dāng)物體重疊時(shí)我們習(xí)慣把小的那個(gè)看成是背景之上的主體。

共同命運(yùn):與接近性伏蚊、相似永生原理相關(guān)，都影響我們感知的物體是否成組格粪。指出一起運(yùn)動(dòng)的物體被感知為屬于一組或者是彼此相關(guān)的躏吊。

下面的數(shù)十個(gè)五邊形中，如果其中的7個(gè)同步的前后擺動(dòng)帐萎，那么雖然它們的距離較遠(yuǎn)比伏，還是會(huì)被感知為一組

同樣間距大小顏色的圖形，那么視覺上會(huì)把一起動(dòng)的圖形分為一組疆导。文件夾拖動(dòng)時(shí)同時(shí)選中的文件夾出現(xiàn)的反白背景及運(yùn)動(dòng)軌跡是共同命運(yùn)原理最直觀的解釋赁项。

尼爾森可用性原則

尼爾森的十大可用性原則是產(chǎn)品設(shè)計(jì)與用戶體驗(yàn)設(shè)計(jì)的重要參考標(biāo)準(zhǔn)，值得深入研究與運(yùn)用澈段。

一悠菜、狀態(tài)可見原則

用戶在網(wǎng)頁上的任何操作，不論是單擊败富、滾動(dòng)還是按下鍵盤悔醋，頁面應(yīng)即時(shí)給出反饋∈薅＃“即時(shí)”是指芬骄，頁面響應(yīng)時(shí)間小于用戶能忍受的等待時(shí)間猾愿。

二、環(huán)境貼切原則

網(wǎng)頁的一切表現(xiàn)和表述账阻，應(yīng)該盡可能貼近用戶所在的環(huán)境（年齡蒂秘、學(xué)歷、文化淘太、時(shí)代背景）姻僧，而不要使用第二世界的語言∏俣《iPhone人機(jī)交互指南》里提到的隱喻與擬物化是很好的實(shí)踐段化。此外，還應(yīng)該使用易懂和約定俗成的表達(dá)造成。

三显熏、撤銷重做原則

為了避免用戶的誤用和誤擊，網(wǎng)頁應(yīng)提供撤銷和重做功能晒屎。

四喘蟆、一致性原則

同一用語、功能鼓鲁、操作保持一致蕴轨。

五、防錯(cuò)原則

通過網(wǎng)頁的設(shè)計(jì)骇吭、重組或特別安排橙弱，防止用戶出錯(cuò)。

六燥狰、易取原則

好記性不如爛筆頭棘脐。盡可能減少用戶回憶負(fù)擔(dān)，把需要記憶的內(nèi)容擺上臺(tái)面龙致。

七蛀缝、靈活高效原則

中級(jí)用戶的數(shù)量遠(yuǎn)高于初級(jí)和高級(jí)用戶數(shù)。為大多數(shù)用戶設(shè)計(jì)目代，不要低估屈梁，也不可輕視，保持靈活高效榛了。

八在讶、易掃原則

互聯(lián)網(wǎng)用戶瀏覽網(wǎng)頁的動(dòng)作不是讀，不是看霜大，而是掃真朗。易掃，意味著突出重點(diǎn)僧诚，弱化和剔除無關(guān)信息遮婶。

九蝗碎、容錯(cuò)原則

幫助用戶從錯(cuò)誤中恢復(fù)，將損失降到最低旗扑。如果無法自動(dòng)挽回蹦骑，則提供詳盡的說明文字和指導(dǎo)方向，而非代碼臀防，比如404眠菇。

十、人性化幫助原則

幫助性提示最好的方式是：1袱衷、無需提示捎废；2、一次性提示致燥；3登疗、常駐提示；4嫌蚤；幫助文檔辐益。

尼爾森F型視覺模型

尼爾森F型視覺模型由 Jakob Nielsen于2006年提出

他指出，我們在第一次觀看頁面時(shí)脱吱，視線會(huì)呈 F的形狀關(guān)注頁面

1.先從頂部開始從左到右水平移動(dòng)

2.目光再下移開始從左到右觀察但是長度會(huì)相對(duì)短些

3.以較短的長度向下掃視智政，形成一個(gè) F形狀，此時(shí)我們的閱讀速度較慢箱蝠，更為系統(tǒng)和條理性

具體如圖

根據(jù)尼爾森F模型续捂，我們可以得出幾個(gè)心理暗示：

用戶快速掃視時(shí)，具體的文字并不重要

多用小標(biāo)題宦搬、短句引起閱讀者注意

將重要的內(nèi)容放在最上邊

NN Group最經(jīng)典的Heuristic Evaluation的十原則

1 Visibility of system status

可視性原則：系統(tǒng)狀態(tài)有反饋牙瓢，等待時(shí)間要合適

e.g. 鍵盤大寫的時(shí)候會(huì)有小綠燈告訴你哦！

2 Match between system and the real world

不要脫離現(xiàn)實(shí) ：使用用戶語言而不是開發(fā)者語言床三，貼近生活實(shí)際而不是學(xué)術(shù)概念

e.g. 惹人厭的404錯(cuò)誤，根本不明白什么意思好嗎杨幼！

3 User Control and Freedom

用戶有自由控制權(quán)：操作失誤可回退

e.g. 啊不小心發(fā)錯(cuò)了撇簿，求撤回！

4 Consistency and Standards

一致性原則：同一事物和同類操作的表示用語要各處保持一致

e.g. 熟悉了一個(gè)Adobe產(chǎn)品差购，其他的我就都會(huì)啦四瘫！

5 Error prevention

有預(yù)防用戶出錯(cuò)的措施：關(guān)鍵操作有確認(rèn)提示，及早消除誤操作

e.g. 哎媽差點(diǎn)刪除錯(cuò)了欲逃！

6 Recognition rather than recall

要在第一時(shí)間讓用戶看到：識(shí)別勝于回憶找蜜，提供必要的信息提示（可視&易取）稳析，減少記憶負(fù)擔(dān)

e.g. 我對(duì)什么感興趣來著洗做？哦哦有選項(xiàng)啊弓叛，那就方便多啦，我對(duì)旅行诚纸、藝術(shù)都很感興趣哦Ｗ辍（pinterest在用戶注冊后詢問用戶preference的時(shí)候直接提供選項(xiàng)，避免強(qiáng)迫用戶回憶畦徘。）

7 Flexibility and efficiency of use

使用起來靈活且高效：為新手和專家設(shè)計(jì)定制化的操作方式毕籽，快捷操作可調(diào)整。

e.g. 我用CAD已經(jīng)是一把好手啦井辆，才懶得去菜單欄里找insert rectangle呢关筒，我就用快捷鍵就行啦！

8Aesthetics and minimalist design

易讀性：減少無關(guān)信息杯缺，體現(xiàn)簡潔美感

e.g. 我用Cash這個(gè)應(yīng)用就是為了打錢的蒸播，不要看到其他信息，我只在乎金額６崴（很多交互設(shè)計(jì)的初學(xué)者都會(huì)容易有一個(gè)誤區(qū)廉赔，就是想把頁面填滿。實(shí)際上匾鸥，你頁面上放什么蜡塌，什么信息要突出，取決于你的用戶需求勿负。避免為了“填滿”界面而放入無關(guān)信息馏艾。）

9 Help users recognize, diagnose and recover from errors

給用戶明確的錯(cuò)誤信息，并協(xié)助用戶方便的從錯(cuò)誤中恢復(fù)工作

e.g. 哎腫么進(jìn)不去了奴愉？哦哦還好琅摩，有人可以幫我/方法可以解決。

10 Help and documentation

必要的幫助提示與說明文檔：無需文檔就能流暢應(yīng)用當(dāng)然更好锭硼，一般地文檔很必要房资，而且也提供便利的檢索功能，面向用戶任務(wù)描述檀头，列出具體實(shí)現(xiàn)步驟轰异，并且不要太冗長。

e.g. 哎怎么從web page導(dǎo)入PDF笆钍肌搭独？搜索一下！哇一步一步的help documentation好清楚袄染怠牙肝！

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ì)、費(fèi)茲定律Fitts’ Law與使用者介面設(shè)計(jì)龄捡、Google Chrome 與 Fitts Law卓嫂、談?wù)?Fitts 定律、費(fèi)茨法則在交互設(shè)計(jì)中的應(yīng)用 （Readlists）

Hick’s Law / 席克定律（掀钢常克法則）

定律內(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è)菜單中做出選擇。

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

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

神奇數(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è)。

?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ì)可能是有問題的链峭。

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ù)雜性。

防錯(cuò)原則:

防錯(cuò)原則認(rèn)為大部分的意外都是由設(shè)計(jì)的疏忽滑燃，而不是人為操作疏忽役听。通過改變設(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)證碼的凛篙，只有兩者都滿足了才可以黍匾。

Occam’s Razor 奧卡姆剃刀原理（簡單有效原理）

這個(gè)原理被稱為“如無必要，勿增實(shí)體”呛梆，即如有兩個(gè)功能相等的設(shè)計(jì)锐涯，那么選擇最簡單的。在極客公開課?走進(jìn) UC 中 UC 瀏覽器產(chǎn)品經(jīng)理蘇劍南在“UC 瀏覽器 For Android 產(chǎn)品設(shè)計(jì)思考”演講中也有講到該原理的應(yīng)用填物，“如果 UC 手機(jī)瀏覽器要發(fā)布第一個(gè)版本 UC 1.0纹腌，你會(huì)選擇哪五個(gè)功能？”

功能可見性

1.在視覺感知上滞磺，某些元素適用于某些功能升薯，這些元素便符合功能可見性。

2.如果設(shè)計(jì)中的元素的功能可見性與人們的感官預(yù)期相符击困，那這種設(shè)計(jì)會(huì)有很高的接納率和使用率涎劈，也被認(rèn)為容易操作广凸。所以在設(shè)計(jì)時(shí)，需要盡可能的符合人們的心理預(yù)期蛛枚，界面設(shè)計(jì)要模擬人們熟悉的物品或環(huán)境谅海，暗示提醒使用者的新系統(tǒng)中的各部件的使用方法和功能。

3.應(yīng)用例子：生活中門和門把手功能抵觸蹦浦，有推的標(biāo)語扭吁，就不要設(shè)計(jì)有門把手∶は猓可以去掉文字提示侥袜，需要推的一面，設(shè)置無把手溉贿，需要拉的一面設(shè)置有把手系馆，這樣，用戶在進(jìn)行“推或拉”的動(dòng)作顽照，根據(jù)門把手的功能可見性由蘑，就可以準(zhǔn)確的操作。再比如電腦屏幕的按鈕設(shè)計(jì)代兵，電腦桌面的垃圾桶圖標(biāo)尼酿、文件夾等等，都是模擬生活中的物品設(shè)計(jì)的植影，符合用戶在生活中的認(rèn)知裳擎，用來提示使用者，這些圖標(biāo)在軟件中的功能思币。

圖示：這些圖標(biāo)設(shè)計(jì)符合生活中的相關(guān)事物鹿响，能夠使軟件功能明顯~

無障礙使用

1.好的設(shè)計(jì)不需要特別調(diào)整或修改就能很好的服務(wù)各種需要的人，此法則適用于所有大眾谷饿。四大要素：易讀性惶我，易操作、簡易性博投、包容性绸贡。

（1）易讀性：不論感官功能差異，都可以理解的設(shè)計(jì)毅哗。

提升易讀性方法：a.多種標(biāo)注方式呈現(xiàn)信息听怕，文字圖像觸覺等；b.輔助性感官設(shè)計(jì) ?c.合理合適的方式呈現(xiàn)操控裝置和操控信息虑绵。

（2）易操作：不論身體狀況如何都可以使用尿瞭。

提升易操作方法：a.最大限度減少使用者重復(fù)操作和不必要的體力消耗 ?b.運(yùn)用完善和簡單的功能指導(dǎo)準(zhǔn)則，使操作裝置容易使用翅睛。 c.輔助人體活動(dòng)声搁，提供方便的操作環(huán)境（殘疾人專用道） d.合理合適的方式呈現(xiàn)操控裝置和操控信息鸣峭。

（3）簡易性：不論經(jīng)驗(yàn)背景、文化程度酥艳、注意力等，都易操控爬骤。

提高簡易性方法：a.減不必要的復(fù)雜裝飾 ?b.采用清楚明了充石，持續(xù)統(tǒng)一的提示符號(hào)和操作信息。 c.循序漸進(jìn)展開說明霞玄、標(biāo)注相關(guān)信息和操作裝置骤铃。d.所有指令應(yīng)該提供清楚的提示和反饋，確保信息簡單易懂坷剧，適合不同文化程度的使用者惰爬。

（4）包容性：操作錯(cuò)誤及導(dǎo)致后果最小化，

提高包容性方法：a.利用健全的功能可見性和可操作性（只標(biāo)注正確的使用方法）預(yù)防錯(cuò)誤惫企。 ?b.利用確認(rèn)與警告預(yù)防錯(cuò)誤（刪除時(shí)：確認(rèn)是否刪除）撕瞧。 ?c.加入設(shè)計(jì)自正性的操作功能和安全網(wǎng)（自我調(diào)整與修正），減輕避免因錯(cuò)誤造成的后果狞尔。

2.應(yīng)用例子：大型電梯比小型電梯功能健全丛版，兩套操作板適用站著與坐著的人，操作板多種符號(hào)（數(shù)字圖像盲點(diǎn)）偏序。

成本效益

1.設(shè)計(jì)中页畦，用來評(píng)估新功能/新元素出現(xiàn)的新增成本的最后財(cái)務(wù)回收狀況。 如果與設(shè)計(jì)的互動(dòng)成本>收益研儒，則是不良設(shè)計(jì)豫缨，反之是優(yōu)秀設(shè)計(jì)。

2.成本效益可以衡量設(shè)計(jì)的品質(zhì)端朵。如：網(wǎng)頁下載的時(shí)間常見說法不超過十秒好芭，但是，接受下載時(shí)間的長短冲呢，更多與網(wǎng)頁提供的效益有關(guān)栓撞，如果網(wǎng)頁具有合理效益，其實(shí)可以抵消超過十秒的下載成本碗硬。所以瓤湘，可以通過改進(jìn)設(shè)計(jì)品質(zhì)來降低互動(dòng)成本（設(shè)計(jì)能夠提供效益）。

3.讓產(chǎn)品繼續(xù)進(jìn)行應(yīng)該效益>=成本恩尾，讓產(chǎn)品更好弛说，應(yīng)該讓效益盡可能的大于成本。應(yīng)該從效益與成本兩個(gè)方面工作：成本限制 或者 效益增加翰意。所以不能僅僅考慮成本限制范圍木人，也應(yīng)該考慮互動(dòng)效益成本信柿。

4.應(yīng)用例子：loading頁設(shè)計(jì)：用成本效益來考慮，為什么loading頁設(shè)計(jì)多樣醒第，不只是因?yàn)椤坝腥ぁ边@么簡單的理由渔嚷，有趣只是用戶的直觀感受。這種設(shè)計(jì)的應(yīng)用實(shí)質(zhì)可以用成本效益解釋，等待的時(shí)間可以當(dāng)做是成本，在技術(shù)無法縮短合理的等待時(shí)間時(shí)譬正，成本就相當(dāng)于無法降低胳泉，那么想要產(chǎn)品更好，需要從效益入手，設(shè)計(jì)可以帶來效益，那么就需要改進(jìn)等待頁的設(shè)計(jì)。所以現(xiàn)在的loading頁途乃、進(jìn)度條、錯(cuò)誤頁等等設(shè)計(jì)都體現(xiàn)能帶來效益的創(chuàng)意互動(dòng)扔傅。

圖示：

8020法則

1.定義：在所有大系統(tǒng)中耍共，高達(dá)80%的效果是由僅占20%的關(guān)鍵因素決定，在實(shí)際操作中發(fā)現(xiàn)猎塞，關(guān)鍵變量占10-30%不等划提。適用范圍普遍，適用互不相關(guān)的事物影響邢享。

2.8020法則有助于資源整合鹏往，可以幫助提升設(shè)計(jì)最大化。比如：客戶用80%的時(shí)間集中于產(chǎn)品20%的功能時(shí)骇塘，那設(shè)計(jì)與檢測應(yīng)該集中于那20%伊履，剩余80%應(yīng)該重新評(píng)估，確認(rèn)他們的價(jià)值款违。設(shè)計(jì)師可以利用此法則唐瀑，對(duì)設(shè)計(jì)中的所有元素進(jìn)行重新評(píng)估，劃定重新設(shè)計(jì)與優(yōu)化的范圍插爹，有效決定優(yōu)勢資源進(jìn)行再設(shè)計(jì)哄辣，80%非關(guān)鍵能減則減，時(shí)間與資源有限時(shí)赠尾，不要試圖改進(jìn)與優(yōu)化那80%力穗。

3.應(yīng)用例子：圖形用戶界面把大部分功能隱藏在功能菜單（降低視覺復(fù)雜性），常用功能難以找到（增加操作復(fù)雜性）气嫁，所以應(yīng)把20%關(guān)鍵功能放在功能菜單中（工具條的使用）当窗。

圖示：在印象筆記這個(gè)軟件里，上層是功能菜單寸宵，在主頁面上方設(shè)有常用功能的工具條崖面，這就是把20%的關(guān)鍵功能擺設(shè)出來元咙，沒有隱藏掉。

前衛(wèi)與親近（MAYA法則）

1.成功的設(shè)計(jì)可以從很多方面界定：功能巫员、美學(xué)角度庶香、適用性等，如果我們從商業(yè)績效也就是銷售量來定義設(shè)計(jì)的成功简识，可以從兩個(gè)變量取得平衡：親切熟悉+獨(dú)一無二赶掖。MAYA法則就是幫助我們找到這兩個(gè)變量的平衡契合點(diǎn)，所以一個(gè)設(shè)計(jì)如果可以結(jié)合讓人感到熟悉+新奇的感受财异，就能夠提升設(shè)計(jì)的成功。此法則應(yīng)用于：面向大眾對(duì)象的產(chǎn)品唱遭，用戶是大眾戳寸，而非專業(yè)設(shè)計(jì)師和藝術(shù)家。

2.用戶喜歡熟悉的東西（曝光效應(yīng)：物品或環(huán)境的吸引力會(huì)隨著曝光次數(shù)的增加而增加）拷泽，也喜歡新奇的設(shè)計(jì)疫鹊。人們對(duì)新奇的關(guān)注與記憶大于典型性。此法則認(rèn)為最理想的做法是：兼顧熟悉性和新奇性司致。 對(duì)用戶來講：最新奇但依舊可辨識(shí)的物品或環(huán)境拆吆，最富美學(xué)吸引力。

3.應(yīng)用例子：設(shè)計(jì)的演變雖然一直有創(chuàng)意新奇的設(shè)計(jì)脂矫，但是都在從前被大眾接受的設(shè)計(jì)漸漸演變而來枣耀，而非完全脫離重新創(chuàng)造，因此新奇的設(shè)計(jì)+過去設(shè)計(jì)的熟悉感庭再，會(huì)使得用戶具有吸引力和接受能力捞奕。圖標(biāo)、界面的演變拄轻。

圖示：IOS不同版本的設(shè)計(jì)元素的對(duì)比颅围，可以看出，雖然新版具有新奇性恨搓，但是仍然可以找到以前版本的熟悉感受院促。

區(qū)域?qū)R

1.該對(duì)齊適用于：元素形狀不一，不對(duì)稱時(shí)斧抱，元素可為圖形或文字元素常拓，如果是元素形式簡單對(duì)稱，就采用邊線對(duì)齊的方式辉浦。

2.對(duì)齊方法：將要對(duì)齊的元素順著中軸線擺放墩邀，讓中軸線兩邊的視覺重心或者面積相等。區(qū)域?qū)R方法無法使邊線對(duì)齊盏浙，如果想同時(shí)邊線對(duì)齊眉睹，只能令元素邊線在邊線內(nèi)或邊線外荔茬。

圖示：可以明顯感受到右邊對(duì)齊效果更好。

信噪比（常用于信息設(shè)計(jì)）

1.同一顯示中竹海，相關(guān)信息與無關(guān)信息的比例就是信噪比慕蔚。在信息的創(chuàng)造、傳達(dá)斋配、接收過程中孔飒，信息的形式會(huì)遞減，無關(guān)信息會(huì)增加艰争。如何使得信噪比高坏瞄，從而達(dá)到優(yōu)秀的設(shè)計(jì)目標(biāo)？可從兩方面看：信號(hào)最大化或噪音最小化甩卓。

2.信號(hào)最大化：清楚的傳達(dá)信息鸠匀，高效率的呈現(xiàn)信息可以使得信號(hào)最大化。簡單的設(shè)計(jì)可以帶來極小的效能負(fù)荷逾柿，讓用戶專注于資料的意義缀棍。比如，沒有用正確的圖表呈現(xiàn)特定資料數(shù)據(jù)机错，基本會(huì)扭曲資料原意爬范，所以正確的設(shè)計(jì)決策非常重要，必要時(shí)應(yīng)進(jìn)行測試弱匪。 還有一種方法青瀑，及時(shí)強(qiáng)調(diào)信息的關(guān)鍵方面，也可以減少信號(hào)遞減的現(xiàn)象萧诫。比如：強(qiáng)調(diào)或備援識(shí)別狱窘，凸顯產(chǎn)品的重要性。

3.噪音最小化：去除或減少不必要的元素财搁，每一個(gè)不必要的數(shù)據(jù)項(xiàng)目蘸炸、圖標(biāo)、線條尖奔、圖案搭儒，都會(huì)讓用戶從重要元素上分心。每個(gè)設(shè)計(jì)元素的使用應(yīng)該適當(dāng)提茁，一旦過多就是噪音淹禾。

4.應(yīng)用：圖表、表格設(shè)計(jì)的演變茴扁。

圖示：左側(cè)的圖表無關(guān)信息元素比較多铃岔，圖示的圖案多樣，表格的邊框又粗又重，這會(huì)使得“噪音”增加毁习。右側(cè)是優(yōu)化后的圖表智嚷，減去了無關(guān)信息，用清楚明了的圖示表示資料內(nèi)容纺且。

序列效應(yīng)

1.在列舉信息時(shí)盏道，排在最前和最后的元素，比排在中間的更容易讓人記住载碌。

2.對(duì)排在開頭的信息產(chǎn)生加強(qiáng)的回想效果猜嘱，稱為：初始效應(yīng)，人們有時(shí)候會(huì)把最前面的信息儲(chǔ)存在長期記憶中嫁艇。排在結(jié)尾的信息產(chǎn)生加強(qiáng)的回想效果朗伶，稱為：時(shí)近效應(yīng)。時(shí)近效應(yīng)適用于聽覺刺激步咪。初始效應(yīng)適用于視覺刺激论皆。

3.在列舉信息元素時(shí)，如果列舉信息屬于視覺性歧斟，那么把重要的信息放在最前面纯丸；如果是聽覺性偏形，就放在最后面静袖。如果是用戶必須做決定，并且是最后一項(xiàng)出現(xiàn)后馬上做決定俊扭，那么就將想要用戶做決定的信息放置最后队橙，以便增加獲選概率，否則放在最前面萨惑。

4. 應(yīng)用例子：比如在很多app產(chǎn)品設(shè)計(jì)時(shí)捐康，個(gè)人賬戶與設(shè)置基本放在頁面的最前面和最后面，這體現(xiàn)著產(chǎn)品信息的序列關(guān)系庸蔼，重要次序解总，所以在進(jìn)行設(shè)計(jì)時(shí)，可以在信息排序上遵循序列效應(yīng)姐仅。 當(dāng)然還有一些產(chǎn)品想對(duì)用戶進(jìn)行引導(dǎo)操作花枫，也可以利用這個(gè)法則，將信息放置最前或最后掏膏。

圖示：

古騰堡圖表法

古騰堡圖表法又稱 Diagonal Balance(對(duì)角線平衡的和諧狀態(tài)）劳翰，設(shè)計(jì)理念緣自 Johannes Gutenburg（歐洲活字印刷術(shù)的發(fā)明者）應(yīng)用于印刷的古騰堡圖表。它指出：

人們在瀏覽頁面或布局時(shí)視線趨于從左上角移動(dòng)到右下角,具體如圖

古騰堡圖表法說明我們觀看頁面的視線并不是鏡面對(duì)稱的馒疹，我們需要在設(shè)計(jì)中避免出現(xiàn)此類錯(cuò)誤但絕不是墨守成規(guī)佳簸，將頁面的 Logo放置在左上角而主體向右下角延伸，左下和右上作為視覺的盲點(diǎn)可以添加輔助元素

2秒鐘法則——用戶在使用某類系統(tǒng)時(shí)的等待反映不應(yīng)該超過2秒颖变。

3次點(diǎn)擊法則——用戶在3次點(diǎn)擊之內(nèi)如果還沒有找到他們想要的信息或了解產(chǎn)品/網(wǎng)站的特色生均，他們就會(huì)離開听想。

2/8法則——80%的結(jié)果由20%的原因產(chǎn)生 。

界面8黃金法則：

1）努力做到連貫疯特；

例如網(wǎng)站首頁需要和每一個(gè)下級(jí)頁面保持一致的風(fēng)格哗魂，導(dǎo)航都要放在屏幕的左上角，具有高度一致性的界面能給人清晰整潔的感覺漓雅。

2）允許頻繁使用系統(tǒng)的用戶使用快捷方式录别；

快捷鍵表示產(chǎn)品使用的靈活性和有效性，想想每次我們使用搜索引擎的時(shí)候是鼠標(biāo)點(diǎn)擊的搜索還是按的回車邻吞？

3）提供信息反饋组题；

出現(xiàn)錯(cuò)誤時(shí)要明確說出錯(cuò)誤的含義，而且需要考慮用戶能否理解抱冷，比如我們基本上都遇到過HTTP404錯(cuò)誤崔列，但絕大多數(shù)人能看懂么？

4）為關(guān)閉這一動(dòng)作設(shè)計(jì)對(duì)話框旺遮；

要在用戶完成某項(xiàng)任務(wù)或操作后進(jìn)行提示赵讯。如果他們在做了很多操作后卻得不到反饋，他們就無法知道自己是否達(dá)成目標(biāo)耿眉。

5）提供簡單的設(shè)計(jì)處理边翼；

例如把某些當(dāng)前不能點(diǎn)擊的按鈕設(shè)置為灰色，在系統(tǒng)執(zhí)行時(shí)讓用戶在確認(rèn)一下

6）應(yīng)該方便用戶取消某個(gè)操作鸣剪；

大多數(shù)的應(yīng)用軟件都有撤銷和恢復(fù)的功能组底，如果用戶總是懼怕一失足成千古恨，那樣的用戶體驗(yàn)可想而知

7）用戶應(yīng)掌握控制權(quán)筐骇；

一般而言用戶希望自己去控制系統(tǒng)交互债鸡，在執(zhí)行任務(wù)中，用戶應(yīng)該可以隨時(shí)中止或退出铛纬，而不是無奈的看著系統(tǒng)繼續(xù)

8）降低短期記憶載荷厌均；

我們應(yīng)該盡可能幫助用戶避免要求他們記住各種信息，例如各個(gè)菜單項(xiàng)之間的邏輯關(guān)聯(lián)告唆，更好的分類就會(huì)幫助用戶找出哪個(gè)功能按鈕在什么地方棺弊。

Jakob Nielsen的10條可用性原則：

1）系統(tǒng)狀態(tài)的可見性——讓用戶知道系統(tǒng)在做什么；

2）系統(tǒng)和現(xiàn)實(shí)世界的匹配——系統(tǒng)必須使用用戶的語言悔详；

3）用戶控制和自由——“緊急出口”來離開非預(yù)期的狀態(tài)镊屎，支持撤銷和重做；

4）一致性和標(biāo)準(zhǔn)——遵循平臺(tái)規(guī)范茄螃；

5）錯(cuò)誤預(yù)防——要么避免容易發(fā)生錯(cuò)誤的情況缝驳，要么檢查并在實(shí)際動(dòng)作前確認(rèn)選項(xiàng)提示用戶；

6）識(shí)別而不是回憶——將對(duì)象、動(dòng)作和選項(xiàng)可視化以減少用戶的記憶壓力用狱；

7）使用的靈活性和效率——用戶可以定制經(jīng)常使用的動(dòng)作运怖；

8）美學(xué)和最小設(shè)計(jì)——對(duì)話框不能包含無關(guān)或者幾乎不需要的信息；

9）幫助用戶認(rèn)識(shí)夏伊、診斷錯(cuò)誤并恢復(fù)——錯(cuò)誤消息必須通過普通語言表達(dá)（不包含代碼）摇展、準(zhǔn)確指出問題并積極提示解決方法；

10）幫助和文檔——容易搜索溺忧、關(guān)注用戶任務(wù)并列出需要執(zhí)行的具體步驟咏连，而不是大而全的說明。

KANO模型：

1）魅力因素——提供用戶想不到的需求會(huì)很大的提升用戶滿意度鲁森，不提供則滿意度不變祟滴；

2）期望因素——提供期望需求則滿意度會(huì)上升，不提供則會(huì)下降歌溉；

3）必備因素——優(yōu)化此需求用戶滿意度不變垄懂，不優(yōu)化則滿意度大幅下降；

4）無差異因素——用戶根本不在意的功能需求痛垛；

5）反向因素——無此需求滿意度不變草慧，有次需求則滿意度下降。

包豪斯運(yùn)動(dòng)——形式追隨功能匙头，去除干擾和裝飾漫谷。

Skeumorphic設(shè)計(jì)理念——花費(fèi)很大的力氣來指向或模仿真實(shí)世界的功能。

嬰兒鴨綜合癥——用戶習(xí)慣了以前的設(shè)計(jì)乾胶，對(duì)新的產(chǎn)品架構(gòu)感到不舒服抖剿，他們必須找到自己的方式來使用產(chǎn)品朽寞。

自我參照效應(yīng)——與我們個(gè)人觀念相聯(lián)系的事物要比那些和我們沒有直接聯(lián)系的事物記得更清楚识窿。

0123簡單法則——無需說明書，一看就會(huì)脑融，兩秒等待時(shí)間喻频，三步以內(nèi)的操作。

MVP法則（最簡化可實(shí)行產(chǎn)品法則）——一開始就拿產(chǎn)品來接觸用戶肘迎，從很早就根據(jù)用戶的回饋來改進(jìn)你的產(chǎn)品甥温。

麥肯錫金字塔方法——任何事情都能歸納出一個(gè)中心點(diǎn)，而從中心論點(diǎn)可以由數(shù)個(gè)一級(jí)論據(jù)支撐妓布，而這些一級(jí)論據(jù)也可以被數(shù)個(gè)二級(jí)論據(jù)支撐姻蚓，如此衍生，狀如金字塔匣沼。

人機(jī)交互五大原則：

1）可學(xué)習(xí)性

2）效率

3）可記憶性

4）不易犯錯(cuò)

5）滿意度

認(rèn)知心理學(xué)是一個(gè)呈現(xiàn)心理過程的狀態(tài)

心流理論：

人們?nèi)硇耐度肽臣轮械囊环N心理狀態(tài)狰挡、沉浸在忘我的境界中

1.引導(dǎo)用戶達(dá)到目標(biāo)（提示下一步，完成目標(biāo)）

2.時(shí)刻明確當(dāng)前狀態(tài)（導(dǎo)航、轉(zhuǎn)場動(dòng)畫加叁、狀態(tài)界面倦沧、認(rèn)知心理學(xué)隱喻法）

3.可行性的設(shè)計(jì)（使用過程中可自主性操作、有可逆性）

4.防呆性設(shè)計(jì)（防止錯(cuò)誤發(fā)生它匕、限制操作展融、預(yù)見錯(cuò)誤、跳出空白）

5.站在消費(fèi)者心理而設(shè)計(jì)

（1）炫耀心理

（2）趨近心理

（3）占便宜心態(tài)

（4）有后悔心理

（5）價(jià)位心理

色彩心理

1.顏色常恒性

2.顏色的錯(cuò)覺

3.色彩的感知性

不超過三種色相的搭配

明快的顏色和明暗的色彩搭配能使畫面更有層次感和朝氣

主色決定了品牌方向

運(yùn)用相似性來進(jìn)行色彩呼應(yīng)豫柬，畫面更有節(jié)奏感和舒適性

運(yùn)用顏色漸變穿插告希，讓界面平衡在一個(gè)頻率上

馬斯洛需求層次理論：