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

第一章 什么是用戶體驗(yàn)

你在使用一個(gè)產(chǎn)品時(shí)的主觀感受

目標(biāo)：解決問題+帶來歡樂（解決用戶需求妓灌，減少用戶理解和操作成本畦幢，給用戶留下美好而深刻的印象）

第二章 了解用戶體驗(yàn)設(shè)計(jì)師

如何做好用戶體驗(yàn)設(shè)計(jì)

用戶體驗(yàn)設(shè)計(jì)師必需的日常

第三章 設(shè)計(jì)師的困惑

菜鳥如何入門

面試什么最重要

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

第四章 設(shè)計(jì)流程——設(shè)計(jì)師具體做什么

用戶體驗(yàn)設(shè)計(jì)師在干嗎？

產(chǎn)品定位

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

如何把用戶需求轉(zhuǎn)化為產(chǎn)品需求

考慮用戶的五個(gè)因素

第六章? 設(shè)計(jì)規(guī)劃--從需求到設(shè)計(jì)草圖

確定需求之后滔驾，設(shè)計(jì)師并不是馬上打開軟件開始畫圖缕陕。優(yōu)秀的設(shè)計(jì)要經(jīng)歷充足的規(guī)劃過程本鸣。在這一環(huán)節(jié)中交互設(shè)計(jì)師起主導(dǎo)作用扁眯。

拿到需求之后壮莹，我們應(yīng)該先確定將要提供給客戶的必要信息，然后對其信息進(jìn)行分門類別姻檀，有效的組織起來命满。并以導(dǎo)航的模式呈現(xiàn)給用戶，并讓用戶快速的找出想要的信息绣版。

同時(shí)胶台，根據(jù)需求設(shè)計(jì)相應(yīng)的任務(wù)，排列任務(wù)優(yōu)先級杂抽，并在界面上通過一系列的引導(dǎo)诈唬，幫助用戶完成任務(wù)。（對于復(fù)雜的任務(wù)缩麸，盡量簡化其操作）

對于一個(gè)網(wǎng)站來說铸磅，信息和任務(wù)并不是孤立存在的，而是互相關(guān)聯(lián)的杭朱。

根據(jù)需求設(shè)計(jì)相關(guān)的信息和任務(wù)阅仔，通過組織信息結(jié)構(gòu)，引導(dǎo)用戶完成任務(wù)得到一系列相關(guān)聯(lián)的界面草圖弧械。

最終目的是通過專業(yè)的設(shè)計(jì)工作八酒，讓產(chǎn)品滿足用戶需求，減少用戶的理解和操作成本刃唐。還能吸引用戶羞迷，捕獲用戶的芳心。

6.1從需求到界面唁桩，隔著一扇門

6.1.1如何搞定信息分類

信息的分類與組織試設(shè)計(jì)一個(gè)網(wǎng)站的基礎(chǔ)闭树。

①邏輯歸類? 我們可以使用人們在生活中熟悉的分類邏輯對內(nèi)容進(jìn)行組織

卡片分類? 卡片分類可以設(shè)計(jì)出符合用戶心智模型的信息架構(gòu)（就是邀請用戶把類似的東西放在一起）

②在產(chǎn)品設(shè)計(jì)初級階段，利用卡片分類可以知道用戶對網(wǎng)站內(nèi)容的期望荒澡，為信息架構(gòu)的搭建提供依據(jù)（可驗(yàn)證現(xiàn)有的信息結(jié)構(gòu)是否合理為新版本的改進(jìn)提供有效幫助）

③卡片分類有開放式和封閉式兩種形式

④開放式：開放式的卡片分類會(huì)給用戶足夠的自由度來進(jìn)行信息歸類但結(jié)果不可控

⑤封閉式：設(shè)計(jì)師首先會(huì)將導(dǎo)航的架構(gòu)設(shè)計(jì)好確定出導(dǎo)航的個(gè)數(shù)和名稱再將屬于這些內(nèi)幕的卡片分別發(fā)給用戶报辱，在讓用戶在框架下進(jìn)行分類

6.1.2好的設(shè)計(jì)導(dǎo)航是成功的一半

信息的組織與分類是導(dǎo)航設(shè)計(jì)的基礎(chǔ)，而導(dǎo)航設(shè)計(jì)在互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中又扮演著重要的角色单山。

導(dǎo)航的自我解釋：

①成功的導(dǎo)航能讓用戶在導(dǎo)航系統(tǒng)中清楚的認(rèn)識(shí)到信息結(jié)構(gòu)和自己所處的位置（即我從哪兒來 我在哪? 我到哪兒去）

②見面中的導(dǎo)航設(shè)計(jì)通過面包屑與頁面元素相呼應(yīng)的方式是用戶理解產(chǎn)品的信息結(jié)構(gòu)

深度廣度平衡:

③在導(dǎo)航的信息組織中層級的數(shù)目可以稱為導(dǎo)航的深度乐埠，每一層級中包含的菜單項(xiàng)數(shù)可以稱為導(dǎo)航的廣度（設(shè)計(jì)時(shí)要考慮深度和廣度的平衡）

用戶所需信息與商業(yè)推廣信息的平衡：

④對導(dǎo)航的設(shè)計(jì)一方面要了解網(wǎng)站背后的商業(yè)目的合理的組織方式應(yīng)該既對用戶有意義又能滿足業(yè)務(wù)目標(biāo)菠劝。

為重要功能和常用功能設(shè)置快捷入口。導(dǎo)航應(yīng)該是結(jié)構(gòu)清晰合乎邏輯的，這是產(chǎn)品設(shè)計(jì)的必要條件屑柔。（快捷入口的設(shè)計(jì)太多會(huì)是產(chǎn)品混亂復(fù)雜）

6.1.3主要任務(wù)與次要任務(wù)

界面中過多的功能或內(nèi)容會(huì)讓用戶迷茫毡庆，效果便更差趋艘。

通過設(shè)計(jì)用戶任務(wù)枢泰，確定主要任務(wù)和次要任務(wù)逐工，可以幫助我們快速判斷界面上內(nèi)容關(guān)系。

①設(shè)計(jì)主線：就是把雜亂的功能點(diǎn)根據(jù)用戶的期望及目標(biāo)以正確的次序組織起來的過程漂辐。

是否設(shè)計(jì)支線泪喊，主要看次要行為流是否能對用戶完成主行為六產(chǎn)生必要幫助

6.1.4如何突出主要任務(wù)

分解用戶任務(wù)

排列任務(wù)優(yōu)先級（要從人數(shù),使用頻率,重要程度三個(gè)維度排列優(yōu)先級）

組織合并相關(guān)任務(wù)

6.1.5如何引導(dǎo)用戶完成任務(wù)

按照用戶的操作邏輯采用相似性引導(dǎo)，方向性引導(dǎo)髓涯，運(yùn)動(dòng)元素引導(dǎo)

①相似性引導(dǎo)

（大小袒啼，色彩，視覺元素等因素相似纬纪，可以牽引用戶的視覺蚓再，引導(dǎo)用戶操作）

方向性引導(dǎo)

②（可以利用具有指向性的箭頭進(jìn)行方向性引導(dǎo)）

運(yùn)動(dòng)元素引導(dǎo)

③（運(yùn)用于同一頁面的引導(dǎo)）

④向?qū)Э丶且环N常用的交互方式用來引導(dǎo)用戶完成多部操作。

6.2設(shè)計(jì)有好而應(yīng)用的界面

6.2.1如何簡化復(fù)雜的操作

通過減少干擾項(xiàng)包各，轉(zhuǎn)移復(fù)雜操作摘仅，簡化操作方式，優(yōu)化操作過程等方法都可以簡化復(fù)雜操作

①減少多余步驟和干擾項(xiàng)

②將復(fù)雜操作轉(zhuǎn)移給系統(tǒng)

③簡化操作方式

④優(yōu)化操作過程

6.2.2信息量太大頁面怎么擺

讓頁面層次不言而喻

讓重點(diǎn)信息跳出來

將次要信息藏起來

6.2.3理性的規(guī)劃VS感性的界面

交互階段設(shè)計(jì)師需要使用偏理性邏輯的思維髓棋，視覺階段設(shè)計(jì)師需要偏感性的思維

①以人為本的界面設(shè)計(jì)

②幫助用戶找到想要的東西

（明確目標(biāo)的用戶——能盡快找到所需信息

? ? 不確定目標(biāo)用戶——通過瀏覽和尋找明確自己需求

? ? 沒有目標(biāo)的用戶——激發(fā)用戶需求）

3.吸引無目標(biāo)用戶

（利用感性思維營造貼心,友好实檀，有吸引力的界面）

4.符合用戶心理模型

（了解用戶需求并在交互設(shè)計(jì)的表現(xiàn)形式上更貼近用戶的心理模型）

6.3捕捉用戶的芳心

1. 來自真實(shí)世界的靈感

真正影響用戶顯性人格并非理性惶洲，而是在各個(gè)生理期形成的潛意識(shí)因子

①擬物化視覺

②隱喻化的操作

（直接擬物化設(shè)計(jì)也有一定局限性）

2. 貼心的設(shè)計(jì)惹人愛

可控的感受

積極的反饋

貼心的提醒

3. 如何調(diào)動(dòng)用戶的情感

互動(dòng)的樂趣

驚喜的力量

情景的烘托

6.4快速表達(dá)我的想法——紙面原型

1.在需求到界面按声，中間還有一層是信息的組織和任務(wù)的設(shè)定。這以后才能快速的畫出草圖恬吕。

2.紙面原型圖--能夠快速的表達(dá)我的想法签则。

3.設(shè)計(jì)規(guī)劃是一個(gè)承前啟后的階段，其目的是將最初的需求一步一步變?yōu)楝F(xiàn)實(shí)铐料。

4.紙面原型圖另一個(gè)優(yōu)點(diǎn):當(dāng)通過紙面原型圖確定了大致的方案時(shí)渐裂，也就同時(shí)產(chǎn)生了產(chǎn)品的框架，主要流程钠惩，基本信息和功能表柒凉。可以使交互設(shè)計(jì)細(xì)化的同時(shí)篓跛，視覺設(shè)計(jì)也同時(shí)進(jìn)行視覺設(shè)計(jì)膝捞，可節(jié)省時(shí)間，縮短工期愧沟。

5.紙面原型圖只用粗細(xì)不等的線條和陰影關(guān)系蔬咬，畫出界面的層次關(guān)系即可°逅拢可以通過便簽紙和小卡片當(dāng)做氣泡林艘，彈出層，模態(tài)窗口混坞，或做為頁面標(biāo)注的工具狐援，說明產(chǎn)品功能，來表達(dá)交互效果。

6.也可以在網(wǎng)上找出標(biāo)準(zhǔn)的交互原型組件庫啥酱，打印出來與手繪配合场钉。

7.紙面原型圖可以看作最終設(shè)計(jì)方案的雛形，其中懈涛，最需要關(guān)注的是框架逛万，流程，基本功能批钠，和內(nèi)容宇植。可以忽略設(shè)計(jì)細(xì)節(jié)埋心。

8.紙面原型圖就是將需求指郁，任務(wù)，信息拷呆，操作等進(jìn)行總和闲坎，將其串聯(lián)起來。

9.界面的邏輯關(guān)系可以通過繪制的深淺或顏色來區(qū)分茬斧，但是要適度腰懂，避免分散注意力。

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

7.1 什么是設(shè)計(jì)原型

1.原型的由來——設(shè)計(jì)方案的表達(dá)

設(shè)計(jì)原型是設(shè)計(jì)方案的表達(dá)看项秉，是設(shè)計(jì)師的重要產(chǎn)出物之一绣溜，也是項(xiàng)目團(tuán)隊(duì)參考、評估的重要依據(jù)娄蔼。它是產(chǎn)品功能和內(nèi)容的示意圖怖喻，既包含靜態(tài)的頁面樣式（線框圖）。也包含動(dòng)態(tài)的操作效果（交互說明）岁诉。

2.為什么要學(xué)習(xí)原型制作

再好的設(shè)計(jì)想法锚沸，如果沒有清晰、標(biāo)準(zhǔn)的表達(dá)涕癣，效果也會(huì)大打折扣哗蜈。想要成為一個(gè)專業(yè)的交互設(shè)計(jì)師，一定要學(xué)會(huì)產(chǎn)出標(biāo)準(zhǔn)的原型稿属划。為了讓不同的角色都能理解你的設(shè)計(jì)方案恬叹，原型圖務(wù)必要表達(dá)清楚、規(guī)范同眯，一旦表述不清绽昼，開發(fā)出來的成果可能就會(huì)出現(xiàn)偏差，背離設(shè)計(jì)師的本意须蜗，同時(shí)還會(huì)影響開發(fā)的節(jié)奏和效率硅确，對項(xiàng)目造成極大的影響目溉。

3.低保真原型與高保真原型

低保真原型：與最終產(chǎn)品不太相似的原型。它可以是紙面原型（草圖）菱农，也可以是用軟件繪制的線框圖缭付。（Axure、Visio軟件）

高保真原型：高保真原型在外觀循未、操作上與最終的產(chǎn)品保持一致陷猫。相當(dāng)于一個(gè)高級模型，更適合做展示用的妖，并不等同于真實(shí)的產(chǎn)品绣檬。

7.2 標(biāo)準(zhǔn)的原型應(yīng)該包含什么內(nèi)容

1.簡要說明與信息結(jié)構(gòu)

①變更日志：同需求文檔一樣，原型的設(shè)計(jì)也不可能一次到位嫂粟，一般都需要經(jīng)過溝通娇未、評審后略做調(diào)整。對于比較大型星虹、周期較長的項(xiàng)目零抬，往往是做一部分評審一部分，評審后定期更新宽涌。

②信息結(jié)構(gòu)：產(chǎn)品內(nèi)容都有什么平夜，它們是如何組織起來的頁面層級又是如何分布的，等等护糖，這些在信息結(jié)構(gòu)中都有體現(xiàn)褥芒。信息結(jié)構(gòu)可以讓項(xiàng)目成員快速瀏覽到產(chǎn)品內(nèi)容嚼松、功能嫡良、結(jié)構(gòu)等重要信息，做到一覽全貌献酗。

2.任務(wù)流程與頁面流程

任務(wù)流程：是指用戶使用產(chǎn)品時(shí)寝受，它的每一步操作會(huì)遇到什么結(jié)果，系統(tǒng)會(huì)如何反饋罕偎，等等很澄。

頁面流程：比任務(wù)流程圖更清晰、具體颜及。通過頁面流程圖甩苛，不僅可以看到具體的頁面，還可以看到用戶如何通過操作俏站，從一個(gè)頁面跳轉(zhuǎn)到另一個(gè)頁面的完整過程讯蒲。

3.線框圖&交互說明

線框圖代表靜態(tài)的部分，而交互說明則代表著動(dòng)態(tài)部分

交互說明主要類型

限制

范圍值：主要指數(shù)據(jù)的取值范圍

極限值：主要指數(shù)據(jù)的顯示限制

狀態(tài)

默認(rèn)狀態(tài)：主要指默認(rèn)顯示的文字肄扎、數(shù)據(jù)墨林、選項(xiàng)等赁酝。

常見狀態(tài)：主要指針對某一模塊，經(jīng)常遇到的一些狀態(tài)旭等。

特殊狀態(tài)：一般指非正常情況下的樣式酌呆、文案、說明等搔耕。

操作

常見操作：主要指正常操作時(shí)得到的反饋狀態(tài)隙袁。

特殊操作：主要指一些極端情況下的操作。

誤操作：主要指當(dāng)用戶操作錯(cuò)誤時(shí)的情況弃榨。（我們在設(shè)計(jì)時(shí)要盡量避免用戶犯錯(cuò)的機(jī)會(huì)）

手勢操作：主要指用戶使用移動(dòng)產(chǎn)品時(shí)的操作方式藤乙。（常見的有點(diǎn)擊、雙擊惭墓、長按等等）

反饋

提示：主要指操作后坛梁，系統(tǒng)反饋給用戶的文字說明等

跳轉(zhuǎn)：主要指點(diǎn)擊摸個(gè)鏈接后跳轉(zhuǎn)到哪里（設(shè)計(jì)師需要在原型上注明跳轉(zhuǎn)時(shí)是“原頁面刷新”還是“新頁面打開”，如果是做手機(jī)應(yīng)用的話需要注明跳轉(zhuǎn)時(shí)的轉(zhuǎn)場方式）腊凶。

動(dòng)畫：主要指用戶操作后划咐，系統(tǒng)通過動(dòng)畫的方式反饋給用戶。（給人感覺較友好钧萍、趣味性較強(qiáng)褐缠，是常見的一種反饋形式）

寫交互說明時(shí)主要記住2條內(nèi)容：除靜態(tài)頁面外，還需考慮各種動(dòng)態(tài)情況：除正常情況外风瘦，還需考慮特殊情況和錯(cuò)誤情況队魏。

7.3 你真的會(huì)畫線框圖嗎

1.通過明暗對比表達(dá)

2.不使用截圖和與顏色

3.合理的布局（建議在確定界面布局時(shí)，提前和視覺設(shè)計(jì)師溝通万搔，避免不必要的返工）胡桨。

4.遵守柵格規(guī)范（柵格系統(tǒng)是平面設(shè)計(jì)的方法與風(fēng)格，固定格子設(shè)計(jì)版面布局）

5.標(biāo)記第一屏高度（首屏高度）

6.表達(dá)清楚UI邏輯（提前整理內(nèi)容瞬雹，以保證文字昧谊、鏈接、操作等內(nèi)容的樣式符合他們所代表的重要程度）

7.考慮視覺實(shí)現(xiàn)后的效果（考慮清晰的邏輯酗捌，減少視覺設(shè)計(jì)師的頻繁返工）

8.了解視覺趨勢

7.4 寫交互說明的訣竅

1.盡量使用真實(shí)呢诬、符合邏輯的數(shù)據(jù)內(nèi)容。

2.不遺漏特殊狀態(tài)的描述

3.避免過長的說明

4.避免流水賬式的說明

①流程圖代替文字說明

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

③巧妙組織文字說明

④制作動(dòng)態(tài)效果（Axure胖缤、ppt）

5.關(guān)于重復(fù)出現(xiàn)的模塊尚镰，盡快用模塊化的思維方式來處理較復(fù)雜的問題，對提高工作效率很有幫助哪廓。

6.如原型圖有修改狗唉，不要口頭溝通，而要更新交互說明并告知大家

7.5 關(guān)于設(shè)計(jì)規(guī)范

1.什么是設(shè)計(jì)規(guī)范撩独，設(shè)計(jì)規(guī)范是對設(shè)計(jì)的具體細(xì)節(jié)敞曹、技術(shù)要求账月，是設(shè)計(jì)工作的規(guī)則和界限，是一種模塊化應(yīng)用的方法澳迫。

2.沒有規(guī)范容易出現(xiàn)什么問題局齿？

①不同頻道/模塊獨(dú)立設(shè)計(jì)（每部分看起來不統(tǒng)一）

②同類功能組件存在多種樣式（浪費(fèi)精力，影響用戶操作）

③同類元素多樣性（即使是聽一個(gè)設(shè)計(jì)師橄登，設(shè)計(jì)同樣的元素抓歼，也不可能保證和之前的結(jié)果完全一致）

④設(shè)計(jì)效率低下

⑤設(shè)計(jì)質(zhì)量難以把控

3規(guī)范解決了什么問題

①“一致性”形成鮮明的產(chǎn)品特征，增強(qiáng)用戶粘性

②提高易用性

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

④其他（比如避免重復(fù)勞動(dòng)拢锹、提高工作效率谣妻、提高設(shè)計(jì)質(zhì)量）

4.設(shè)計(jì)規(guī)范的分類

①產(chǎn)品戰(zhàn)略級方向的規(guī)范

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

5.什么時(shí)候開始設(shè)計(jì)規(guī)范

項(xiàng)目全部完成之后再設(shè)計(jì)規(guī)范（不是絕對的方法）

6.制定設(shè)計(jì)規(guī)范的原則

交互規(guī)范一般先于視覺規(guī)范。設(shè)計(jì)規(guī)范一般遵循從大到小的原則卒稳，即：先制定大的設(shè)計(jì)方向蹋半，再制定項(xiàng)目中單個(gè)詳細(xì)的說明；先制定團(tuán)隊(duì)合作的規(guī)范充坑，再制定個(gè)人操作上的規(guī)范减江。

7.規(guī)范的執(zhí)行及注意事項(xiàng)

制定規(guī)范的目的不是為了限制設(shè)計(jì)師的發(fā)揮，而是幫助設(shè)計(jì)師少走彎路捻爷。

規(guī)范不可能面面俱到辈灼，也不可能涵蓋到所有的情況。我們更需要的是培養(yǎng)設(shè)計(jì)師的規(guī)范意識(shí)也榄，而不是過于教條巡莹。

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

8.1 做設(shè)計(jì)評審的主導(dǎo)者

1.設(shè)計(jì)評審的目的

①檢驗(yàn)?zāi)繕?biāo)

②發(fā)現(xiàn)問題

③達(dá)成共識(shí)

2.評審前的充足準(zhǔn)備

①事先考慮所有可能的方案（評審簽需要把能想到的方案仔都細(xì)考慮一遍）

②準(zhǔn)備各種設(shè)計(jì)依據(jù)

③做好會(huì)議邀請工作（撰寫一封正式的邀請郵件，并附上自己的設(shè)計(jì)稿）

3.如何再評審中掌握主導(dǎo)權(quán)

①主導(dǎo)流程甜紫，方案完成并不代表著工作結(jié)束降宅，推薦設(shè)計(jì)也是設(shè)計(jì)師的重要工作之一，因?yàn)楹玫脑O(shè)計(jì)要上線后才能被廣大用戶感知到棵介。在設(shè)計(jì)方案展示過程中注意表達(dá)技巧钉鸯，語速不要過塊，闡述重要的設(shè)計(jì)點(diǎn)時(shí)要清晰邮辽，還要注意時(shí)間和節(jié)奏的把握。

②提高效率贸营，控制話題吨述。偏離主題的討論和對某個(gè)細(xì)節(jié)的持久爭論時(shí)會(huì)議效率的兩大殺手。

③區(qū)分和收集有價(jià)值的反饋意見钞脂，設(shè)計(jì)師需要區(qū)分哪些反饋是有價(jià)值的揣云，可以指導(dǎo)后續(xù)的設(shè)計(jì)和修改，哪些反饋是需要過濾掉的冰啃。

④評審后的分析和跟進(jìn)邓夕，在評審會(huì)上收集了反饋意見之后設(shè)計(jì)師需要整理總結(jié)這些意見刘莹。

8.2 如何審核視覺稿

1.對交互稿理解是否正確

2.關(guān)注視覺層次是否足夠清晰

3關(guān)注交互細(xì)節(jié)和狀態(tài)標(biāo)注

4.在審美方面不要過分干涉

8.3 開發(fā)階段設(shè)計(jì)師該做些什么

1.勤于溝通

2.統(tǒng)一的規(guī)范和標(biāo)準(zhǔn)（行高/文字距離）

3.設(shè)計(jì)走查。（更好的確保上線后的產(chǎn)品與設(shè)計(jì)稿一致）

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

9.1 可用性測試

1.什么是可用性測試焚刚，可用性測試是改善產(chǎn)品的最佳方式之一点弯。通過觀察用戶使用產(chǎn)品，發(fā)現(xiàn)存在的問題的一種方法矿咕。的每一個(gè)交互設(shè)計(jì)師都應(yīng)該至少掌握簡易可用性測試的方法抢肛。因?yàn)槿魏萎a(chǎn)品都有問題，而我們不是用戶碳柱。

2.設(shè)計(jì)測試任務(wù)該注意些什么

①給出使用目標(biāo)捡絮，而不是直接地操作。

②盡量選擇最重要的莲镣，最頻繁的任務(wù)進(jìn)行測試福稳。

③符合正常的操作流程

3.測試用戶選擇

①選擇有代表性的用戶

②用戶數(shù)量的選擇（5名左右）

4.測試過程中的注意事項(xiàng)

①切忌引導(dǎo)性國強(qiáng)

②操作行為永遠(yuǎn)是重點(diǎn)

③不要忽視現(xiàn)場反應(yīng)

④考慮使用場景

⑤感謝被測試者，并給予一定的報(bào)酬

④問題的分析與改進(jìn)

⑤靈活運(yùn)用可用性測試

9.2? A/B測試

1.設(shè)定衡量標(biāo)準(zhǔn)

2.對同一個(gè)用戶呈現(xiàn)相同的頁面

3.保證開兩個(gè)版本同時(shí)測試

4.單一變量

5.A/B測試的延展——灰度發(fā)布

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

1.收集和讀懂用戶反饋

①收集用戶反饋

②分析用戶反饋

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

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

第十章 設(shè)計(jì)師的自我修養(yǎng)

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

（1）對設(shè)計(jì)充滿興趣和激情瑞侮、有天分灵寺、思維活躍、有很多好的想法区岗，時(shí)常記錄自己的靈感略板；

（2）有創(chuàng)意，有高度的概括慈缔、總結(jié)能力及抽象思維能力叮称，可以迅速歸納出問題的本質(zhì)；

（3）執(zhí)行力強(qiáng)藐鹤、情商高瓤檐。永遠(yuǎn)不滿足于現(xiàn)狀，追求完美娱节、關(guān)注細(xì)節(jié)挠蛉，做出的東西永遠(yuǎn)都超出需求方預(yù)期，在設(shè)計(jì)中融入自己的精神和靈魂肄满。

（4）有條理谴古、有上進(jìn)心。眼界開闊稠歉、知識(shí)面廣掰担、樂于分享。

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

（1）缺乏興趣怒炸、不用心带饱，作品既沒有太大的問題，也沒有太大的驚喜。

（2）心態(tài)不好頑固任性愛抱怨喜歡找客觀理由勺疼，推脫責(zé)任教寂，不接受意見。

（3）不會(huì)合理安排時(shí)間执庐，時(shí)間估算不準(zhǔn)酪耕。

（4）不會(huì)恰當(dāng)表現(xiàn)只知道埋頭苦干，卻不懂適度表現(xiàn) 耕肩，存在感低因妇。

（5）過于被動(dòng)，溝通及團(tuán)隊(duì)協(xié)作能力差猿诸，學(xué)習(xí)意愿不強(qiáng)婚被，不夠?qū)I(yè)。

10.3 從哪幾方面來提高

（1）從這些表象上來看設(shè)計(jì)師需要從三方面來提升自己梳虽，即專業(yè)址芯、溝通、流程窜觉。興趣谷炸、素養(yǎng)、思維禀挫、技能決定了你未來職業(yè)發(fā)展的優(yōu)劣旬陡，而不純粹是具體的知識(shí)或技能。想要變優(yōu)秀语婴，不要先追逐“外功”描孟，而是修煉好“內(nèi)功”。內(nèi)外兼修砰左，方可成事匿醒。

10.4 學(xué)會(huì)思考，事半功倍

（1）思維能力是可以通過后天培養(yǎng)的缠导。具備良好的思維能力是優(yōu)秀設(shè)計(jì)師必備的條件廉羔。

（2）why，what僻造，how三步分析法

? ① why：得到外界結(jié)論是先思考為什么憋他。

? ② what：對現(xiàn)狀進(jìn)行更深層次的解讀。

? ③ how：在已知的基礎(chǔ)上嫡意，如何做得更好举瑰。

10.5 在否定中積極成長

（1）別害怕被否定：遇到否定和挫折時(shí)，不要一味的灰心喪氣蔬螟，而是要反思自己哪里做得不夠好，積極改進(jìn)汽畴，這樣你就不會(huì)再被否定旧巾。

（2）學(xué)會(huì)忍耐和付出：抱怨解決不了任何問題耸序，我們唯一能做的就是改變自己，讓自己變得更好鲁猩。

（3）識(shí)別真相：用戶說的不一定是他心里想的坎怪，同理，同事對你說的也不見得是他心中真實(shí)的想法廓握。

（4）適度妥協(xié)：實(shí)際是雖然需要適度的堅(jiān)持搅窿，但也要注意不要過于堅(jiān)持，工作中需要適當(dāng)?shù)淖兺ā?/p>

（5）超越自我：在別人否定中積極調(diào)整心態(tài)隙券，改進(jìn)提高男应，同時(shí)還善于自我否定，永遠(yuǎn)給自己設(shè)置更高的目標(biāo)娱仔，永遠(yuǎn)不滿足現(xiàn)狀沐飘。有良好的思維能力，健康的心態(tài)牲迫。

第十一章 設(shè)計(jì)師易忽略的工作意識(shí)

11.1 設(shè)計(jì)師的品牌意識(shí)

（1）只有懂得尊重品牌耐朴，別人才會(huì)尊重你的品牌；好的品牌可以成為一種信仰盹憎，對內(nèi)凝聚員工筛峭，對外樹立形象。

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

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

（4）追求獨(dú)特性：個(gè)性的標(biāo)志蜈项，獨(dú)特的風(fēng)格芹关。

（5）品牌宣傳無處不在：頁面加載，出現(xiàn)產(chǎn)品名稱水印效果紧卒。

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

（1）項(xiàng)目中常見的溝通方式：通過文檔溝通侥衬，通過郵件溝通，通過IM,通過電話溝通，面對面溝通轴总，會(huì)議溝通直颅。

（2）不同溝通的適用環(huán)境

（3）項(xiàng)目中常見的溝通問題：敢怒不敢言，用批評代替贊揚(yáng)和鼓勵(lì)怀樟，單向溝通少說多聽功偿，思維方式、立場不一導(dǎo)致的溝通障礙往堡，性格差異導(dǎo)致的溝通障礙械荷，溝通積極性差。

（4）如何更好地溝通：放平心態(tài)換位思考虑灰。積極主動(dòng)多思考吨瞎、多提問、多表達(dá)自己的意見瘩缆，遇到不快的事不要急著下結(jié)論关拒。更多肯定、更少批評庸娱。真正認(rèn)識(shí)溝通的意義着绊，真正優(yōu)秀的設(shè)計(jì)師，不一定咄咄逼人熟尉，但卻言之有理归露、讓人心服口服。

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

（1）兩類流程：

①設(shè)計(jì)流程：需求分析-信息架構(gòu)-任務(wù)流程-頁面草圖-標(biāo)準(zhǔn)原型

②項(xiàng)目流程：

（2）如果不遵守流程：需求不確定斤儿、反復(fù)更改剧包；無具體排期、上線遙遙無期往果；沒預(yù)留出走查時(shí)間疆液、倉促上線；產(chǎn)品經(jīng)理一人獨(dú)大陕贮、項(xiàng)目失控堕油；出現(xiàn)問題難以定責(zé)。

（3）一些需要注意的問題：

①需求變動(dòng)：需要重新評估工作量肮之，大的改動(dòng)放到下一期掉缺，小的改動(dòng)如征得大家同意可以本期修改。

②關(guān)于排期：根據(jù)需求內(nèi)容來確定具體的時(shí)間安排戈擒。

③關(guān)于設(shè)計(jì)：后期有修改眶明，需要通知大家評估。

④多做可用性測試筐高。

⑤上線前后：產(chǎn)品經(jīng)理通知項(xiàng)目成員搜囱，進(jìn)行最后的檢查丑瞧。

（4）設(shè)計(jì)師的流程意識(shí)：靈活性、主動(dòng)性和專業(yè)性犬辰。

第十二章 設(shè)計(jì)師為了什么而設(shè)計(jì)

12.1 設(shè)計(jì)師為了誰而設(shè)計(jì)

（1）設(shè)計(jì)師不是為自己設(shè)計(jì)嗦篱，也不是為老板冰单、為用戶設(shè)計(jì)幌缝，更不應(yīng)該只看重眼前的利益。設(shè)計(jì)師要做的是平衡商業(yè)價(jià)值與用戶需求诫欠，通過自己的專業(yè)水平為公司涵卵、用戶創(chuàng)造最大的價(jià)值。

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

（1）構(gòu)建強(qiáng)大的自我：產(chǎn)品經(jīng)理在項(xiàng)目中占據(jù)了一定的主導(dǎo)地位荒叼。對整個(gè)項(xiàng)目的結(jié)果負(fù)責(zé)轿偎，是團(tuán)隊(duì)的精神領(lǐng)袖。設(shè)計(jì)師不想在項(xiàng)目中過于被動(dòng)被廓，在產(chǎn)品設(shè)計(jì)上擁有話語權(quán)坏晦，只懂得設(shè)計(jì)是遠(yuǎn)遠(yuǎn)不夠的，一定要有商業(yè)意識(shí)嫁乘，懂產(chǎn)品昆婿，懂得如何站在更高的角度上權(quán)衡利弊。

（2）與產(chǎn)品經(jīng)理的制衡：二者需要互相平衡蜓斧，互相制衡仓蛆，否則容易失控。

（3）與產(chǎn)品經(jīng)理合作

（4）設(shè)計(jì)師具體應(yīng)該：

① 識(shí)別需求的有效性

② 重塑需求

③ 梳理結(jié)構(gòu)流&界面設(shè)計(jì)

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

（1）交互設(shè)計(jì)師首先要肯定自己的價(jià)值挎春，然后努力去發(fā)揮自己的價(jià)值看疙。把學(xué)到的在工作中不斷加以應(yīng)用，不斷總結(jié)積累直奋，那么終有一天能庆，你會(huì)破繭成碟，實(shí)現(xiàn)用戶體驗(yàn)設(shè)計(jì)師的價(jià)值脚线。

? ? ? ? ? ? ? ? ? ? ? ? ? ? 三米工作室 WE團(tuán)隊(duì)