這篇文章也是想把自己整理好的前52條設(shè)計(jì)原則與大家分享，后面的52條還在努力的整理中…希望對(duì)你有用。

前言

對(duì)于設(shè)計(jì)師而言，在設(shè)計(jì)中合理的遵行設(shè)計(jì)一些設(shè)計(jì)原則可以提高工作效率并減少設(shè)計(jì)問(wèn)題和風(fēng)險(xiǎn)。而這些設(shè)計(jì)原則也并不是憑空而來(lái)的，是許多設(shè)計(jì)者、前輩，通過(guò)在設(shè)計(jì)領(lǐng)域內(nèi)多年經(jīng)驗(yàn)，反復(fù)測(cè)試、研究最終總結(jié)出來(lái)的精華。留給設(shè)計(jì)者們借鑒和運(yùn)用，為用戶(hù)創(chuàng)造良好的體驗(yàn)做一份貢獻(xiàn)。

我本人將《交互設(shè)計(jì)精髓4》作為學(xué)習(xí)和實(shí)踐的一本“教材”，在學(xué)習(xí)的過(guò)程中將書(shū)中的精華整理出來(lái)，并增加注釋說(shuō)明。希望可以方便自己進(jìn)行查閱反復(fù)去復(fù)習(xí)，更好運(yùn)用在設(shè)計(jì)中。這篇文章也是想把自己整理好的前52條設(shè)計(jì)原則與大家分享，后面的52條還在努力的整理中…

為了方便大家加深理解或有些不理解的內(nèi)容，方便去書(shū)中查閱，我將原則結(jié)構(gòu)分為以下結(jié)構(gòu)：

話(huà)不多說(shuō)，接下來(lái)大家盡情享用吧！

數(shù)字產(chǎn)品的設(shè)計(jì)過(guò)程

實(shí)現(xiàn)模型和心理模型

設(shè)計(jì)原則1

用戶(hù)界面應(yīng)該基于用戶(hù)心理模型，而不是實(shí)現(xiàn)模型

注釋?zhuān)弘娔X能夠協(xié)助人類(lèi)的一個(gè)重要途徑就是以簡(jiǎn)單、易于理解的方式呈現(xiàn)復(fù)雜的數(shù)據(jù)和操作。因此與用戶(hù)心理模型相符的用戶(hù)界面，要遠(yuǎn)遠(yuǎn)優(yōu)越于僅能反應(yīng)實(shí)現(xiàn)模型的界面

設(shè)計(jì)原則2

目標(biāo)導(dǎo)向的交互設(shè)計(jì)反應(yīng)了用戶(hù)的心理模型

注釋?zhuān)涸O(shè)計(jì)流程把功能的實(shí)現(xiàn)轉(zhuǎn)化為直觀(guān)的、用戶(hù)想要的產(chǎn)品行為，使其符合人們?yōu)閷?shí)現(xiàn)目標(biāo)而完成任務(wù)的心理預(yù)期

目標(biāo)導(dǎo)向

設(shè)計(jì)原則3

交互設(shè)計(jì)部是憑空猜測(cè)

注釋?zhuān)耗繕?biāo)導(dǎo)向設(shè)計(jì)過(guò)程及其為設(shè)計(jì)決策提供的理論基礎(chǔ)，還能保證正在考慮的設(shè)計(jì)不是憑空臆想，也不是某個(gè)突發(fā)奇想的創(chuàng)意，或團(tuán)隊(duì)成員個(gè)人偏好的體現(xiàn)。

為用戶(hù)建模：任務(wù)模型

理解目標(biāo)

設(shè)計(jì)原則4

不要讓用戶(hù)感覺(jué)自己愚笨

注釋?zhuān)航换ピO(shè)計(jì)最重要的指導(dǎo)原則。優(yōu)良的交互設(shè)計(jì)精髓在于設(shè)計(jì)出的交互，既能滿(mǎn)足制造商、服務(wù)提供商或其合作伙伴的目標(biāo)，又能支撐用戶(hù)目標(biāo)。

構(gòu)造人物模型

設(shè)計(jì)原則5

界面設(shè)計(jì)的關(guān)注點(diǎn)在于單位主要人物模型。?

注釋?zhuān)哼x擇主要人物模型是一個(gè)排除的過(guò)程，必須通過(guò)比較人物模型的目的來(lái)測(cè)試每個(gè)人物模型。

設(shè)立愿景：場(chǎng)景和設(shè)計(jì)需求

設(shè)計(jì)需求：交互的“什么”問(wèn)題

設(shè)計(jì)原則6

設(shè)計(jì)產(chǎn)品行為前，首先定義產(chǎn)品會(huì)做什么

注釋?zhuān)涸趧?chuàng)造性領(lǐng)域，首先定義“有什么”的重要性廣為理解。

需求定義的過(guò)程

設(shè)計(jì)原則7

設(shè)計(jì)的早期階段，假定界面是魔法。

注釋?zhuān)寒a(chǎn)品以最少的騷擾完成目標(biāo)，在用戶(hù)看來(lái)幾乎就是魔法。提供魔法是目標(biāo)導(dǎo)向的的行為，而不僅僅是技術(shù)。

設(shè)計(jì)產(chǎn)品：框架和提煉

創(chuàng)建設(shè)計(jì)框架

設(shè)計(jì)原則8

絕對(duì)不要向涉眾展示你不滿(mǎn)意的設(shè)計(jì)方案，那可能是他們喜歡的。

注釋?zhuān)核谐尸F(xiàn)給涉眾的選擇應(yīng)該是合理、合適的。很多時(shí)候，你不希望客戶(hù)或者涉眾去選擇的，卻是他們喜歡的。

設(shè)計(jì)原則9

用戶(hù)體驗(yàn)只有一個(gè)，即形勢(shì)和行為的設(shè)計(jì)必須相互和諧

注釋?zhuān)河脩?hù)體驗(yàn)會(huì)同時(shí)受物理形勢(shì)和產(chǎn)品交互兩方面的影響，因此二者的設(shè)計(jì)必須和諧。

數(shù)字產(chǎn)品的禮儀

設(shè)計(jì)體貼的軟件

設(shè)計(jì)原則10

人來(lái)思考，計(jì)算機(jī)來(lái)干活

注釋?zhuān)豪硐氲娜藱C(jī)分工是很明確的，計(jì)算機(jī)就是用來(lái)做事情的，而人是考慮如何做事情的。

設(shè)計(jì)原則11

軟件應(yīng)該像人一樣體貼

注釋?zhuān)航换ナ侵t讓的、大方的，對(duì)人有幫助的，那么就會(huì)對(duì)用戶(hù)產(chǎn)生長(zhǎng)期的正面影響。

設(shè)計(jì)原則12

如果用戶(hù)愿意操作，就值得程序記住?

注釋?zhuān)喝魏螘r(shí)候，程序出現(xiàn)了一個(gè)選項(xiàng)，尤其是已經(jīng)向用戶(hù)提供了該選項(xiàng)時(shí)，程序都應(yīng)該記住這些信息。程序應(yīng)該直接做出與用戶(hù)上次選擇相同的決定，而不是詢(xún)問(wèn)用戶(hù)。

平臺(tái)和姿態(tài)

產(chǎn)品平臺(tái)

設(shè)計(jì)原則13

技術(shù)平臺(tái)相關(guān)的決定最好能融入交互設(shè)計(jì)的成果

注釋?zhuān)哼@點(diǎn)很重要，如果交互設(shè)計(jì)師完成工作后再做出平臺(tái)選擇，其結(jié)果會(huì)更有效，尤其是相關(guān)的硬件決策。

產(chǎn)品姿態(tài)（獨(dú)占姿態(tài)）

設(shè)計(jì)原則14

全屏幕使用獨(dú)占應(yīng)用程序，讓它發(fā)揮最優(yōu)的效果

注釋?zhuān)憾鄶?shù)情況下，獨(dú)占應(yīng)用程序以最大化方式運(yùn)行。除非用戶(hù)有特殊要求，否則獨(dú)占應(yīng)用程序應(yīng)該默認(rèn)為最大化或者全屏顯示。在屏幕配置的情況下，必須為全屏使用而優(yōu)化，而不能為他少見(jiàn)的情況優(yōu)化。

設(shè)計(jì)原則15

獨(dú)占界面應(yīng)該采用保守的設(shè)計(jì)風(fēng)格

注釋?zhuān)河脩?hù)會(huì)長(zhǎng)時(shí)間盯著獨(dú)占的應(yīng)用程序，所以應(yīng)該考慮弱化視覺(jué)表現(xiàn)上的顏色和紋理。使用小虛點(diǎn)或者加重的顏色比使用大塊顏色更好，那樣會(huì)讓控件組織顯得更緊湊。

設(shè)計(jì)原則16

獨(dú)占式應(yīng)用程序可以使用豐富的輸入方式

注釋?zhuān)簯?yīng)用程序找那個(gè)每個(gè)常用的部分都應(yīng)該可以用多種方式進(jìn)行操作，直接操作、鍵盤(pán)助記符和鍵盤(pán)加速鍵都很合適。

設(shè)計(jì)原則17

在獨(dú)占應(yīng)用程序中讓文檔視圖最大化

注釋?zhuān)涸S多獨(dú)占應(yīng)該程序也是以文檔為中心的，它們主要的功能涉及創(chuàng)建和閱讀包含豐富的數(shù)據(jù)文檔。

產(chǎn)品姿態(tài)（暫時(shí)姿態(tài)）

設(shè)計(jì)原則18

暫時(shí)應(yīng)用程序必須簡(jiǎn)單、清晰并且意思明確

注釋?zhuān)簳簳r(shí)式應(yīng)用程序的顯著特征在于其臨時(shí)性質(zhì)，不會(huì)長(zhǎng)時(shí)間停留在屏幕上，用戶(hù)不會(huì)有機(jī)會(huì)熟悉它們。

設(shè)計(jì)原則19

暫時(shí)式應(yīng)用程序只使用一個(gè)窗口和視圖

注釋?zhuān)航啥鄰棿?；小滾動(dòng)條和細(xì)微的鼠標(biāo)操作不適合使用在暫時(shí)式應(yīng)用程序上，應(yīng)該盡可能少地讓用戶(hù)進(jìn)行精細(xì)化操作。

設(shè)計(jì)原則20

啟動(dòng)暫時(shí)式應(yīng)用時(shí)，它應(yīng)該處于上一次的位置和配置狀態(tài)下

注釋?zhuān)簩?duì)于暫時(shí)式應(yīng)用程序和獨(dú)占應(yīng)用來(lái)說(shuō)，幫助用戶(hù)最好的方式是讓程序具有記憶功能。

產(chǎn)品姿態(tài)（信息亭姿態(tài)）

設(shè)計(jì)原則21

信息亭應(yīng)該針對(duì)首次使用者進(jìn)行優(yōu)化

注釋?zhuān)菏聞?wù)性信息亭一般是一個(gè)屏幕接著一個(gè)屏幕地指引用戶(hù)經(jīng)歷某個(gè)過(guò)程或提供一組信息，因此基于新手情境定位比全球?qū)Ш礁鼮橹匾?/p>

為中級(jí)用戶(hù)優(yōu)化設(shè)計(jì)

為中級(jí)用戶(hù)優(yōu)化設(shè)計(jì)

設(shè)計(jì)原則22

不要將培訓(xùn)工具固定化

注釋?zhuān)捍蠖嘤脩?hù)既非新手又非專(zhuān)家，而是屬于中級(jí)用戶(hù)，換個(gè)角度來(lái)理解用戶(hù)掌握概念和任務(wù)的方式。

設(shè)計(jì)原則23

沒(méi)有人愿意永遠(yuǎn)當(dāng)個(gè)新手

注釋?zhuān)簺](méi)有人會(huì)長(zhǎng)情止步不前，學(xué)習(xí)和提高是令人高興的，新手會(huì)很快成為中級(jí)用戶(hù)或干脆放棄。）

設(shè)計(jì)原則24

為中級(jí)用戶(hù)而優(yōu)化設(shè)計(jì)

注釋?zhuān)禾幱谥虚g狀態(tài)的多數(shù)用戶(hù)都很愿意進(jìn)一步學(xué)習(xí)，經(jīng)常使用產(chǎn)品會(huì)學(xué)到新內(nèi)容長(zhǎng)知識(shí)。或幾個(gè)月沒(méi)用忘記了大量?jī)?nèi)容，需要一些提示才能回到以前的狀態(tài)。

扭轉(zhuǎn)界面

設(shè)計(jì)原則25

為常見(jiàn)的導(dǎo)航調(diào)整界面

注釋?zhuān)恨D(zhuǎn)換界面，意味著界面中的常見(jiàn)導(dǎo)航最少化。實(shí)際操作中，意味著將最經(jīng)常使用的功能和部件放在最直接和便利的位置，不太經(jīng)常使用的深藏起來(lái)，不常用卻很重要的功能安全藏在菜單中，只要在需要的時(shí)候被提取。

付出與回報(bào)要相稱(chēng)

設(shè)計(jì)原則26

用戶(hù)只獲得充分的回報(bào)，才會(huì)付出相應(yīng)的努力

注釋?zhuān)涸趹?yīng)用中添加復(fù)雜的功能，要想讓用戶(hù)忍受復(fù)雜的操作，結(jié)果必須有足夠的吸引力。

設(shè)計(jì)原則27

將用戶(hù)想象成為非常聰明但很忙碌的人。

注釋?zhuān)鹤鳛橐幻换ピO(shè)計(jì)師，最好能想一下用戶(hù)，尤其是新手，非常聰明且忙碌。他們只是需要一些指示，但不是很多，學(xué)習(xí)過(guò)程應(yīng)該快速且富有針對(duì)性。

編配與流

流與透明

設(shè)計(jì)原則28

不論界面多酷，越少越好

注釋?zhuān)簩⒆⒁饬τ∠蠼换ピO(shè)計(jì)本身而不是用戶(hù)目標(biāo)是有失偏額，請(qǐng)記住，終極用戶(hù)界面往往是沒(méi)有界面。要想創(chuàng)造流，與軟件的交互必須變得“透明”

避免不必要的報(bào)告

設(shè)計(jì)原則29

不要用對(duì)話(huà)框報(bào)告

注釋?zhuān)翰灰驗(yàn)椴恢匾膯?wèn)題而停止進(jìn)程，打擾用戶(hù)。根據(jù)實(shí)際場(chǎng)景權(quán)衡如何使用提示。

設(shè)計(jì)原則30

請(qǐng)求原諒而不是許可

注釋?zhuān)很浖粦?yīng)該做很可能是正確的事情，然后為用戶(hù)提供強(qiáng)大的工具來(lái)調(diào)整第一次嘗試，應(yīng)用程序不用請(qǐng)求權(quán)限去采取行動(dòng)，而是做了之后再請(qǐng)求諒解。

減少工作，消除負(fù)擔(dān)

消除負(fù)擔(dān)

設(shè)計(jì)原則31

盡可能的消除每一種負(fù)擔(dān)

注釋?zhuān)贺?fù)擔(dān)任務(wù)的問(wèn)題是用戶(hù)花在上面的努力并不能直接完成目標(biāo)，用戶(hù)界面中的負(fù)擔(dān)是用戶(hù)對(duì)軟件產(chǎn)品不滿(mǎn)的首要原因。

模態(tài)負(fù)擔(dān)

設(shè)計(jì)原則32

不要愚蠢的打斷進(jìn)程

注釋?zhuān)毫髦溉藗兒椭C地使用工具，進(jìn)入了生產(chǎn)力極高的狀態(tài)，模態(tài)錯(cuò)誤信息或確認(rèn)對(duì)話(huà)框會(huì)打斷流。毫無(wú)理由中斷用戶(hù)的流程就是愚蠢的停止進(jìn)程。

設(shè)計(jì)原則33

不要讓用戶(hù)請(qǐng)求許可

注釋?zhuān)河脩?hù)想改變一個(gè)項(xiàng)目，必須先獲得程序許可后，程序顯示一個(gè)屏幕方可修改，請(qǐng)求許可純屬負(fù)擔(dān)。能改就直接改，而非到另外一個(gè)地方請(qǐng)求許可。

設(shè)計(jì)原則34

任何輸入之處應(yīng)允許輸入

注釋?zhuān)喝绻脩?hù)可以修改選項(xiàng)，那么就能在程序顯示選項(xiàng)的地方修改。

消除負(fù)擔(dān)

設(shè)計(jì)原則35

重大改變必須顯著優(yōu)秀

注釋?zhuān)簷C(jī)械時(shí)代的思維影響我們的設(shè)計(jì)，如果不分析用戶(hù)目標(biāo)來(lái)做產(chǎn)品，軟件就會(huì)充滿(mǎn)負(fù)擔(dān)停留在機(jī)械時(shí)代。更好的軟件是建立在信息時(shí)代的思維方式之上。

隱喻、習(xí)慣用法及能供性

界面范式

設(shè)計(jì)原則36

多數(shù)人并不想知道的太多，只想成功地使用產(chǎn)品

注釋?zhuān)河脩?hù)不想了解軟件的實(shí)現(xiàn)模型，只想成功的使用產(chǎn)品完成目標(biāo)。

隱喻式界面

設(shè)計(jì)原則37

不要讓界面強(qiáng)行適應(yīng)隱喻

注釋?zhuān)河脩?hù)無(wú)法理解或無(wú)法辨認(rèn)軟件所指的事物。對(duì)于全局的隱喻的向往可能最讓人無(wú)力、最令人遺憾的。

習(xí)慣用法式界面

設(shè)計(jì)原則38

所有的習(xí)慣用法都需要學(xué)習(xí)，而好的習(xí)慣用法只需要學(xué)習(xí)一次

注釋?zhuān)宏P(guān)于習(xí)慣用法很關(guān)鍵的一點(diǎn)是，習(xí)慣用法雖然必須學(xué)習(xí)，但是應(yīng)該是很容易學(xué)習(xí)的。

直接操縱與順從

設(shè)計(jì)原則39

豐富的視覺(jué)反饋是成功的直接操作的關(guān)鍵

注釋?zhuān)簺](méi)有恰當(dāng)?shù)囊曈X(jué)反饋所實(shí)現(xiàn)的交互，將不會(huì)有效創(chuàng)造直接操作的體驗(yàn)。

順從與提示

設(shè)計(jì)原則40

盡可能用視覺(jué)表達(dá)順從

注釋?zhuān)憾鄶?shù)情況下，對(duì)象是順從的這一事實(shí)應(yīng)該通過(guò)視覺(jué)傳達(dá)給用戶(hù)。關(guān)心用戶(hù)是否有能力學(xué)會(huì)并使用這款應(yīng)用程序。關(guān)鍵點(diǎn)是在視覺(jué)上與用戶(hù)交流如何直接操作界面元素。

重新思考數(shù)據(jù)輸入、存儲(chǔ)與檢索

審核與編輯

設(shè)計(jì)原則41

出錯(cuò)可能不是程序的問(wèn)題，但是程序的責(zé)任?

注釋?zhuān)喝绻麘?yīng)用程序犯錯(cuò)了，一個(gè)程序就有責(zé)任通知其他應(yīng)用程序，但是這條規(guī)則并非必須擴(kuò)展到用身上。用戶(hù)“永遠(yuǎn)”是正確的，所以程序應(yīng)用程序必須接受用戶(hù)告訴它的任何內(nèi)容。程序有責(zé)任避免或者修正錯(cuò)誤。

設(shè)計(jì)原則42

審核，不需要編輯

注釋?zhuān)撼绦驊?yīng)該記住用戶(hù)的每個(gè)動(dòng)作，保證每個(gè)動(dòng)作都能夠明確地撤銷(xiāo)，不會(huì)損失關(guān)聯(lián)信息，讓用戶(hù)弄清楚程序認(rèn)為問(wèn)題出在哪里。實(shí)質(zhì)上就是為用戶(hù)的動(dòng)作做保留一份清晰的審核軌跡。例如：word波浪下劃線(xiàn)標(biāo)花出程序無(wú)法識(shí)別的文字。

數(shù)據(jù)存儲(chǔ)

設(shè)計(jì)原則43

自動(dòng)保存文檔和設(shè)置

注釋?zhuān)哼@個(gè)原則我相信大家都很容易理解了

文件系統(tǒng)中存放和定位文檔

設(shè)計(jì)原則44

把文件放在用戶(hù)能找到的地方

注釋?zhuān)哼@個(gè)特定的合理存放位置應(yīng)該取決于用戶(hù)及所設(shè)計(jì)的產(chǎn)品的姿態(tài)。新文件應(yīng)該放在合理的地方，方便用戶(hù)再次找到例如：桌面。

為不同的需求而設(shè)計(jì)

庫(kù)和模版

設(shè)計(jì)原則45

給用戶(hù)提供一個(gè)現(xiàn)成的模板庫(kù)

注釋?zhuān)阂黄瞻锥鄶?shù)讓人害怕，如果用戶(hù)不想處理空白文檔，就別讓他們面對(duì)。一個(gè)基本的文檔模版庫(kù)就是很不錯(cuò)的解決方案。

整合視覺(jué)

文字與版面

設(shè)計(jì)原則46

表明這是什么用視覺(jué)；明確這是哪一個(gè)用文字?

注釋?zhuān)喝藗冎饕ㄟ^(guò)形狀來(lái)辨識(shí)文字。形狀越清楚，文字越容易識(shí)別，所以全部大寫(xiě)的文字比大小混合的文字難以閱讀。

將視覺(jué)符號(hào)與對(duì)象關(guān)聯(lián)起來(lái)

設(shè)計(jì)原則47

行為不同的元素要在視覺(jué)設(shè)計(jì)上明顯區(qū)分

注釋?zhuān)涸O(shè)計(jì)師必須注意讓視覺(jué)上不同的符號(hào)代表不同的對(duì)象類(lèi)型，即在視覺(jué)上區(qū)分【產(chǎn)生對(duì)比】行為不同的對(duì)象尤其重要，例如按鈕、滑塊和復(fù)選框。

設(shè)計(jì)原則48

從視覺(jué)上傳達(dá)功能和行為

注釋?zhuān)翰灰挥梦淖置枋鼋缑婀δ艿慕Y(jié)果，要結(jié)合視覺(jué)元素向用戶(hù)傳達(dá)結(jié)果是什么。除了用文本表示設(shè)置和狀態(tài)，還要采用說(shuō)明性的圖片或圖標(biāo)傳達(dá)行為。

最小視覺(jué)工作量

設(shè)計(jì)原則49

刪減東西，直到破壞了設(shè)計(jì)為止，再把最后去掉的東西加上

注釋?zhuān)簝?yōu)秀的視覺(jué)界面和任何優(yōu)秀的視覺(jué)設(shè)計(jì)一樣，在視覺(jué)上應(yīng)該是高效率的。讓最少的視覺(jué)和功能元素發(fā)揮最大效能。

什么時(shí)候打破規(guī)則

設(shè)計(jì)原則50

遵守標(biāo)準(zhǔn)，除非有極好的其他選擇

注釋?zhuān)骸皯?yīng)該什么時(shí)候打破標(biāo)準(zhǔn)”更有用，當(dāng)一個(gè)習(xí)慣用戶(hù)被目標(biāo)用戶(hù)【你的人物模型】試用后，大多數(shù)人明顯認(rèn)為很好，這就是將其用于界面的最好理由。

應(yīng)用程序之間的一致性和標(biāo)準(zhǔn)

設(shè)計(jì)原則51

一致不意味著僵化

注釋?zhuān)禾貏e在一致性不恰當(dāng)時(shí)，界面風(fēng)格和交互指南準(zhǔn)則必須隨其服務(wù)的軟件而成長(zhǎng)演化。有時(shí)為了更好的服務(wù)用戶(hù)機(jī)器目標(biāo)，必須打破規(guī)則，這時(shí)盡量使改變和增加與標(biāo)準(zhǔn)兼容。

為桌面應(yīng)用而設(shè)計(jì)

設(shè)計(jì)原則52

無(wú)論是運(yùn)用哪種交互習(xí)慣用法，都要考慮實(shí)際運(yùn)用場(chǎng)景的客觀(guān)情況

注釋?zhuān)捍嗽瓌t是需要設(shè)計(jì)師根據(jù)用戶(hù)實(shí)際的目標(biāo)及場(chǎng)景進(jìn)行權(quán)衡選擇交互方式，是設(shè)計(jì)師經(jīng)常在設(shè)計(jì)會(huì)用到的。

設(shè)計(jì)原則52—104，敬請(qǐng)期待…

本文由 @AllenZhang 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖由作者提供