一、用戶體驗(yàn)設(shè)計(jì)是什么意思

用戶體驗(yàn)設(shè)計(jì)（英文：User Experience Design，英文縮寫：UED）是以用戶為中心的一種設(shè)計(jì)手段，以用戶需求為目標(biāo)而進(jìn)行的設(shè)計(jì)。用戶體驗(yàn)設(shè)計(jì)過程注重以用戶為中心，用戶體驗(yàn)的概念從開發(fā)的最早期就開始進(jìn)入整個(gè)流程，并貫穿始終。

二、用戶體驗(yàn)設(shè)計(jì)的原則

用戶體驗(yàn)是一個(gè)不斷變化的領(lǐng)域，但基本的用戶體驗(yàn)設(shè)計(jì)原則是不變的。

1、環(huán)境：告知用戶所在產(chǎn)品使用中的位置，減少失落或不知所措，不至于迷航，并引導(dǎo)用戶完成整個(gè)產(chǎn)品的體驗(yàn)。

2、用戶：沒有用戶喜歡與機(jī)器交互的感覺。如果你向他們展示你的品牌的個(gè)性和親和力，你就會(huì)贏得終端用戶的信任。

3、可發(fā)現(xiàn)的：用戶不想浪費(fèi)時(shí)間。產(chǎn)品應(yīng)當(dāng)提供良好的導(dǎo)航和定位元素，使用戶能很快的找到所需信息。

4、容易：保持一致和直截了當(dāng)將對(duì)用戶有很大的幫助。通過向用戶提供愉快和簡單的體驗(yàn)來與他們建立關(guān)系。

5、很簡單：沒有廢話，切題或不必要的描述。言歸正傳。老實(shí)說，現(xiàn)在每個(gè)人的注意力都很短暫。

這些原則將指導(dǎo)UX設(shè)計(jì)過程的每個(gè)階段。

三、用戶體驗(yàn)設(shè)計(jì)框架（層次）

1、戰(zhàn)略層--網(wǎng)站目標(biāo)和用戶需求

成功的用戶體驗(yàn)，其基礎(chǔ)是一個(gè)被明確表達(dá)的"戰(zhàn)略"。知道企業(yè)與用戶雙方對(duì)網(wǎng)站的期許和目標(biāo)，有助于確立用戶體驗(yàn)各方面戰(zhàn)略的制定。然而回答這些看似簡單的問題卻不如說起來那么容易。

2、范圍層--功能規(guī)格和內(nèi)容說明

帶著"我們想要什么"、"我們的用戶想要什么的"的明確認(rèn)識(shí)，我們就能弄清楚如何去滿足所有這些戰(zhàn)略的目標(biāo)。當(dāng)你把用戶需求和網(wǎng)站目標(biāo)轉(zhuǎn)變成網(wǎng)站應(yīng)該提供給用戶什么樣的內(nèi)容和功能時(shí)，戰(zhàn)略就變成了范圍。

3、結(jié)構(gòu)層--交互設(shè)計(jì)與信息架構(gòu)

在收集完用戶需求并將其排列好優(yōu)先級(jí)別之后，我們對(duì)于最終展品將會(huì)包括什么特性已經(jīng)有了清楚的圖像。然而，這些需求并沒有說明如何將這些分散的片段組成一個(gè)整體。這就是范圍層的上面一層：為網(wǎng)站創(chuàng)建一個(gè)概念結(jié)構(gòu)。

4、框架層--界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)

在充滿概念的結(jié)構(gòu)層中開始形成了大量的需求，這些需求都是來自我們的戰(zhàn)略目標(biāo)的需求。在框架層，我們要更進(jìn)一步地提煉這些結(jié)構(gòu)，確定很詳細(xì)的界面外觀、導(dǎo)航和信息設(shè)計(jì)，這能讓美色的結(jié)構(gòu)變得更實(shí)在。

5、表現(xiàn)層--視覺設(shè)計(jì)

在這個(gè)五層模型的頂端，我們把注意力轉(zhuǎn)移到網(wǎng)站用戶會(huì)先注意到的那些方面：視覺設(shè)計(jì)，這里，內(nèi)容、功能和美學(xué)匯集到一起來產(chǎn)生一個(gè)最終設(shè)計(jì)，這將滿足其他四個(gè)層面的所有目標(biāo)。

四、用戶體驗(yàn)設(shè)計(jì)的流程

1、需求分析

從商業(yè)目標(biāo)，用戶需求，品牌方向，分析競(jìng)爭(zhēng)產(chǎn)品。收集的歷史數(shù)據(jù)報(bào)告后，選用戶訪談（用戶習(xí)慣報(bào)告，用戶體驗(yàn)?zāi)繕?biāo)），需求評(píng)審出需求文檔。

2、原型設(shè)計(jì)

繪制使用流程圖，必要時(shí)增加交互說明，對(duì)動(dòng)畫、不同狀態(tài)、極限情況等進(jìn)行詳細(xì)說明，最后將完整交互方案發(fā)送郵件抄送交互組+視覺設(shè)計(jì)師+產(chǎn)品+其他相關(guān)利益方，內(nèi)部評(píng)審審核并修改。

3、交互設(shè)計(jì)

在交互設(shè)計(jì)階段，交互設(shè)計(jì)師需要評(píng)估需求，輸出交互排期，發(fā)送排期郵件，抄送相關(guān)利益方。該階段重點(diǎn)放在關(guān)鍵頁面的輸出，重點(diǎn)表達(dá)思、不同場(chǎng)景和功能流程。極限情況等細(xì)節(jié)說明可在高保真原型交付時(shí)產(chǎn)出。確定交互方式，出交互計(jì)劃方案，制作高保真原型，內(nèi)部評(píng)審審核并修改。

4、視覺界面

在交互設(shè)計(jì)師交付后進(jìn)入視覺設(shè)計(jì)階段，視覺設(shè)計(jì)師需要評(píng)估需求，進(jìn)行視覺排期，發(fā)送排期郵件給交互、產(chǎn)品等相關(guān)利益方；在高保真交互原型的基礎(chǔ)上進(jìn)行視覺設(shè)計(jì)。設(shè)計(jì)時(shí)需要根據(jù)當(dāng)前所處的階段將重點(diǎn)放在不同的地方，在產(chǎn)品從 0-1 時(shí)，需要把重點(diǎn)放在頁面風(fēng)格/視覺主題的確定上，確定后再進(jìn)行細(xì)節(jié)的設(shè)計(jì)；在迭代的時(shí)候，需要把重點(diǎn)放在規(guī)范性和視覺稿的細(xì)節(jié)上。

5、設(shè)計(jì)交付

輸出設(shè)計(jì)稿、標(biāo)注、切圖、動(dòng)效文件；必要時(shí)增加設(shè)計(jì)說明，對(duì)布局、動(dòng)畫、不同狀態(tài)、極限情況等進(jìn)行詳細(xì)說明；發(fā)送郵件抄送設(shè)計(jì)組+交互+產(chǎn)品+其他相關(guān)利益方。

6、驗(yàn)收跟進(jìn)

在開發(fā)結(jié)束進(jìn)入測(cè)試階段時(shí)，視覺和交互同時(shí)進(jìn)行設(shè)計(jì)驗(yàn)收工作，輸出走查報(bào)告（可根據(jù)各司要求制定驗(yàn)收模板），開發(fā)調(diào)整后進(jìn)行二次走查，直至全部調(diào)整完，設(shè)計(jì)還原度達(dá)到 95%以上才能上線。如果在上線截止時(shí)間前還未調(diào)整完，需要與開發(fā)同學(xué)確定遺留問題修復(fù)時(shí)間點(diǎn)，后續(xù)持續(xù)跟蹤優(yōu)化。

五、用戶體驗(yàn)設(shè)計(jì)的方法

1、服務(wù)藍(lán)圖（Service Blueprint）

服務(wù)藍(lán)圖就是這樣一張顯示消費(fèi)者與您的品牌的所有接觸點(diǎn)，以及其中涉及的關(guān)鍵內(nèi)部流程的圖表。它能讓設(shè)計(jì)師跳出產(chǎn)品和細(xì)節(jié)來審視用戶體驗(yàn)的整個(gè)系統(tǒng)。并通過將用戶在整個(gè)產(chǎn)品體驗(yàn)過程中所完成的交互行為進(jìn)行可視化，幫助設(shè)計(jì)師分析并改善產(chǎn)品和服務(wù)的整個(gè)流程。

2、用戶體驗(yàn)地圖（Customer Journey Map）

用戶體驗(yàn)地圖是一個(gè)探索用戶在使用產(chǎn)品及體驗(yàn)服務(wù)的過程中不同階段的交互行為和反饋。通過對(duì)不同階段用戶體驗(yàn)服務(wù)或使用產(chǎn)品的交互行為和反饋進(jìn)行分析，設(shè)計(jì)師能夠精確地抓取用戶使用產(chǎn)品（體驗(yàn)服務(wù)）的動(dòng)機(jī)(motivation)和需求(needs)，從而優(yōu)化用戶體驗(yàn)。

3、用戶畫像（Persona）

通過對(duì)目標(biāo)用戶的個(gè)人特征，行為，動(dòng)機(jī)和需求進(jìn)行分析而創(chuàng)建出來的用戶形象快照。通過建立用戶畫像，設(shè)計(jì)師能更容易地找到目標(biāo)用戶的需求和痛點(diǎn)，并和用戶產(chǎn)生同理心。

4、用戶訪談（Interview）和焦點(diǎn)小組（Focus Group）

通過對(duì)目標(biāo)用戶和項(xiàng)目相關(guān)參與人進(jìn)行一對(duì)一或集中訪談，可以更加深入地了解用戶的感受，意見和反饋。在產(chǎn)品前期調(diào)研階段，用戶訪談能幫助設(shè)計(jì)師了解用戶的需求和痛點(diǎn)，在后期設(shè)計(jì)階段，通過目標(biāo)用戶測(cè)試及訪談，設(shè)計(jì)師能快速得到用戶對(duì)于產(chǎn)品和服務(wù)的體驗(yàn)，從而迭代和優(yōu)化產(chǎn)品及服務(wù)。

5、頭腦風(fēng)暴（Brainstorm）

一個(gè)發(fā)散性收集腦海里創(chuàng)造性思維的過程。通常應(yīng)用于設(shè)計(jì)團(tuán)隊(duì)構(gòu)想產(chǎn)品框架和功能之前，為產(chǎn)品的獨(dú)創(chuàng)性和功能性提供新穎觀點(diǎn)。

6、情緒板（Mood board）

一些參考圖片和資源，可以輔助設(shè)計(jì)師確立產(chǎn)品的整體視覺效果。它能更好地將設(shè)計(jì)師設(shè)立的產(chǎn)品視覺標(biāo)準(zhǔn)和期望達(dá)到的視覺效果傳遞給客戶及其他團(tuán)隊(duì)成員。

7、故事版（Storyboard）

一系列展示用戶在使用產(chǎn)品時(shí)完成的所有交互行為的漫畫腳本。它能幫助設(shè)計(jì)師更直觀地將產(chǎn)品功能和實(shí)際使用情境進(jìn)行結(jié)合，并幫助設(shè)計(jì)師與用戶建立同理心。

8、用戶流程圖（User Flow）

一個(gè)視覺化展現(xiàn)用戶在使用產(chǎn)品中所完成的所有交互行為。用戶流程圖以第一人稱視角來展現(xiàn)用戶的每一個(gè)交互行為步驟，可以幫助設(shè)計(jì)師快速檢查和優(yōu)化產(chǎn)品的使用流程和步驟。

9、功能路線圖（Feature Roadmap）

包含有產(chǎn)品設(shè)計(jì)所需要的所有工作內(nèi)容并將主要功能進(jìn)行優(yōu)先級(jí)排序。它可以由電子表格，圖表甚至是一堆便簽紙組成。功能路線圖可以協(xié)助設(shè)計(jì)師與團(tuán)隊(duì)分享產(chǎn)品戰(zhàn)略以及實(shí)現(xiàn)其愿景所需的策略方法。

10、定量調(diào)查(Quantitative Survey)

通過分發(fā)調(diào)查問卷獲得大量用戶數(shù)據(jù)和反饋。該方法收集的數(shù)據(jù)通常由數(shù)字組成，適用于在用戶基數(shù)比較大的情況下進(jìn)行快速而直觀的數(shù)據(jù)分析。

11、繪制草圖（Sketches）

一種使用紙和筆可視化新界面的快捷方法。繪制草圖對(duì)于傳遞設(shè)計(jì)團(tuán)隊(duì)的產(chǎn)品概念和設(shè)計(jì)方法非常有用。

12、線框（Wireframes）

一種使用框架性結(jié)構(gòu)表現(xiàn)頁面層級(jí)和結(jié)構(gòu)的方法。這種可視化框架圖有助于設(shè)計(jì)團(tuán)隊(duì)成員和客戶討論想法，并協(xié)助設(shè)計(jì)人員和開發(fā)人員更好地溝通。

13、原型（Prototypes）

產(chǎn)品原型是用戶體驗(yàn)設(shè)計(jì)師使用交互軟件快速制作的一套模擬用戶在真實(shí)場(chǎng)景下進(jìn)行產(chǎn)品交互行為的簡易模型。在整個(gè)產(chǎn)品團(tuán)隊(duì)花費(fèi)大量資源完成產(chǎn)品設(shè)計(jì)之前，使用原型來測(cè)試和驗(yàn)證產(chǎn)品的功能和可用性是常見的產(chǎn)品設(shè)計(jì)和迭代辦法。

14、可用性測(cè)試(Usability Testing)

在設(shè)計(jì)和制作產(chǎn)品的過程中，設(shè)計(jì)師和開發(fā)人員通常會(huì)要求用戶在原型或產(chǎn)品中完成一系列交互行為，來驗(yàn)證并收集用戶對(duì)于產(chǎn)品設(shè)計(jì)和功能的反饋。

15、A / B測(cè)試(A/BTest)

為不同用戶提供產(chǎn)品的兩個(gè)或多個(gè)不同設(shè)計(jì)版本，并通過用戶反饋結(jié)果擇優(yōu)錄用最佳方案。該方法通常被用于尋找某些特定問題（例如產(chǎn)品具體功能和設(shè)計(jì)）的最佳解決方案。

六、用戶體驗(yàn)設(shè)計(jì)的目的

現(xiàn)在流行的設(shè)計(jì)過程注重以用戶為中心。用戶體驗(yàn)的概念從開發(fā)的最早期就開始進(jìn)入整個(gè)流程，并貫穿始終。其目的就是保證：

1、對(duì)用戶體驗(yàn)有正確的預(yù)估；

2、認(rèn)識(shí)用戶的真實(shí)期望和目的

3、在功能核心還能夠以低廉成本加以修改的時(shí)候?qū)υO(shè)計(jì)進(jìn)行修正；

4、保證功能核心同人機(jī)界面之間的協(xié)調(diào)工作，減少BUG。

七、用戶體驗(yàn)設(shè)計(jì)和交互設(shè)計(jì)的區(qū)別

1、用戶體驗(yàn)設(shè)計(jì)（UX design）包含了交互設(shè)計(jì)，用戶體驗(yàn)設(shè)計(jì)包括了交互設(shè)計(jì)、視覺設(shè)計(jì)等很多細(xì)分，在你使用產(chǎn)品時(shí)，看到的、用到的、感受到的，可以說都在用戶體驗(yàn)設(shè)計(jì)范疇。

2、交互設(shè)計(jì)只是用戶體驗(yàn)設(shè)計(jì)中的一個(gè)環(huán)節(jié)。交互設(shè)計(jì)是在用戶體驗(yàn)研究之后進(jìn)行的，從整個(gè)產(chǎn)品來說，都是為了使用戶使用的更舒適、滿意。

3、交互設(shè)計(jì)和用戶體驗(yàn)倆者是相輔相成的，交互設(shè)計(jì)的結(jié)果直接影響到用戶體驗(yàn)，而出于對(duì)用戶體驗(yàn)的考慮，又會(huì)影響到產(chǎn)品功能設(shè)計(jì)從而間接影響到交互設(shè)計(jì)。

總結(jié)

優(yōu)化猩SEO：用戶體驗(yàn)設(shè)計(jì)是以用戶為中心的設(shè)計(jì)手段，隨著互聯(lián)網(wǎng)紅利期過去及體驗(yàn)經(jīng)濟(jì)時(shí)代，用戶體驗(yàn)設(shè)計(jì)成為企業(yè)的核心競(jìng)爭(zhēng)力。同時(shí)被認(rèn)為相對(duì)主觀的用戶體驗(yàn)設(shè)計(jì)價(jià)值的衡量標(biāo)準(zhǔn)，也陸續(xù)以客觀的、可量化的模型進(jìn)行科學(xué)驗(yàn)證，證明體驗(yàn)設(shè)計(jì)所帶來的價(jià)值。

參考鏈接：

用戶體驗(yàn)設(shè)計(jì)_百度百科

https://baike.baidu.com/item/%E7%94%A8%E6%88%B7%E4%BD%93%E9%AA%8C%E8%AE%BE%E8%AE%A1/10563363

用戶體驗(yàn)設(shè)計(jì)_百度百科

https://www.uisdc.com/user-experience-design-process

用戶體驗(yàn)設(shè)計(jì)方法匯總（UX design必看） - 知乎

https://zhuanlan.zhihu.com/p/469439889

修改于2023-08-18