第1篇 成為用戶體驗(yàn)設(shè)計(jì)師的信念

01? 什么是用戶體驗(yàn)設(shè)計(jì)

藝術(shù)是感性的，設(shè)計(jì)是相對(duì)理性的、精密的。藝術(shù)所表達(dá)的是創(chuàng)作者的個(gè)人意識(shí)，而設(shè)計(jì)師為了決絕用戶具體的問題。

02? 了解用戶體驗(yàn)設(shè)計(jì)師

03? 設(shè)計(jì)師的職業(yè)困惑

第2篇? 修煉用戶體驗(yàn)設(shè)計(jì)師的技能

04? 設(shè)計(jì)流程——設(shè)計(jì)師具體做什么

05? 需求分析——拿回產(chǎn)品的主導(dǎo)權(quán)

1、產(chǎn)品定位

2、采集需求

3、分析和篩選需求

4、需求文檔

需求文檔需要不斷的修正、迭代。

5、傾聽用戶的聲音

傾聽用戶、擁抱用戶、識(shí)別用戶、平衡商業(yè)價(jià)值和用戶需求

6、設(shè)計(jì)師的逆襲

通過扎實(shí)的基本功和良好的心態(tài)、積極的行為、我們完全有可能在逆境中調(diào)整自我，堅(jiān)持不懈的通往成長(zhǎng)之路

7、拒絕不靠譜的需求文檔

8、如何“抄襲”競(jìng)品

在“抄襲”中尋求創(chuàng)新，功能方面可以去抄，設(shè)計(jì)方面絕不允許盲目“抄襲”，用心思考和設(shè)計(jì)。

06? 設(shè)計(jì)規(guī)劃——從需求到設(shè)計(jì)草圖

1、在確定需求后，明確需要確定提供哪些信息（包括分類、組織、展現(xiàn)），并且設(shè)計(jì)相應(yīng)的任

? ? ? 務(wù)。

2、在拿到需求后要進(jìn)行信息的組織和任務(wù)的設(shè)定，不要想著走捷徑，因?yàn)檫@樣往往是在走彎

? ? ? 路。

3、信息分類：

（1）、邏輯分類

（2）、卡片分類：開放式會(huì)給用戶足夠的自由度來進(jìn)行信息歸類；封閉式更利于掌控，可用于

? ? ? ? ? ? 對(duì)信息設(shè)計(jì)的結(jié)果進(jìn)行驗(yàn)證的階段。

4、好的導(dǎo)航特點(diǎn)：

（1）、導(dǎo)航的自我解釋；

（2）、深廣度平衡；

（3）、用戶所需信息與商業(yè)推廣信息的平衡；

（4）、為重要功能和常用功能設(shè)置快捷入口；

5、確定任務(wù)

6、友好而易用的界面

7、捕獲用戶芳心

8、紙面原型的目的是為了溝通、測(cè)試，盡快的解決那些不確定的問題，將最初的需求一步一步變?yōu)楝F(xiàn)實(shí)。

07? 設(shè)計(jì)標(biāo)準(zhǔn)——好的設(shè)計(jì)需要表達(dá)

1、什么是原形

2、標(biāo)準(zhǔn)原形的內(nèi)容

3、線框圖的繪制

（1）、明暗對(duì)比：通過色塊的明暗對(duì)比，呈現(xiàn)界面元素的優(yōu)先級(jí)（提前定義深淺的含義）；（2）、不使用截圖與顏色：不要用競(jìng)品的截圖，不要告訴它具體的元素；

（3）、合理的布局：盡量統(tǒng)一，不要出現(xiàn)2、3列混排的情況4、交互說明；

（4）、遵守柵格規(guī)范：保證交互稿中的字號(hào)、間距盡量符合視覺要求；

（5）、標(biāo)記第一屏高度：超過40%的用戶的屏幕高度緊握768像素，所以1024*768像素分辨?

? ? ? ? ? ? 率下，第一屏高度的極限情況可定位570像素左右；

（6）、表達(dá)清楚UI邏輯：可以用表格表示出優(yōu)先級(jí)、色調(diào)；

（7）、考慮視覺實(shí)現(xiàn)后的效果：比如圖片只是占位符，但要考慮實(shí)際如果有圖片，是否會(huì)讓用

? ? ? ? ? ? 戶產(chǎn)生視覺混亂；

（8）、了解視覺趨勢(shì)：將新的視覺設(shè)計(jì)趨勢(shì)融入產(chǎn)品。

4、交互說明

（1）、盡量使用真實(shí)、符合邏輯的數(shù)據(jù)內(nèi)容；

（2）、不遺漏特殊狀態(tài)的描述：多考慮一些極端狀態(tài)下的情況；

（3）、避免過長(zhǎng)的說明；

（4）、避免流水賬式的說明： ①流程圖代替文字說明??

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ②用表格羅列各種狀態(tài) ?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ③巧妙組織文字說明（用if、else、case來說明）??

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ④制作動(dòng)態(tài)效果

（5）、關(guān)于重復(fù)出現(xiàn)的模塊：當(dāng)很多個(gè)頁(yè)面里的某個(gè)模塊多次重復(fù)出現(xiàn)，可以把它獨(dú)立出來；

（6）、原型有修改，要更新交互說明，不能只口頭通知；

5、設(shè)計(jì)規(guī)范

（1）、什么是設(shè)計(jì)規(guī)范：交互規(guī)范、色彩規(guī)范、logo規(guī)范、UI圖標(biāo)規(guī)范、控件規(guī)范…

（2）、沒有設(shè)計(jì)規(guī)范容易出現(xiàn)的問題： ①會(huì)導(dǎo)致不同模塊獨(dú)立設(shè)計(jì)的風(fēng)格不統(tǒng)一；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ②同類功能組件存在多個(gè)樣式；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ③元素多樣性（按鈕高度、鏈接樣式……）；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ④效率低下（相互扯皮）；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ⑤質(zhì)量難把握。

（3）、規(guī)范性解決的問題：? ①形成鮮明的產(chǎn)品特征，增強(qiáng)用戶黏度

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ②提高易用性（用戶可以快速上手）

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ③滿足團(tuán)隊(duì)協(xié)作需求

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ④其他（避免重復(fù)勞動(dòng)、提高工作效率、降低培訓(xùn)……）

（4）、設(shè)計(jì)規(guī)范的分類：? ①產(chǎn)品戰(zhàn)略級(jí)方向的規(guī)范（整個(gè)公司主打的設(shè)計(jì)方向、共識(shí)內(nèi)容）

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ②單個(gè)項(xiàng)目中的設(shè)計(jì)規(guī)范

（5）、何時(shí)開始設(shè)計(jì)規(guī)范：項(xiàng)目完成后再設(shè)計(jì)規(guī)范

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? （場(chǎng)景：大型且重要的產(chǎn)品、可復(fù)用的產(chǎn)品結(jié)構(gòu)多、時(shí)間多、品牌? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 風(fēng)格已經(jīng)確定、產(chǎn)品線日益豐富）

（6）、制定設(shè)計(jì)規(guī)范的原則：從大到小制定。

（7）、規(guī)范的執(zhí)行及注意事項(xiàng)：從全局考慮，盡量執(zhí)行規(guī)范，但局部可有特色處理。

08? 項(xiàng)目跟進(jìn)——保障設(shè)計(jì)效果的實(shí)現(xiàn)

1、一流的點(diǎn)子加上三流的執(zhí)行還不如三流的點(diǎn)子加一流的執(zhí)行。

2、不同的人不同的偏好：（1）開發(fā)人員關(guān)注技術(shù)上的可行性；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? （2）運(yùn)營(yíng)人員希望有足夠的推廣空間；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? （3）視覺設(shè)計(jì)師注重產(chǎn)品是否美觀；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? （4）產(chǎn)品經(jīng)理希望節(jié)點(diǎn)前上線。

3、設(shè)計(jì)評(píng)審的目的：

4、評(píng)審前的準(zhǔn)備：（1）事先考慮所有可能的方案；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? （2）準(zhǔn)備各種設(shè)計(jì)依據(jù)（支撐數(shù)據(jù)、競(jìng)品分析、用研結(jié)果、設(shè)計(jì)實(shí)施前制?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 定的目標(biāo)）；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? （3）做好會(huì)議邀請(qǐng)工作。

5、在評(píng)審中掌握主導(dǎo)權(quán)：（1）主導(dǎo)流程；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? （2）控制話題（避免偏離主題的討論和對(duì)某個(gè)細(xì)節(jié)的持久爭(zhēng)

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?論）；?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? （3）收集有價(jià)值的意見（客觀的、明確的、可操作的意

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 見）；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?（4）評(píng)審后的分析與跟進(jìn)。

6、界面中的視覺設(shè)計(jì)不是藝術(shù)作品，正確地理解信息和傳達(dá)信息是最重要的事，忽略內(nèi)容而關(guān)注形式是不可取的。

7、視覺稿和交互稿的理解要一致：視覺設(shè)計(jì)師注重美觀性，而交互設(shè)計(jì)師注重邏輯性及對(duì)用戶的引導(dǎo)作用。

8、拒絕毫無發(fā)揮的視覺設(shè)計(jì)：視覺稿需要發(fā)揮創(chuàng)造力，把頁(yè)面設(shè)計(jì)的美觀、更有氛圍。

9、關(guān)注視覺層次是否清晰。

10、關(guān)注交互細(xì)節(jié)和狀態(tài)標(biāo)注：點(diǎn)中、劃過、正?！@些情況下的細(xì)節(jié)，都要在視覺稿里呈現(xiàn)出來

11、在審美方面不要過分干涉。

12、開發(fā)階段，設(shè)計(jì)師應(yīng)該如何做：

（1）勤于溝通： ①設(shè)計(jì)階段（了解是否有技術(shù)難點(diǎn)）；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ②完成后（當(dāng)面溝通設(shè)計(jì)要點(diǎn)）；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ③開發(fā)階段（持續(xù)跟進(jìn)、解答問題）。

（2）統(tǒng)一的規(guī)范和標(biāo)準(zhǔn)：視覺稿上要注明具體尺寸；

（3）設(shè)計(jì)走查：交互動(dòng)作、操作及反饋、交互控件的各種狀態(tài)、文案……

09? 成果檢驗(yàn)——設(shè)計(jì)優(yōu)劣可以判斷

1、可用性測(cè)試

2、設(shè)計(jì)任務(wù)需要注意：

（1）給出目標(biāo)，不要直接給操作；

（2）盡量選擇最重要的任務(wù)進(jìn)行測(cè)試，一般30-50分鐘，5-8個(gè)功能點(diǎn)；

（3）符合正常的操作流程。

3、測(cè)試用戶的選擇：

（1）選擇有代表性的用戶，不要選對(duì)產(chǎn)品過于熟悉的工作人員；

（2）用戶數(shù)量：5名左右的人可以發(fā)現(xiàn)85%的問題。

4、測(cè)試過程的注意事項(xiàng)：

（1）切忌引導(dǎo)性過強(qiáng)：比如不要問“你是不是比較喜歡這個(gè)顏色的按鈕”；

（2）操作行為永遠(yuǎn)是重點(diǎn)：減少語言對(duì)用戶的干擾，鼓勵(lì)他們“出生思維法”，要求用戶在操?

? ? ? ? ? ? 作時(shí)將完成任務(wù)時(shí)的思考、行為、感受都描述出來；

（3）不要忽視現(xiàn)場(chǎng)反應(yīng)：咦、啊、天啊……等語氣詞；

（4）考慮使用場(chǎng)景：購(gòu)彩網(wǎng)站“還有3分鐘關(guān)閉，你會(huì)如何操作”，移動(dòng)端需要考慮吵鬧的公

? ? ? ? ? ? 車……；

（5）感謝被測(cè)者，給予一定報(bào)酬。

5、問題的分析與改進(jìn)：

（1）問題頻數(shù)；

（2）嚴(yán)重等級(jí)；

（3）優(yōu)先級(jí)（問題頻數(shù)*4/總參與人數(shù)+嚴(yán)重等級(jí)）；

（4）違反的可用性準(zhǔn)則。

6、最小化運(yùn)用可用性測(cè)試：資源有限，可以縮小可用性測(cè)試的范圍，盡早發(fā)現(xiàn)問題是有利的。

7、A/B測(cè)試（定量分析）

（1）設(shè)定衡量標(biāo)準(zhǔn)：比如PV、UV、點(diǎn)擊量、轉(zhuǎn)化率、跳出率……；

（2）對(duì)同一個(gè)用戶展示同一個(gè)方案；

（3）保證2個(gè)版本同時(shí)測(cè)試；

（4）單一變量：比如就按鈕、文案、顏色、圖片……不能同時(shí)改變多個(gè)；

（5）延伸——灰度發(fā)布：舊版本作為A，新版本作為B，部分升級(jí)。

8、定性的用戶反饋和定量的產(chǎn)品數(shù)據(jù)

（1）收集用戶反饋：①有意見反饋；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ②線客服；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ③論壇；

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ④應(yīng)用市場(chǎng)（appstore）

（2）分析用戶反饋：過濾、歸類，不是每個(gè)意見都一定全盤接受。

9、用數(shù)據(jù)檢驗(yàn)產(chǎn)品目標(biāo)。

第3篇? 實(shí)現(xiàn)用戶體驗(yàn)設(shè)計(jì)師的價(jià)值

10? 設(shè)計(jì)師的自我修養(yǎng)

1、什么是好的設(shè)計(jì)師

（1）對(duì)設(shè)計(jì)充滿激情和興趣，有天分，思維活躍，有好的想法和時(shí)常記錄自己的靈感。

（2）高度的概括，總結(jié)能力及抽象思維能力，可以迅速歸納出問題的本質(zhì)，清晰的分析思路，合理的組織語言，正確的設(shè)計(jì)方向。

（3）執(zhí)行力強(qiáng)，有好的想法，能堅(jiān)持到底，不懼怕任何阻礙。

（4）情商高，思想成熟，高瞻遠(yuǎn)矚，積極樂觀，善于換位思考。

（5）超出預(yù)期，追求完美，關(guān)注細(xì)節(jié)，不滿足于現(xiàn)狀。

（6）有條理，對(duì)待工作認(rèn)真負(fù)責(zé)，

（7）有上進(jìn)心，自我學(xué)習(xí)和提高意識(shí)的能力極強(qiáng)。

（8）眼界開闊，知識(shí)面廣，樂于分享。

2、什么是糟糕的設(shè)計(jì)師

（1）缺乏興趣，不用心。做事情馬馬虎虎。

（2）心態(tài)不好，頑固任性。不解決辦法，推卸責(zé)任，很難接受別人的意見。

（3）不合理安排時(shí)間，時(shí)間估算不準(zhǔn)。不會(huì)恰當(dāng)表現(xiàn)，過于被動(dòng)。

（4）溝通及團(tuán)隊(duì)協(xié)作能力差，學(xué)習(xí)意愿不強(qiáng)，不夠?qū)I(yè)。

3、從哪幾方面來提高

專業(yè)，溝通，流程。閱讀書籍，良好的溝通，組織能力，要有很強(qiáng)的思維能力，以及掌握很多的設(shè)計(jì)技能，積累經(jīng)驗(yàn)。想要變優(yōu)秀，不要追逐“外功”，而是修煉好“內(nèi)功”。內(nèi)外兼修，方可成事。

4、學(xué)會(huì)思考 事半功倍

掌握了正確的思維方法和專業(yè)技能，工作中的很多難題便迎刃而解了。

5、如何在否定中積極成長(zhǎng)

11? 設(shè)計(jì)師易忽略的工作意識(shí)

1、品牌有什么作用

2、提升品牌設(shè)計(jì)的一些規(guī)則

（1）保證關(guān)聯(lián)性：保證設(shè)計(jì)的東西和產(chǎn)品是相關(guān)的。

（2）力求一致性：應(yīng)用內(nèi)一致，界面，圖標(biāo)、啟動(dòng)頁(yè)、首頁(yè)一致；配色一致；不同性質(zhì)的元素要做出區(qū)分；不同頁(yè)面的針對(duì)同一性質(zhì)的操作，應(yīng)保持一致性；平臺(tái)內(nèi)一致，同時(shí)和該平臺(tái)其他產(chǎn)品通用規(guī)則盡量保持一致。平臺(tái)間一致，內(nèi)部產(chǎn)品一致。

（3）追求獨(dú)特性：個(gè)性的標(biāo)志，獨(dú)特的風(fēng)格，亮眼的細(xì)節(jié)。品牌無處不在。

3、設(shè)計(jì)師的溝通意識(shí)

（1）項(xiàng)目中常見的溝通方式與特點(diǎn)

大標(biāo)識(shí)Created with Sketch.

大標(biāo)識(shí)Created with Sketch.

（2）不同方式的試用環(huán)境

大標(biāo)識(shí)Created with Sketch.

不同的溝通方式，各有各的特點(diǎn)，很難籠統(tǒng)的說哪個(gè)好，哪個(gè)不好。

（3）項(xiàng)目中常見的溝通問題

敢怒不敢言，用批評(píng)代替贊揚(yáng)和鼓勵(lì)，單向溝通，打斷別人，思維方式，立場(chǎng)不一致，性格差異的不同，溝通積極性差。

（4）如何更好的溝通

放平心態(tài)，換位思考，積極主動(dòng)，更多肯定，更少批評(píng)。真正認(rèn)識(shí)溝通的意義。

4、設(shè)計(jì)師的流程意識(shí)

（1）設(shè)計(jì)流程

大標(biāo)識(shí)Created with Sketch.

（2）項(xiàng)目流程

大標(biāo)識(shí)Created with Sketch.

（3）小項(xiàng)目流程

大標(biāo)識(shí)Created with Sketch.

（4）如果不遵守流程，會(huì)產(chǎn)生什么樣的結(jié)果？

需求不確定，反復(fù)更改。無具體排期，上線遙遙無期。沒有預(yù)留出走查時(shí)間，倉(cāng)促上線。產(chǎn)品經(jīng)理一人獨(dú)大，項(xiàng)目失控。出現(xiàn)問題，難以確定責(zé)任。

（5）一些需要注意的問題

關(guān)于需求變動(dòng)，關(guān)于排期，關(guān)于設(shè)計(jì)，多做可用性測(cè)試，

12? 設(shè)計(jì)師為了什么而設(shè)計(jì)

1、為老板？為用戶？還是為自己？

設(shè)計(jì)師不應(yīng)該被用戶牽著鼻子走，而是要學(xué)會(huì)引導(dǎo)用戶，創(chuàng)造出超出用戶期望的產(chǎn)品來。作為設(shè)計(jì)師，一定要鏟除為自己設(shè)計(jì)的想法，記住，設(shè)計(jì)是為了解決用戶的問題。設(shè)計(jì)師不是為自己設(shè)計(jì)，也不是為某些人設(shè)計(jì)，更不應(yīng)該只看重眼前的利益。設(shè)計(jì)師要做的是平衡商業(yè)價(jià)值與用戶需求，通過自己的專業(yè)水平，為公司，用戶創(chuàng)造出更大的價(jià)值。

2、實(shí)現(xiàn)商業(yè)價(jià)值與用戶需求的平衡

3、設(shè)計(jì)師具體應(yīng)該怎么做？

（1）識(shí)別需求的有效性

（2）重塑需求

（3）梳理結(jié)構(gòu)流程 設(shè)計(jì)界面

4、實(shí)現(xiàn)用戶體驗(yàn)設(shè)計(jì)師的價(jià)值

（1）用戶體驗(yàn)設(shè)計(jì)師面臨的挑戰(zhàn)與機(jī)會(huì)

（2）用戶體驗(yàn)設(shè)計(jì)師的積累與突破

設(shè)計(jì)師要做的是平衡商業(yè)價(jià)值與用戶需求，通過自己的專業(yè)水平，為公司，用戶創(chuàng)造出更大的價(jià)值。并在這個(gè)過程中，逐步提升自我價(jià)值。如果你掌握了前面的內(nèi)容，并在工作中不斷加以應(yīng)用，不斷總結(jié)積累，那么終有一天，你會(huì)破繭成蝶，實(shí)現(xiàn)用戶體驗(yàn)設(shè)計(jì)師的價(jià)值。