本書講了什么
包含設(shè)計(jì)規(guī)范制定、圖標(biāo)設(shè)計(jì)與驗(yàn)證、設(shè)計(jì)協(xié)作、服務(wù)設(shè)計(jì)、信息可視化設(shè)計(jì)、物料設(shè)計(jì)、敏捷設(shè)計(jì)、移動(dòng)搜索設(shè)計(jì)、情感化設(shè)計(jì)等近20個(gè)設(shè)計(jì)領(lǐng)域的重要主題。
作者什么來頭
支付寶UED團(tuán)隊(duì)（Alipay User-Experience，簡(jiǎn)稱AUX），隸屬于支付寶產(chǎn)品的核心部門，擁有近百位分布于杭州、北京、上海優(yōu)秀的國內(nèi)和外籍設(shè)計(jì)師，他們一同為整個(gè)支付寶的用戶體驗(yàn)和視覺美感把關(guān)。
前言
用戶體驗(yàn)是一個(gè)系統(tǒng)性的問題，好的體驗(yàn)是用戶使用服務(wù)整個(gè)階段的感受。因此，設(shè)計(jì)時(shí)一定不能重形忘因。一個(gè)產(chǎn)品和服務(wù)能獲得成功，是因?yàn)樗嬲龓腿藗兘鉀Q了某些問題。有兩個(gè)關(guān)鍵要素，一是用戶，二是場(chǎng)景。
好的東西都是簡(jiǎn)單的，不僅符合專業(yè)，也符合直覺。簡(jiǎn)單，就是可以用幾句話就能很快說清楚，并能讓目標(biāo)用戶產(chǎn)生共鳴，而且學(xué)習(xí)成本低。如果達(dá)不到這樣的效果，那么一定是設(shè)計(jì)方案出了問題。
我們特別容易犯的錯(cuò)誤就是：在討論或者爭(zhēng)論一個(gè)問題的時(shí)候，很容易從對(duì)哪種方式體驗(yàn)更好一些的爭(zhēng)論，變成誰對(duì)誰錯(cuò)的爭(zhēng)論，應(yīng)該從事情本身出發(fā)，從用戶角度出發(fā)，去考慮最好的用戶體驗(yàn)。討論本身并不是為了贏，而是獲得最佳結(jié)果。
01 行業(yè)設(shè)計(jì)“五步法”
第1節(jié) 充分的行業(yè)調(diào)研
行業(yè)的發(fā)展歷史、現(xiàn)狀、前景和特點(diǎn)；
行業(yè)的價(jià)值鏈；
行業(yè)的競(jìng)爭(zhēng)態(tài)勢(shì)；
產(chǎn)業(yè)政策，監(jiān)管體制；
市場(chǎng)容量、市場(chǎng)細(xì)分結(jié)構(gòu)以及未來增長(zhǎng)趨勢(shì)；
行業(yè)供需結(jié)構(gòu)與盈利方式；
相關(guān)利益方分析；
行業(yè)痛點(diǎn)、關(guān)鍵成功要素和自身優(yōu)勢(shì)。
1.桌面研究
桌面研究指不進(jìn)行一手資料的實(shí)地調(diào)研和采集，而直接通過電腦、雜志、書籍、文檔、互聯(lián)網(wǎng)搜索等現(xiàn)有二手資料進(jìn)行分析和研究的方案。
2.田野調(diào)查
田野調(diào)查指深入線下并觀察用戶使用場(chǎng)景，繪制體驗(yàn)地圖，繪制用戶體驗(yàn)曲線。主要分為3個(gè)階段：
準(zhǔn)備階段，要選定好被調(diào)查地點(diǎn)和被調(diào)查人群，進(jìn)行必要的物資準(zhǔn)備，包括錄音設(shè)備、錄像設(shè)備、筆、筆記本等。
調(diào)查階段，最好2~3人組成一個(gè)團(tuán)隊(duì)，針對(duì)不同的服務(wù)場(chǎng)景，如大廳、候診廳、繳費(fèi)窗口處等進(jìn)行布點(diǎn)，主要采用參與觀察和攔訪兩種形式。
整理階段，要進(jìn)行問題的歸納和總結(jié)，梳理出在體驗(yàn)節(jié)點(diǎn)中用戶遇到的主要問題，撰寫一份調(diào)研總結(jié)大綱，把主要問題列出并快速同步給團(tuán)隊(duì)和業(yè)務(wù)方。
第2節(jié) 圈定目標(biāo)人群，明確用戶分類與行為特征
1.人口學(xué)特征
人口學(xué)特征包括空間、年齡、性別、文化、職業(yè)、收入、生育率等指標(biāo)，在項(xiàng)目設(shè)計(jì)前，必須明確核心用戶群體的人口學(xué)特征。
2.用戶分層
對(duì)用戶從不同緯度進(jìn)行拆解與分析會(huì)發(fā)現(xiàn)，不同的用戶群體產(chǎn)生的行為特征具有明顯的差異化。分層也是用于比較的，比較是為了反映不同用戶層的核心需求，進(jìn)而指導(dǎo)產(chǎn)品方向，所以分層最終還是為了指導(dǎo)產(chǎn)品決策。
3.行為特征
進(jìn)行用戶分層后，找出核心用戶的行為特點(diǎn)，主要分析核心場(chǎng)景中用戶在處理核心任務(wù)的行為方式。
第3節(jié) 仿真分析，搭建用戶場(chǎng)景
1.場(chǎng)景是什么
把自己當(dāng)導(dǎo)演：挑選場(chǎng)地和布景，考慮演員的狀態(tài)，如何走位，臺(tái)詞有哪些，電影的核心主題如何表達(dá)等。用戶的核心痛點(diǎn)與產(chǎn)品的核心功能很有可能是由多個(gè)使用場(chǎng)景組成的。基于目標(biāo)與任務(wù)進(jìn)行構(gòu)建，讓設(shè)計(jì)師能深入“劇情”，在細(xì)節(jié)中推敲用戶的每一個(gè)想法和舉動(dòng)。
2.為什么要搭建場(chǎng)景
解決用戶痛點(diǎn)是場(chǎng)景構(gòu)建的主要目的之一，市場(chǎng)需求逐漸變得碎片化、長(zhǎng)尾化、多元化和個(gè)性化，搭建場(chǎng)景能覆蓋用戶全量活動(dòng)軌跡，讓需求分析更精準(zhǔn)，讓產(chǎn)品功能更全面，讓業(yè)務(wù)目標(biāo)定位更清晰。
3.場(chǎng)景該如何搭建
仿真分析即仿照真實(shí)線下流程構(gòu)建線上虛擬場(chǎng)景的方法。仿真分析能從成本、時(shí)間、行為、路徑等多個(gè)角度驗(yàn)證流程，評(píng)估流程的體驗(yàn)優(yōu)劣，對(duì)流程的模擬執(zhí)行生成結(jié)構(gòu)化的結(jié)果，從而幫助用戶找到流程中的“瓶頸”并加以分析與優(yōu)化。
第4節(jié) 篩選核心需求，建立需求管理
評(píng)估需求。需求的評(píng)估最重要的不是知道要做什么，而是知道什么不要做。
排序需求。進(jìn)行整體的平衡和優(yōu)先級(jí)的排布才能實(shí)現(xiàn)產(chǎn)品功能迭代價(jià)值的最大化。
需求變更管理。對(duì)于簡(jiǎn)單的需求變更，在對(duì)項(xiàng)目進(jìn)度沒有影響、對(duì)開發(fā)成本沒有造成負(fù)擔(dān)的情況下，是可以快速完成的。反之則要嚴(yán)格把控。
第5節(jié) 建立交互框架，輸出交互方案
1.信息架構(gòu)設(shè)計(jì)
如果框架清晰，用戶就能快速完成任務(wù)目標(biāo)，它是產(chǎn)品與用戶交互的隱性環(huán)節(jié)。廣而淺的架構(gòu)用戶可以用較少的點(diǎn)擊完成相應(yīng)的目標(biāo)任務(wù)，但信息分類標(biāo)準(zhǔn)過多，會(huì)增加用戶層級(jí)分類尋找的成本。窄而深的架構(gòu)則使用戶增加了操作步驟，但減少了用戶操作選項(xiàng)。
2.流程圖
流程設(shè)計(jì)中要遵循以下原則：
以用戶需求為主要導(dǎo)向；
兼顧用戶的使用習(xí)慣；
流程盡量短；
每個(gè)操作頁面僅有一個(gè)核心操作任務(wù)；
考慮交互實(shí)現(xiàn)的開發(fā)成本。
3.頁面交互細(xì)節(jié)設(shè)計(jì)
對(duì)于制作交互說明，最好是有數(shù)字或者字母的清晰的對(duì)應(yīng)標(biāo)注，便于閱讀和理解。每一步的頁面跳轉(zhuǎn)說明，細(xì)節(jié)和動(dòng)作需要描述清楚。還應(yīng)有極限狀態(tài)下的說明，比如一個(gè)列表的最長(zhǎng)和最短的顯示，一行字段的長(zhǎng)度限制，是否跳行，等等。
02設(shè)計(jì)規(guī)范的建設(shè)/*略*/
03 設(shè)計(jì)走查表
第1節(jié) 硬件特性
1.制定適配原則
數(shù)量不變進(jìn)行同比放大適配。
同行數(shù)量增多，圖片字號(hào)大小不變。
避免不規(guī)則背景。
不同設(shè)備適配時(shí)遮擋。
2.賬戶在設(shè)備上的切換
同一設(shè)備，不同賬戶切換。
不同設(shè)備，同一賬戶iOS切換。
3.橫豎屏顯示效果
如果不支持橫屏顯示則鎖定豎向或橫向的單一方向。如果支持則要在設(shè)計(jì)的過程中考慮豎屏和橫屏兩種模式下的顯示效果。
第2節(jié) 軟件特性
制定多平臺(tái)的設(shè)計(jì)規(guī)范
產(chǎn)品如果是多平臺(tái)設(shè)計(jì)，需要制定平臺(tái)規(guī)范。比如統(tǒng)一的表單操作、浮層提示、加載、刷新等，這些組控件的統(tǒng)一，可以有效地提高產(chǎn)品優(yōu)化的效率，降低開發(fā)成本，同時(shí)能保證用戶體驗(yàn)的一致性。
版本兼容
版本覆蓋時(shí)間。新版本上線后要確認(rèn)一下版本在多久的時(shí)間范圍內(nèi)可以覆蓋80%以上的用戶。
更新提示強(qiáng)弱。一般來說，用戶可以選擇不去更新版本繼續(xù)使用，但是當(dāng)App產(chǎn)生較大BUG或存在安全隱患時(shí)，可通過不可取消更新進(jìn)行強(qiáng)制升級(jí)。
兼容性展示。新版本的內(nèi)容是可以展示在舊版本上的。
第3節(jié) 網(wǎng)絡(luò)特性
快速啟動(dòng)
讓用戶感知到應(yīng)用的啟動(dòng)速度比較快。
作為一個(gè)產(chǎn)品品牌展示區(qū)/*slogan*/
作為一個(gè)廣告展示區(qū)。
合理緩存
頁面合理緩存可以讓用戶感受到應(yīng)用的速度更快，不浪費(fèi)流量。一般應(yīng)用首頁有比較固定的內(nèi)容時(shí)需要做緩存或已有內(nèi)容的頁面不需要全頁面加載，可以先展示較舊的內(nèi)容然后加載出較新的內(nèi)容。
弱網(wǎng)環(huán)境
弱網(wǎng)環(huán)境下加載失敗。網(wǎng)絡(luò)環(huán)境不穩(wěn)定容易導(dǎo)致加載失敗，加載時(shí)間控制在8秒內(nèi)，并且盡可能地采用有趣的加載來降低用戶的等待時(shí)間，加載失敗后，要給予用戶重試的機(jī)會(huì)，并且告知加載失敗的原因。
弱網(wǎng)環(huán)境下內(nèi)容展示不全。弱網(wǎng)環(huán)境下可能只能顯示部分內(nèi)容，經(jīng)常遇到的情況是文字內(nèi)容顯示，而圖片無法加載出來，只出現(xiàn)占位圖或者是空白圖片。
弱網(wǎng)無網(wǎng)狀態(tài)下數(shù)據(jù)傳輸／設(shè)置生效機(jī)制。如果網(wǎng)絡(luò)環(huán)境不穩(wěn)定或者斷網(wǎng)，但用戶需要將內(nèi)容發(fā)布出去，可以支持用戶本地發(fā)出去，本地可見。當(dāng)有網(wǎng)絡(luò)請(qǐng)求時(shí)，再將內(nèi)容上傳到服務(wù)端，并且讓其他用戶可見。這樣可以有效提升用戶體驗(yàn)，讓用戶不受網(wǎng)絡(luò)環(huán)境的限制。
中斷、超時(shí)
在網(wǎng)絡(luò)中斷時(shí)，幫助用戶保存當(dāng)前的輸入內(nèi)容或者瀏覽內(nèi)容，當(dāng)重新連接到網(wǎng)絡(luò)時(shí)用戶可以繼續(xù)當(dāng)前的任務(wù)。若超時(shí)則給用戶提示，讓用戶停止等待，重新請(qǐng)求網(wǎng)絡(luò)或退出。
第4節(jié) 頁面狀態(tài)
頁面初始化
啟動(dòng)應(yīng)用進(jìn)入首頁時(shí)，可以在啟動(dòng)過程中預(yù)加載首頁內(nèi)容，讓用戶快速進(jìn)入且有內(nèi)容可預(yù)覽。頁面初始化需要配合加載策略進(jìn)行。
頁面刷新
一般情況下采用用戶手動(dòng)下拉刷新，下拉刷新不需要對(duì)整體頁面進(jìn)行刷新，只需要拉取最新的狀態(tài)，顯示出來即可。但是如果當(dāng)前頁面涉及一些數(shù)字的提醒或通知，則不需要刷新也可以展示給用戶，當(dāng)用戶點(diǎn)擊查看時(shí)觸發(fā)刷新，則將頁面內(nèi)容更新到最新的狀態(tài)。
頁面加載
分步加載。為了盡快地顯示頁面內(nèi)容，可先加載文字內(nèi)容，再加載圖片等內(nèi)容。
懶加載。在需要的時(shí)候才加載，這種加載效率低，但占用內(nèi)存小。
智能加載。第一種策略是在產(chǎn)品中增加網(wǎng)絡(luò)判斷的機(jī)制，如果在弱網(wǎng)環(huán)境下，提前壓縮圖片并顯示小圖片，使其能盡量展示預(yù)覽出的內(nèi)容，點(diǎn)擊小圖，可查看大圖。第二種策略是降低圖片視頻質(zhì)量，點(diǎn)擊后可以加載高清圖片或者點(diǎn)擊播放視頻選擇高清模式。
頁面內(nèi)容為空
一般與用戶相關(guān)的頁面可能為空，如我的動(dòng)態(tài)、評(píng)論等。這些頁面為空時(shí)，可以在顯示上用調(diào)皮一點(diǎn)的文案避免空頁面顯得過于枯燥。
第5節(jié) 頁面流程完整性
快速回到首頁/主要頁面。
讓用戶始終知道自己在哪兒。
返回到原來的瀏覽位置。
任務(wù)完成后跳轉(zhuǎn)。
第6節(jié) 消息通知
強(qiáng)消息通知，可以使用客戶端推送，用戶可以在手機(jī)屏幕或者手機(jī)的通知欄預(yù)覽到內(nèi)容。
弱消息通知，可以在用戶打開應(yīng)用后，在內(nèi)容層上統(tǒng)一提示，告訴共有××條新消息。點(diǎn)擊后可查看所有消息內(nèi)容。
第7節(jié) 細(xì)節(jié)
點(diǎn)擊狀態(tài)
按鈕點(diǎn)擊狀態(tài)包括開始、結(jié)束、不可點(diǎn)、失效、已領(lǐng)完、已過期等。
發(fā)送狀態(tài)
發(fā)送狀態(tài)分兩種：一是發(fā)送后需要較長(zhǎng)時(shí)間返回結(jié)果的，此時(shí)發(fā)送后直接到結(jié)果頁面，結(jié)果頁面上顯示當(dāng)前進(jìn)度和最終結(jié)果及其時(shí)間；二是發(fā)送后較短時(shí)間就返回結(jié)果的，此時(shí)發(fā)送后到過渡頁面，有幾秒的等待時(shí)間，然后跳轉(zhuǎn)到最終結(jié)果頁面。
輸入
減少輸入。在移動(dòng)端輸入的成本比較高，設(shè)計(jì)師可以通過表單、選項(xiàng)卡、默認(rèn)填入值來減少輸入。
輸入限制。在內(nèi)容不確定多寡的輸入框內(nèi)，可以采用暗文或數(shù)字的方式來幫助用戶確認(rèn)當(dāng)前的輸入內(nèi)容有沒有超過限制。輸入的內(nèi)容一定要做長(zhǎng)度限制。
中斷時(shí)保存內(nèi)容。遇到異常情況時(shí)，可以保存用戶在中斷前輸入的內(nèi)容，待環(huán)境穩(wěn)定后用戶可以繼續(xù)操作。
反饋
即時(shí)反饋。當(dāng)用戶操作后，若有需要反饋的信息，在操作后立刻給出，反饋的區(qū)域不能距用戶的操作區(qū)域太遠(yuǎn)，否則就會(huì)被忽略。
反饋效果。所有的點(diǎn)擊都要有明確的反饋狀態(tài)，點(diǎn)擊后會(huì)出現(xiàn)一系列的狀態(tài)變化。
音效
應(yīng)用音效需要考慮其大小，配合操作使用時(shí)是否有延遲。要考慮用戶當(dāng)前的使用場(chǎng)景出現(xiàn)聲音是否合適。
第8節(jié) 與時(shí)間、數(shù)字相關(guān)性問題
制定時(shí)間規(guī)范。規(guī)劃時(shí)間顯示規(guī)則，如格式是“2016-3-16”還是“2016/03/16”等。用在列表頁面、詳情頁面還是會(huì)話頁面都要提前規(guī)范好。
不同場(chǎng)景下時(shí)間格式的選擇。用戶對(duì)于時(shí)間的感知根據(jù)場(chǎng)景的不同會(huì)有很大的差異。對(duì)時(shí)間進(jìn)行設(shè)計(jì)時(shí)，一定是根據(jù)使用場(chǎng)景來進(jìn)行時(shí)間的設(shè)計(jì)。
04 圖標(biāo)設(shè)計(jì)與驗(yàn)證
第1節(jié) 圖標(biāo)設(shè)計(jì)四部曲
構(gòu)思方向
設(shè)計(jì)師應(yīng)提煉主題關(guān)鍵詞，通常在繪制圖標(biāo)的時(shí)候，需要先根據(jù)該圖標(biāo)要表達(dá)的含義進(jìn)行腦暴、找到相應(yīng)的參照物來衍生出關(guān)鍵詞，再根據(jù)關(guān)鍵詞找到更多的參照物來進(jìn)行繪制。
圖標(biāo)造型形態(tài)
空間維度。二維、三維。
時(shí)間維度。靜態(tài)圖標(biāo)和動(dòng)態(tài)圖標(biāo)。
風(fēng)格定位
目前主流的設(shè)計(jì)風(fēng)格有三種：扁平簡(jiǎn)潔風(fēng)格、華麗質(zhì)感寫實(shí)風(fēng)格和獨(dú)創(chuàng)個(gè)性風(fēng)格。
細(xì)節(jié)整合
接下來就是打磨圖標(biāo)調(diào)整大小、比例、角度、元素的數(shù)量、明暗關(guān)系，視覺上保證圖標(biāo)整體一致性。圖標(biāo)設(shè)計(jì)最主要的部分在于要弄清楚圖標(biāo)的功能是什么，抓住最主要的功能進(jìn)行探索，列出盡可能多的方案從不同的角度去思考。
第2節(jié) 圖標(biāo)可用性測(cè)試
定義目標(biāo)用戶的3個(gè)角度
人口學(xué)特征：性別、年齡、學(xué)歷、職業(yè)、地域等。
使用動(dòng)機(jī)：個(gè)人、企業(yè)、買家、賣家等。
使用經(jīng)驗(yàn)：產(chǎn)品的使用時(shí)長(zhǎng)、競(jìng)品的使用情況、互聯(lián)網(wǎng)的使用年限等。
圖標(biāo)可用性評(píng)估方向
圖標(biāo)的可識(shí)別性、差異性是影響用戶理解的兩個(gè)主要因素?？勺R(shí)別性低，用戶會(huì)理解不了圖標(biāo)想傳達(dá)的含義。差異性不很大，用戶會(huì)產(chǎn)生視覺混淆。圖標(biāo)可用性測(cè)試前期任務(wù)為：分別給出圖標(biāo)和圖標(biāo)名稱，請(qǐng)用戶一一對(duì)應(yīng)。
圖標(biāo)可用性檢驗(yàn)方法
影響圖形符號(hào)認(rèn)知的因素包含視覺復(fù)雜性、熟悉性、語義距離、具體性等。根據(jù)外部用戶的測(cè)試結(jié)果，將用戶看不懂的圖標(biāo)依據(jù)以上四個(gè)維度進(jìn)行評(píng)分，圖標(biāo)的優(yōu)化設(shè)計(jì)便可由此切入。
05 敏捷開發(fā)模式下的設(shè)計(jì)協(xié)作
需求分析階段
1.專業(yè)支持。通過用戶研究產(chǎn)出角色模型，通過市場(chǎng)分析和競(jìng)品研究產(chǎn)出競(jìng)品分析報(bào)告，進(jìn)行決策。
2.快速輸出原型?？焖龠M(jìn)行紙上原型的作業(yè)，梳理出框架圖和典型界面。
3.換位思考。深入思考產(chǎn)品經(jīng)理的需求背后的商業(yè)目的，是否有更好的方式來達(dá)到此商業(yè)目標(biāo)。
4.盡早邀請(qǐng)視覺設(shè)計(jì)師加入。請(qǐng)視覺設(shè)計(jì)師從需求討論階段就加入，好處是視覺設(shè)計(jì)師可以透徹的理解需求。
設(shè)計(jì)階段
約定規(guī)范，信息同步
了解全局，互相走查
細(xì)節(jié)抓大放小
主動(dòng)溝通，協(xié)調(diào)推動(dòng)
06 行業(yè)服務(wù)設(shè)計(jì)的思考與實(shí)踐
行業(yè)產(chǎn)品設(shè)計(jì)特點(diǎn)
在一個(gè)行業(yè)中設(shè)計(jì)師無法直接尋求通用解決方案。因?yàn)橥ㄓ媒鉀Q方案難以適應(yīng)不同地域和人群。在既有設(shè)計(jì)經(jīng)驗(yàn)指導(dǎo)下的服務(wù)體驗(yàn)方案在落地過程中會(huì)遇到各種意想不到的現(xiàn)實(shí)問題。
行業(yè)產(chǎn)品服務(wù)設(shè)計(jì)的過程
分辨關(guān)鍵影響因子。
深入實(shí)際場(chǎng)景中發(fā)現(xiàn)服務(wù)問題。
試點(diǎn)階段進(jìn)行服務(wù)優(yōu)化。
在行業(yè)設(shè)計(jì)中如何發(fā)揮設(shè)計(jì)價(jià)值
一個(gè)行業(yè)在互聯(lián)網(wǎng)化的初期，我們稱為“萌芽期”，因?yàn)橛泻芏嗖煌姆?wù)形態(tài)在萌發(fā)，同時(shí)又比較依存于政策和行業(yè)現(xiàn)狀。設(shè)計(jì)師可以從用戶和機(jī)構(gòu)的需求出發(fā)，洞見服務(wù)價(jià)值，通過一些小而精的場(chǎng)景驗(yàn)證服務(wù)模式。
一個(gè)行業(yè)的服務(wù)漸漸發(fā)展壯大，進(jìn)入“成長(zhǎng)期”，因?yàn)榈赜蚧蛘叩牟町惙e累了越來越多的產(chǎn)品形態(tài)及體驗(yàn)的差異。設(shè)計(jì)師的價(jià)值在于幫助團(tuán)隊(duì)定位到未被滿足的服務(wù)缺口，并找到最適用的解決方案。
進(jìn)入一個(gè)行業(yè)后落地了一些基礎(chǔ)模式，并漸漸獲得了一定的行業(yè)經(jīng)驗(yàn)和市場(chǎng)滲透，就進(jìn)入了“成熟期”。產(chǎn)品需要進(jìn)入更快的復(fù)制階段。設(shè)計(jì)師應(yīng)該提供通用的規(guī)范和設(shè)計(jì)指南以統(tǒng)一服務(wù)體驗(yàn)。
行業(yè)產(chǎn)品設(shè)計(jì)方法
行業(yè)嵌入式設(shè)計(jì)方法的獨(dú)特性在于設(shè)計(jì)師要從服務(wù)價(jià)值判斷入手，并且與行業(yè)系統(tǒng)深入銜接。服務(wù)價(jià)值判斷的過程就是在自然地切分行業(yè)生態(tài)角色之間的利益關(guān)系和依賴關(guān)系，并發(fā)現(xiàn)關(guān)系鏈條中沒有被滿足的需求，進(jìn)而有機(jī)會(huì)通過自身的優(yōu)勢(shì)能力撬開這個(gè)關(guān)系。行業(yè)嵌入式設(shè)計(jì)的衡量?jī)r(jià)值標(biāo)準(zhǔn)是“平衡”，兼顧用戶需求的可用性、行業(yè)規(guī)則適應(yīng)性和資源投入帶來的附加價(jià)值。
07 產(chǎn)品設(shè)計(jì)中的模塊化思維
模塊化設(shè)計(jì)方法主要分為“模塊劃分——模塊設(shè)計(jì)——模塊組合”3個(gè)設(shè)計(jì)階段，對(duì)應(yīng)產(chǎn)品視角從宏觀到微觀，再回到宏觀的發(fā)展過程。
模塊劃分標(biāo)準(zhǔn)
單一性；
完整性；
獨(dú)立性。
模塊設(shè)計(jì)
復(fù)用性；
延展性；
互換性。
模塊組合
明確主次；
避免沖突。
08 走進(jìn)服務(wù)設(shè)計(jì)：讓預(yù)約掛號(hào)變得精準(zhǔn)與簡(jiǎn)單/*略*/
09 信息可視化設(shè)計(jì)/*略*/
10 線下物料設(shè)計(jì)/*略*/
11 業(yè)務(wù)探索期，設(shè)計(jì)可以做些什么
第1節(jié) 理解業(yè)務(wù)目標(biāo)
和業(yè)務(wù)方一起探討業(yè)務(wù)目標(biāo)，甄別真正的需求。
確定目標(biāo)人群及特征屬性，用戶的痛點(diǎn)是什么，目標(biāo)人群會(huì)在怎樣的場(chǎng)景下與業(yè)務(wù)目標(biāo)產(chǎn)生聯(lián)系。
確定用戶體驗(yàn)?zāi)繕?biāo)是什么，即用戶通過使用產(chǎn)品可以得到什么。
弄清楚影響達(dá)到體驗(yàn)?zāi)繕?biāo)的要素有哪些。
圍繞這些要素去轉(zhuǎn)化設(shè)計(jì)目標(biāo)。
第2節(jié) MVP設(shè)計(jì)實(shí)戰(zhàn)
Eric Ries敏捷設(shè)計(jì)中的MVP（最小可用原型），即假定一組用戶目標(biāo)、問題及解決方案，通過這組假設(shè)找到假設(shè)成立的關(guān)鍵點(diǎn)（最高風(fēng)險(xiǎn)前提），驗(yàn)證這個(gè)最高風(fēng)險(xiǎn)前提是否成立，不能成立時(shí)更改假設(shè)條件，直到最高風(fēng)險(xiǎn)前提成立，成立后設(shè)計(jì)MVP，并基于這個(gè)MVP與早期的目標(biāo)用戶測(cè)試、驗(yàn)證。
第3節(jié) 設(shè)計(jì)先行
在業(yè)務(wù)探索期的產(chǎn)品更講求共建，需求的發(fā)掘不能只依賴業(yè)務(wù)方、產(chǎn)品經(jīng)理，設(shè)計(jì)師也要主動(dòng)去發(fā)現(xiàn)用戶/商戶的訴求，只有理解用戶本身以及其所處的環(huán)境，我們的設(shè)計(jì)才能融入用戶的生活。
12 設(shè)計(jì)師如何從0到1快速了解一個(gè)行業(yè)
明確行業(yè)知識(shí)范圍
當(dāng)前重點(diǎn)內(nèi)容是什么
可以通過經(jīng)濟(jì)學(xué)中的產(chǎn)品生命周期來判斷我們需要攝取的行業(yè)知識(shí)重點(diǎn)。在生命周期的每個(gè)階段我們需要關(guān)注的重點(diǎn)都會(huì)不一樣。
尋找合適的方法
最簡(jiǎn)單的方法：上網(wǎng)搜索；
最快的方法：向?qū)＜姨釂枺?/p>
實(shí)際體驗(yàn)；
看書；
做一份簡(jiǎn)單的行業(yè)分析或知識(shí)總結(jié)。
13 敏捷設(shè)計(jì)研究
第1節(jié) 敏捷設(shè)計(jì)研究的流程
以上每一個(gè)環(huán)節(jié)都可以幫助設(shè)計(jì)師找到問題以及了解真實(shí)的用戶體驗(yàn)感受，但這幾個(gè)環(huán)節(jié)結(jié)合起來得到完整總結(jié)卻需要大量的時(shí)間， 所以，這里定義的敏捷設(shè)計(jì)研究指的是，任何一個(gè)值得推敲的設(shè)計(jì)細(xì)節(jié)，或者感到困惑的問題，為了解決它所做的快速的驗(yàn)證行為。最理想的狀態(tài)是將自己的設(shè)計(jì)思路有條理地?cái)⑹龀鰜聿⒄业接脩暨M(jìn)行快速驗(yàn)證。
第2節(jié) 敏捷設(shè)計(jì)研究的方法
設(shè)計(jì)研究的方法大體分為定性研究和定量研究?jī)蓚€(gè)大類，定性研究主要是用來收集用戶反饋、了解使用動(dòng)機(jī)以及挖掘用戶需求，定量研究則可以用數(shù)據(jù)比例證明定性研究中的結(jié)論是否如我們所想。
第3節(jié) 敏捷設(shè)計(jì)案例分析
在還沒有明確產(chǎn)品方向、主要使用場(chǎng)景也不是很清楚的時(shí)候，我們往往無法想象設(shè)計(jì)稿會(huì)是什么樣的。來一場(chǎng)“目標(biāo)制訂workshop”就能解決這個(gè)問題。
首先，需要把自己的疑問列舉出來。
然后把問題進(jìn)行細(xì)化和用戶假設(shè)。
最后進(jìn)行總結(jié)，讓大家對(duì)設(shè)計(jì)目標(biāo)達(dá)成一致。
14 設(shè)計(jì)十則
了解UI和UX。視覺（UI設(shè)計(jì)師）主要是負(fù)責(zé)產(chǎn)品的界面設(shè)計(jì)，通過視覺呈現(xiàn)來提高用戶體驗(yàn)，表達(dá)產(chǎn)品的特點(diǎn)；交互（UX設(shè)計(jì)師）則負(fù)責(zé)產(chǎn)品的邏輯框架和用戶體驗(yàn)，需要使用流程圖和線框圖。
了解用戶。每次接觸一個(gè)新需求的時(shí)候，首先要想：如果我是用戶，希望以什么樣的形態(tài)呈現(xiàn)在我們面前？有哪些類似的成功模型？它們是如何吸引用戶的？
設(shè)計(jì)定位。接到需求時(shí)，首先思考，這個(gè)需求我們主要針對(duì)的用戶是誰。衡量一個(gè)設(shè)計(jì)的好壞，并不是看它好不好看，而是要能解決問題，并且好用。
讓事情變得簡(jiǎn)單和一致。簡(jiǎn)潔必須很容易理解和互動(dòng)。我們的用戶不需要通過我們的應(yīng)用程序或引導(dǎo)去學(xué)習(xí)。每個(gè)界面的調(diào)性也必須在整個(gè)設(shè)計(jì)中保持一致。
不要忽略可讀性&易讀性。設(shè)計(jì)的主要目的是溝通，透明度過低的文字和與背景之間的反差太小的文字都會(huì)降低用戶的可讀性和易讀性。
是否有層次、有目的。層次涉及的是一些表示重要度的視覺元素排列。要通過規(guī)模、顏色、類型等，將一些重要元素和不重要的元素類型區(qū)分開來。
使用正確對(duì)齊。左對(duì)齊類型是最容易被接受并且不太會(huì)出錯(cuò)的方案。右對(duì)齊有違人們的閱讀習(xí)慣，因此該類排列在視覺上總會(huì)帶給人以不順?biāo)斓挠∠?。居中?duì)齊擁有簡(jiǎn)潔的排列結(jié)構(gòu)，居中類型的文本可以很容易地平衡內(nèi)容。
網(wǎng)格的重要性。網(wǎng)格允許按比例設(shè)計(jì)，使不同元素之間富有平衡感。
留白也是一門藝術(shù)。白色空間是可以讓設(shè)計(jì)看上去更多樣化和更能凸顯內(nèi)容的有效工具之一。
記得反饋。觸屏的出現(xiàn)更需要相匹配的反饋關(guān)系讓用戶感受到存在感。不同的觸發(fā)形態(tài)，不同的反饋形式，我們都要做好區(qū)分和設(shè)計(jì)。
15 像設(shè)計(jì)師一樣思考
設(shè)計(jì)師在項(xiàng)目中應(yīng)該思考什么
設(shè)計(jì)的方向。設(shè)計(jì)前，要去思考這個(gè)設(shè)計(jì)解決的是什么問題，公司商業(yè)策略是什么。
實(shí)現(xiàn)性。好的設(shè)計(jì)是能在約束中，合理解決問題。可實(shí)現(xiàn)性具備約束性，會(huì)被技術(shù)、時(shí)間、預(yù)算等各種因素所限定。
發(fā)展性?？沙掷m(xù)發(fā)展性影響到產(chǎn)品的可迭代性。
16 講故事的力量
用講故事的方式來傳遞信息。一個(gè)故事的好與壞最重要的衡量標(biāo)準(zhǔn)就是代入感，這將決定用戶能否接受產(chǎn)品傳達(dá)的核心信息，講故事就是希望用戶可以去理解和接受故事背后產(chǎn)品所傳遞的理念，讓用戶對(duì)產(chǎn)品和品牌有歸屬感。
第1節(jié) 講好故事的三部曲
明確要講一個(gè)什么樣的故事，從什么角度出發(fā)。
設(shè)定主角，了解他們的特征和他們的需求。
分解他們的問題，通過產(chǎn)品功能，去解決這些問題。
第2節(jié) 故事吸引用戶的3種形式
1.通過插畫講故事。
2.通過動(dòng)效講故事。
3.通過音效講故事。
17 移動(dòng)搜索設(shè)計(jì)探索
第1節(jié) 移動(dòng)搜索的變化與特點(diǎn)
更貼合業(yè)務(wù)訴求的搜索習(xí)慣。在移動(dòng)設(shè)備上，用戶都會(huì)下載安裝滿足自己需要的應(yīng)用。打開需要的App，然后進(jìn)行搜索，搜索的內(nèi)容相對(duì)垂直于聚焦。
高精準(zhǔn)度的結(jié)果展現(xiàn)，設(shè)計(jì)要求簡(jiǎn)單直接。手機(jī)屏幕小，呈現(xiàn)的內(nèi)容少，用戶使用手機(jī)的環(huán)境復(fù)雜多變，so你懂的。
具有移動(dòng)設(shè)備特性的搜索細(xì)節(jié)與特色?？梢岳靡苿?dòng)設(shè)備的特殊屬性，如地理位置，當(dāng)前地域?qū)傩詢?nèi)容與附近的結(jié)果優(yōu)先呈現(xiàn)。
第2節(jié) 移動(dòng)搜索體驗(yàn)核心
用戶如何使用搜索
目的明確，快速提煉所需的內(nèi)容；
搜索中對(duì)比收集，探索式學(xué)習(xí)；
由此及他式搜索。
搜索使用流程的路徑分解
搜索入口；
激活狀態(tài)和即時(shí)反饋；
輸入并提交，顯示搜索結(jié)果頁。
/*針對(duì)各階段進(jìn)行優(yōu)化*/
第3節(jié) 制定數(shù)據(jù)指標(biāo)，驗(yàn)證設(shè)計(jì)合理性
一切可執(zhí)行、可落地的設(shè)計(jì)，都應(yīng)該評(píng)判設(shè)計(jì)的合理性。
熱門搜索的點(diǎn)擊率是否有提升。
搜的關(guān)鍵詞平均詞長(zhǎng)是否縮短。
搜索結(jié)果頁前3條結(jié)果的點(diǎn)擊率是否增加。
18 在移動(dòng)支付設(shè)計(jì)中構(gòu)建安全感
第1節(jié) “移動(dòng)支付中的安全感”技術(shù)接受模型
計(jì)算機(jī)技術(shù)接受模型認(rèn)為個(gè)人使用系統(tǒng)的安全感由行為意向決定，行為意向由個(gè)體對(duì)系統(tǒng)的感知易用性和感知有用性共同決定，感知有用性同時(shí)又受到外在變量和感知易用性的影響。
第2節(jié) 提高支付體驗(yàn)與記憶模型的匹配度
提高支付體驗(yàn)與用戶記憶模型的匹配度，可以幫助用戶構(gòu)建一個(gè)放松的使用環(huán)境，最大限度地復(fù)制用戶既有的使用經(jīng)歷，幫助用戶遠(yuǎn)離未知的恐懼，它是構(gòu)建安全感的捷徑。比如支付寶的銀行卡包。
統(tǒng)一設(shè)計(jì)規(guī)范，在不同場(chǎng)景調(diào)用同一個(gè)控件可以減少用戶的認(rèn)知負(fù)擔(dān)。當(dāng)用戶使用淘寶、天貓、淘寶電影、閑魚等阿里旗下產(chǎn)品時(shí)，支付流程中都可以見到相同的支付界面，統(tǒng)一的體驗(yàn)減少了用戶在不同環(huán)境中的陌生和焦慮感。
第3節(jié) 利用感性元素傳達(dá)安全體驗(yàn)
安全除了會(huì)受到技術(shù)、數(shù)據(jù)的理性影響，還會(huì)受到文案、圖像、色彩等感性影響。如2010年開始，亞馬遜登錄框?qū)ⅰ皊ign in”改為“sign in using our secure server”，在使用網(wǎng)站的第一步幫助目標(biāo)用戶跨過心理障礙，結(jié)合其他體驗(yàn)優(yōu)化手段， 60歲以上用戶出現(xiàn)明顯增長(zhǎng)。
信息安全產(chǎn)品在視覺表現(xiàn)層，通過圖形、色彩等手段來構(gòu)建冷靜、穩(wěn)重的感覺，向用戶傳達(dá)可靠感、安全感。以擬物的形式模仿現(xiàn)實(shí)生活中有安全感的物件，如城墻、盾牌、齒輪、鎖等，能夠從視覺形象層面喚起用戶的同類記憶，加快用戶對(duì)產(chǎn)品安全感的認(rèn)同。如McAfee和阿里錢盾，都是盾牌形象。
第4節(jié) 提高用戶對(duì)產(chǎn)品的掌控度
面對(duì)未知的事物，會(huì)感到自己對(duì)事物的掌控度和影響力顯著降低，焦慮與緊張的情緒會(huì)帶來安全感的缺失。如果從主客觀的角度評(píng)價(jià)用戶對(duì)移動(dòng)支付產(chǎn)品的掌控度，主觀掌控意味著用戶對(duì)產(chǎn)品有信任感，認(rèn)為自己在移動(dòng)支付的流程中占主導(dǎo)地位?？陀^掌控意味著用戶在實(shí)際操作中對(duì)產(chǎn)品進(jìn)度有絕對(duì)的控制力，可以隨時(shí)打斷、繼續(xù)、返回、終止。提高用戶對(duì)產(chǎn)品的掌控度，意味著需要確保信息對(duì)等，提供實(shí)時(shí)進(jìn)度反饋，關(guān)鍵操作可逆。
第5節(jié) 在場(chǎng)景中減少用戶不安情緒
支付寶從9.0版本開始，打開程序時(shí)會(huì)收到要求訪問通訊錄的權(quán)限請(qǐng)求，削弱了財(cái)富安全感，權(quán)限通過率不足兩成，極大地影響了支付寶建立朋友關(guān)系的進(jìn)程。9.5版本后，當(dāng)用戶安裝完支付寶，只在用戶進(jìn)入朋友標(biāo)簽、添加朋友等場(chǎng)景時(shí)，再向用戶請(qǐng)求，讓用戶對(duì)支付寶獲取隱私權(quán)限有所理解。在場(chǎng)景中增加用戶對(duì)支付寶的信任感。這個(gè)改動(dòng)使通訊錄權(quán)限獲取率獲得了成倍增長(zhǎng)。
第6節(jié) 集中隱私控制
集中隱私控制，將產(chǎn)品安全風(fēng)險(xiǎn)的最終決定權(quán)交由用戶，是用戶安全感的最后一層保障。在iOS 9.2.3中，用戶擁有對(duì)設(shè)備中所有應(yīng)用的統(tǒng)一管理權(quán)，確保了設(shè)備中每一個(gè)應(yīng)用在自己的掌控中，這種類似集權(quán)統(tǒng)治的體驗(yàn)，給用戶帶來了足夠的安全感。
19 一切都是為了打動(dòng)你——產(chǎn)品中的情感化設(shè)計(jì)
第1節(jié) 何為情感化設(shè)計(jì)
刺激用戶產(chǎn)生情感上的波動(dòng)。通過產(chǎn)品的功能、操作行為或者產(chǎn)品本身的某種氣質(zhì)，產(chǎn)生情緒上的喚醒和認(rèn)同，最終使用戶對(duì)產(chǎn)品產(chǎn)生某種認(rèn)知，在他心目中形成獨(dú)特的定位。
第2節(jié) 情感化設(shè)計(jì)的三要素
本能水平的設(shè)計(jì)。通過產(chǎn)品的外形和視覺表現(xiàn)力體現(xiàn)。
行為水平的設(shè)計(jì)。使用產(chǎn)品中的樂趣和效率體現(xiàn)。
反思水平的設(shè)計(jì)。通過互動(dòng)影響了產(chǎn)品的自我形象、滿意度以及鮮明的記憶點(diǎn)。
第3節(jié) 情感化設(shè)計(jì)如何應(yīng)用到產(chǎn)品設(shè)計(jì)中
1.本能
對(duì)于本能水平層面上的設(shè)計(jì)，體現(xiàn)在產(chǎn)品中主要就是其視覺外觀的情感化，從色彩、插畫元素等風(fēng)格化氛圍型元素的應(yīng)用展開。
2.行為
行為水平就是指從產(chǎn)品的實(shí)際操作體驗(yàn)出發(fā)來做情感化設(shè)計(jì)，例如在產(chǎn)品的應(yīng)用操作中運(yùn)用巧妙的動(dòng)效和轉(zhuǎn)場(chǎng)，提升操作時(shí)候用戶的愉悅度。
巧妙的動(dòng)效設(shè)計(jì)在產(chǎn)品體驗(yàn)中的作用
加強(qiáng)用戶體驗(yàn)的舒適度：過渡流暢、引導(dǎo)用戶、展現(xiàn)層級(jí)。
減弱不可避免的不適感：高效反饋是指通過動(dòng)效讓用戶了解程序當(dāng)前狀態(tài)，同時(shí)對(duì)用戶操作做出及時(shí)反饋。譬如，點(diǎn)擊下載按鈕后，需要給用戶展示當(dāng)前狀態(tài)：未下載—下載中—下載完成?；蛟趌oading過程中增加一些有趣的動(dòng)效，提示用戶程序現(xiàn)在正在執(zhí)行。如果我們不把這些反饋傳達(dá)給用戶，用戶可能就覺得手機(jī)卡死了。
給用戶帶來驚喜感：細(xì)膩和創(chuàng)新的動(dòng)效設(shè)計(jì)可以為用戶帶來更大的驚喜感。如集齊五?？▌?dòng)效。
3.反思
產(chǎn)品是生活的情感與記憶。只有在產(chǎn)品和用戶之間建立起情感的紐帶，通過與用戶的情感互動(dòng)影響用戶對(duì)產(chǎn)品的印象、滿意度、記憶等，才能讓用戶形成對(duì)產(chǎn)品的忠誠度。為了打動(dòng)用戶，可以構(gòu)筑出一個(gè)具有共鳴、使用戶有代入感的場(chǎng)景。如支付寶十年賬單活動(dòng)，讓用戶回憶了從第一次使用支付寶到現(xiàn)在的點(diǎn)點(diǎn)滴滴。
第4節(jié) 價(jià)值轉(zhuǎn)化
在審美上令人感覺快樂的物品能使人更好地工作，使人感覺良好的產(chǎn)品和系統(tǒng)會(huì)被較多人使用，用戶會(huì)產(chǎn)生良好的情感依賴。一個(gè)僅僅滿足功能需求的產(chǎn)品已經(jīng)越來越難以獲得用戶的長(zhǎng)久忠誠度，能否準(zhǔn)確抓住用戶心理、能否打動(dòng)人心才是人性需求中最注重的。一個(gè)優(yōu)秀的情感化設(shè)計(jì)最終能夠創(chuàng)造出令人感到快樂和感動(dòng)的產(chǎn)品，產(chǎn)生了愛自然就能產(chǎn)生消費(fèi)。這正是那些只注重功能性導(dǎo)向的產(chǎn)品無法做到的。
