文章整理了20條用戶體驗(yàn)設(shè)計(jì)原則，希望通過這份簡(jiǎn)潔易懂的合集能夠讓你對(duì)用戶體驗(yàn)領(lǐng)域有一個(gè)初步的概覽和了解。

1.以用戶為中心 

這是最常被提及的用戶體驗(yàn)設(shè)計(jì)基礎(chǔ)，當(dāng)涉及到產(chǎn)品設(shè)計(jì)決策時(shí)，提醒我們要學(xué)會(huì)使用同理心，而不是僅憑個(gè)人的想法或意見。

真正好的用戶體驗(yàn)設(shè)計(jì)是為用戶量身打造的，用戶的意見、痛點(diǎn)、愿望、偏好和需求對(duì)產(chǎn)品來說至關(guān)重要，所以在項(xiàng)目初始階段需要投入大量的時(shí)間和精力去了解用戶。

用戶體驗(yàn)研究重點(diǎn)是了解用戶，為接下來的產(chǎn)品設(shè)計(jì)做準(zhǔn)備。以用戶為中心的設(shè)計(jì)理念是設(shè)計(jì)師迎合用戶的需求，區(qū)分了設(shè)計(jì)任何人都可以使用的產(chǎn)品和為目標(biāo)用戶設(shè)計(jì)的產(chǎn)品。

一款特定的產(chǎn)品需要面對(duì)不同的目標(biāo)群體，前期研究中需要了解目標(biāo)人群需要什么并在產(chǎn)品中反映出來，這是針對(duì)性很強(qiáng)的設(shè)計(jì)研究。 

2.了解信息架構(gòu)

可能很多人對(duì)信息架構(gòu)的定義很模糊，這里舉個(gè)例子來具象說明一下信息架構(gòu)的含義。

例如在一款產(chǎn)品中，如果把所有內(nèi)容都堆到一個(gè)列表或頁面中，可能我們將無法使用這款產(chǎn)品，所以我們看到大多數(shù)的App和網(wǎng)站都包含很多的導(dǎo)航和頁面結(jié)構(gòu)，按照內(nèi)容重要程度有序地來組織內(nèi)容。

信息體系結(jié)構(gòu)的最終目標(biāo)是幫助用戶理解他們?cè)诳词裁?，并幫助他們找到需要尋找的?nèi)容。

信息架構(gòu)在制作線框圖或原型之前完成，因?yàn)樗钱a(chǎn)品的基礎(chǔ)，有助于設(shè)計(jì)師考慮什么功能是最重要的，哪些是用戶最需要的以及哪些次要內(nèi)容可以隱藏起來等。

這種結(jié)構(gòu)與產(chǎn)品的導(dǎo)航設(shè)計(jì)密切相關(guān)，有助于將用戶引導(dǎo)到正確的位置。導(dǎo)航和信息架構(gòu)都試圖讓用戶以最少的認(rèn)知努力來完成操作。

信息架構(gòu)的設(shè)計(jì)不當(dāng)會(huì)造成重大故障甚至可能危及整個(gè)產(chǎn)品。如果用戶在使用產(chǎn)品時(shí)找不到任何想要的內(nèi)容，點(diǎn)擊任何元素都沒有反應(yīng)，會(huì)給用戶帶來很糟糕的使用體驗(yàn)。 

3.考慮使用場(chǎng)景

沒有場(chǎng)景，任何設(shè)計(jì)都很難生效。設(shè)計(jì)師在項(xiàng)目開始時(shí)會(huì)投入時(shí)間去了解用戶面臨的問題以及圍繞這些問題的背景。

這條原則有助于設(shè)計(jì)師考慮還有哪些因素會(huì)影響用戶和產(chǎn)品，很多產(chǎn)品設(shè)計(jì)會(huì)為用戶提供一些有助于消除使用摩擦的操作提示。 

例如在設(shè)計(jì)表單時(shí)，會(huì)盡可能的添加 輸入提示，最大程度地減少用戶出錯(cuò)的機(jī)會(huì)。 

4.了解一致性及其重要性

保持一致性是用戶體驗(yàn)設(shè)計(jì)的關(guān)鍵原則。擁有一致設(shè)計(jì)的產(chǎn)品可以更快地被新用戶接受，因?yàn)橛脩舨恍枰俅螌W(xué)習(xí)如何操作，他們會(huì)回憶起之前的操作習(xí)慣并將其作為指導(dǎo)，這也解釋了為什么同類型的產(chǎn)品例如電商類App頁面設(shè)計(jì)的很相似。

保持一致意味著在需要時(shí)可以重復(fù)使用某些UI組件，并在整個(gè)產(chǎn)品中保持一致的行為。例如當(dāng)點(diǎn)擊或懸停在按鈕上面時(shí)，所以按鈕的狀態(tài)應(yīng)該是一致的。

從邏輯上講，產(chǎn)品越大，這種一致性會(huì)變得越來越有挑戰(zhàn)性，這促使許多設(shè)計(jì)團(tuán)隊(duì)創(chuàng)建自己的設(shè)計(jì)系統(tǒng)。一款產(chǎn)品的學(xué)習(xí)曲線越長(zhǎng)越陡，放棄的用戶就會(huì)越多，在市場(chǎng)營(yíng)銷中，這通常被稱為銷售漏斗中的漏洞。 

5.給予用戶適當(dāng)?shù)目刂茩?quán)

這條原則意味著用戶希望能控制產(chǎn)品，無論是完成任務(wù)還是定制滿足他們需求的內(nèi)容。

在設(shè)計(jì)過程中一直試圖給用戶盡可能多的控制權(quán)，例如允許用戶撤消操作、更改設(shè)置、自定義UI外觀、創(chuàng)建快捷方式等中。

需要注意的是，當(dāng)提供太多選項(xiàng)或用戶太依賴于自己的選擇時(shí)，用戶可能會(huì)不知所措，造成所謂的 選擇悖論。所以在設(shè)計(jì)時(shí)要了解用戶樂于掌控的余地，不能讓用戶感到使用壓力。 

6.把可用性放在首位

在整體上看，建立高標(biāo)準(zhǔn)的可用性是為用戶做的最好的事情，有助于檢查用戶是否能夠輕松地完成任務(wù)、產(chǎn)品是否正常運(yùn)行以及是否完成工作。

可用性的重要之處在于要理解可用性的靈活性和重要性。 

7.了解用戶測(cè)試

結(jié)合可用性的概念，我們還要進(jìn)行用戶測(cè)試，這是設(shè)計(jì)師對(duì)工作進(jìn)行測(cè)試的方式，對(duì)新的產(chǎn)品來說至關(guān)重要。

當(dāng)設(shè)計(jì)思想和理念被轉(zhuǎn)化為有形的原型時(shí)，設(shè)計(jì)師要觀察真實(shí)的用戶是如何與之交互的，可以通過許多不同的方式例如簡(jiǎn)單的A/B測(cè)試到全面的審核測(cè)試等來實(shí)現(xiàn)。

測(cè)試通常分幾輪進(jìn)行，團(tuán)隊(duì)在向原型添加更多細(xì)節(jié)之前驗(yàn)證每個(gè)步驟。隨著測(cè)試結(jié)果的出現(xiàn)，設(shè)計(jì)也隨之發(fā)生了變化。 

如果發(fā)生更改，將會(huì)進(jìn)行新一輪的測(cè)試，通過這個(gè)過程，設(shè)計(jì)團(tuán)隊(duì)可以改進(jìn)他們的工作，直到達(dá)到可用性標(biāo)準(zhǔn)。 

8.少即是多

在創(chuàng)造力和創(chuàng)造獨(dú)特事物的渴望中，很多設(shè)計(jì)師很容易無意中弄亂產(chǎn)品界面甚至產(chǎn)品本身。

功能過多的產(chǎn)品可能會(huì)失去焦點(diǎn)并削弱吸引力。具有太多元素的頁面會(huì)變得充滿視覺沖擊，但也會(huì)給用戶帶來負(fù)面體驗(yàn)，在設(shè)計(jì)時(shí)要學(xué)會(huì)克制并優(yōu)先考慮真正關(guān)鍵的部分很重要。

另外手機(jī)端的屏幕空間非常小，創(chuàng)建一個(gè)有效的布局，想出巧妙的方法來隱藏次要元素并創(chuàng)建一個(gè)令人愉悅的界面需要付出很大的努力和創(chuàng)造力。 

9.視覺層次

視覺層次是向用戶傳達(dá)產(chǎn)品中元素重要性的方式。良好的層次結(jié)構(gòu)有助于用戶視線在界面上移動(dòng)，并立即了解最重要的內(nèi)容以及這些內(nèi)容與其他部分的關(guān)系。

視覺層次結(jié)構(gòu)與布局設(shè)計(jì)緊密相連，幫助用戶消化所接觸到的信息。

創(chuàng)建層次結(jié)構(gòu)從概念的草圖開始，一直持續(xù)到完成設(shè)計(jì)。例如發(fā)送按鈕通常會(huì)用綠色而是不紅色，而次要按鈕會(huì)顯示為灰色或與背景混合，并顯示“撤消”或“返回”。 

10.了解用戶的心智模型

為用戶創(chuàng)建心智模型是嘗試使用同理心的一種方式，是幫助設(shè)計(jì)師從用戶的角度看待問題的工具。

正確使用意味著用戶無需投入精力就可以使用的直觀產(chǎn)品，而錯(cuò)誤的思維模型會(huì)導(dǎo)致一些問題，例如界面混亂、高昂的交互成本。

為了匹配用戶的心智模型，可以采用多種不同類型的研究方法，常見的方法包括 卡片分類、決策樹、對(duì)用戶行為的密切觀察，或者使用大量的數(shù)據(jù)來建立關(guān)鍵用戶的心理模型。 

11.設(shè)計(jì)中的講故事

講故事的方式更加直觀，利用圖像、視頻、動(dòng)畫和文本等元素讓整個(gè)頁面與用戶對(duì)話。用戶體驗(yàn)設(shè)計(jì)中的視覺敘事是為了喚起用戶的情感，給用戶留下持久的印象。

想出一種可視化的方式來傳達(dá)復(fù)雜的內(nèi)容具有挑戰(zhàn)性，但同時(shí)也是有益的，可以更好地接近用戶并將其作為提高產(chǎn)品可學(xué)習(xí)性的方法。 

12.不要直接跳到高保真原型上

高保真原型是設(shè)計(jì)項(xiàng)目的最終目標(biāo)，但是直接使用原型軟件不斷添加各種頁面細(xì)節(jié)是錯(cuò)誤的操作。

避免直接出高保真的主要原因是因?yàn)檫@樣做的成本會(huì)更高。在沒有任何用戶研究和測(cè)試的情況下，一款產(chǎn)品無論具有多少的細(xì)節(jié)都有可能面臨不符合用戶使用的情況。 

13.可訪問性測(cè)試很重要

不僅要檢查關(guān)鍵用戶是否可以流暢地使用產(chǎn)品，還應(yīng)該檢查其他所有用戶例如少數(shù)群體等是否都能夠正常使用產(chǎn)品。

事實(shí)上，殘疾人和其他用戶一樣需要數(shù)字產(chǎn)品，但很多產(chǎn)品在設(shè)計(jì)時(shí)并沒有考慮到這些群體，但這也提供了一個(gè)機(jī)會(huì)，為所有用戶提供一個(gè)可以依賴的好產(chǎn)品。 

14.熟悉并在用戶體驗(yàn)設(shè)計(jì)中使用

我們知道為用戶提供一致的設(shè)計(jì)有助于克服學(xué)習(xí)曲線，同時(shí)為用戶提供熟悉的東西也有助于縮短學(xué)習(xí)曲線。

例如，大多數(shù)用戶都會(huì)立即識(shí)別某些UI組件(漢堡菜單/單選按鈕)，這意味著他們會(huì)本能地知道這些組件代表什么意思或者如何操作。

使用用戶已經(jīng)熟悉的東西并不一定會(huì)讓產(chǎn)品的獨(dú)特性消失，有經(jīng)驗(yàn)的設(shè)計(jì)師會(huì)利用這種熟悉性來來創(chuàng)造一些獨(dú)特的設(shè)計(jì)，同時(shí)也是直觀的，不需要太多努力就可以使用。

設(shè)計(jì)一個(gè)完全不依賴熟悉度的產(chǎn)品可能是具有風(fēng)險(xiǎn)的行為，因?yàn)樗苋菀鬃屇切┎皇煜ぎa(chǎn)品的用戶超負(fù)荷，形成巨大的學(xué)習(xí)曲線，增加用戶負(fù)擔(dān)。 

15.了解交付成果的力量

可交付成果是可以在整個(gè)團(tuán)隊(duì)中交付的內(nèi)容，包括用戶畫像、心智模型、用戶旅程以及線框圖和原型等，是一種有形和具體的表現(xiàn)。

可交付成果是用戶體驗(yàn)設(shè)計(jì)原則，可以幫助設(shè)計(jì)團(tuán)隊(duì)和其他利益相關(guān)者理解和交流概念。

▲ 用戶畫像可以捕捉理想用戶，并提供可以相關(guān)聯(lián)的真實(shí)面孔，是一種指導(dǎo)設(shè)計(jì)的工具。用戶旅程圖幫助設(shè)計(jì)師了解用戶完成任務(wù)需要的具體步驟，有助于確保這些步驟確實(shí)可以輕松執(zhí)行，并且整個(gè)過程很流暢。

這些交付成果服務(wù)于關(guān)鍵功能，設(shè)計(jì)師需要在整個(gè)項(xiàng)目中都依賴它們，不斷轉(zhuǎn)換為用戶可以與之交互的真實(shí)有形的設(shè)計(jì)。 

16.專業(yè)的原型設(shè)計(jì)工具

用戶體驗(yàn)設(shè)計(jì)的過程不是線性的，而是一個(gè)循環(huán)。無論創(chuàng)建什么樣的產(chǎn)品，都需要專業(yè)的原型工具，將基本框架放在一起，然后添加可能需要的所有細(xì)節(jié)。

從邏輯上講，設(shè)計(jì)團(tuán)隊(duì)的具體需求會(huì)因團(tuán)隊(duì)而異，但一些關(guān)鍵功能例如團(tuán)隊(duì)協(xié)作、需求管理、交互設(shè)計(jì)和開發(fā)移交等，對(duì)于大多數(shù)團(tuán)隊(duì)來說是必要的。 

17.精心管理產(chǎn)品需求

一切都從收集需求開始，然后慢慢創(chuàng)建關(guān)鍵列表。雖然簡(jiǎn)單地列出一個(gè)列表聽起來很容易，但隨著項(xiàng)目的進(jìn)展，要保持列表的條理性確實(shí)是一個(gè)挑戰(zhàn)。

除了創(chuàng)建需求和檢查復(fù)選框之外，還有一個(gè)問題就是調(diào)整需求，需要從 設(shè)計(jì)、技術(shù)和業(yè)務(wù)各個(gè)方面來處理各種需求，還要確保這些需求之間沒有相互矛盾。  

18.了解移動(dòng)和網(wǎng)絡(luò)產(chǎn)品之間的差異

網(wǎng)頁端和移動(dòng)端產(chǎn)品最明顯的區(qū)別是屏幕尺寸，這意味著所有的視覺層次結(jié)構(gòu)和信息架構(gòu)都將將從Web到App發(fā)生變化。

移動(dòng)端產(chǎn)品會(huì)有更多影響設(shè)計(jì)決策的因素，例如設(shè)備的操作系統(tǒng)、使用產(chǎn)品的環(huán)境等。了解移動(dòng)端產(chǎn)品在 導(dǎo)航設(shè)計(jì)、用戶流程等關(guān)鍵方面的差異是至關(guān)重要的用戶體驗(yàn)設(shè)計(jì)原則。 

19.利用UX設(shè)計(jì)模式

幾乎所有的產(chǎn)品都專注于設(shè)計(jì)模式，它們可靠、易于查找并通過減少設(shè)計(jì)時(shí)間來為項(xiàng)目增加實(shí)用性。

▲ 當(dāng)用戶在谷歌搜索中輸入的內(nèi)容有問題時(shí)，谷歌會(huì)提供一個(gè)相關(guān)的搜索提示，輔助用戶進(jìn)行精確地搜索，解決用戶使用不同方式在搜索欄中傳達(dá)他們正在尋找的內(nèi)容的問題。 

20.使用合適的工具才能有效

擁有單一的內(nèi)容來源可以為團(tuán)隊(duì)帶來清晰性和高效性，如果線框和原型分散在多個(gè)渠道中，這種內(nèi)容的集合就會(huì)變得很難達(dá)成。

通過合適高效的工具能夠避免產(chǎn)品在到達(dá)終點(diǎn)時(shí)遇到各種各樣的可用性問題，防止產(chǎn)品細(xì)節(jié)沒有表現(xiàn)出來或者被忽略。 

最后

通過這份用戶體驗(yàn)設(shè)計(jì)原則的合集希望能夠讓你對(duì)這個(gè)領(lǐng)域有一個(gè)大致的了解。

沒有人知道用戶體驗(yàn)設(shè)計(jì)在未來會(huì)引領(lǐng)我們走向哪里，不過我們可以確定，無論它帶給我們什么，肯定都會(huì)很有趣。

慢慢來比較快，希望對(duì)你有所幫助～

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)