本書講了什么

包含設計規(guī)范制定、圖標設計與驗證、設計協(xié)作、服務設計、信息可視化設計、物料設計、敏捷設計、移動搜索設計、情感化設計等近20個設計領域的重要主題。

作者什么來頭

支付寶UED團隊（Alipay User-Experience，簡稱AUX），隸屬于支付寶產(chǎn)品的核心部門，擁有近百位分布于杭州、北京、上海優(yōu)秀的國內(nèi)和外籍設計師，他們一同為整個支付寶的用戶體驗和視覺美感把關。

前言

用戶體驗是一個系統(tǒng)性的問題，好的體驗是用戶使用服務整個階段的感受。因此，設計時一定不能重形忘因。一個產(chǎn)品和服務能獲得成功，是因為它真正幫人們解決了某些問題。有兩個關鍵要素，一是用戶，二是場景。

好的東西都是簡單的，不僅符合專業(yè)，也符合直覺。簡單，就是可以用幾句話就能很快說清楚，并能讓目標用戶產(chǎn)生共鳴，而且學習成本低。如果達不到這樣的效果，那么一定是設計方案出了問題。

我們特別容易犯的錯誤就是：在討論或者爭論一個問題的時候，很容易從對哪種方式體驗更好一些的爭論，變成誰對誰錯的爭論，應該從事情本身出發(fā)，從用戶角度出發(fā)，去考慮最好的用戶體驗。討論本身并不是為了贏，而是獲得最佳結果。

01 行業(yè)設計“五步法”

第1節(jié) 充分的行業(yè)調(diào)研

行業(yè)的發(fā)展歷史、現(xiàn)狀、前景和特點；

行業(yè)的價值鏈；

行業(yè)的競爭態(tài)勢；

產(chǎn)業(yè)政策，監(jiān)管體制；

市場容量、市場細分結構以及未來增長趨勢；

行業(yè)供需結構與盈利方式；

相關利益方分析；

行業(yè)痛點、關鍵成功要素和自身優(yōu)勢。

1.桌面研究

桌面研究指不進行一手資料的實地調(diào)研和采集，而直接通過電腦、雜志、書籍、文檔、互聯(lián)網(wǎng)搜索等現(xiàn)有二手資料進行分析和研究的方案。

2.田野調(diào)查

田野調(diào)查指深入線下并觀察用戶使用場景，繪制體驗地圖，繪制用戶體驗曲線。主要分為3個階段：

準備階段，要選定好被調(diào)查地點和被調(diào)查人群，進行必要的物資準備，包括錄音設備、錄像設備、筆、筆記本等。

調(diào)查階段，最好2~3人組成一個團隊，針對不同的服務場景，如大廳、候診廳、繳費窗口處等進行布點，主要采用參與觀察和攔訪兩種形式。

整理階段，要進行問題的歸納和總結，梳理出在體驗節(jié)點中用戶遇到的主要問題，撰寫一份調(diào)研總結大綱，把主要問題列出并快速同步給團隊和業(yè)務方。

第2節(jié) 圈定目標人群，明確用戶分類與行為特征

1.人口學特征

人口學特征包括空間、年齡、性別、文化、職業(yè)、收入、生育率等指標，在項目設計前，必須明確核心用戶群體的人口學特征。

2.用戶分層

對用戶從不同緯度進行拆解與分析會發(fā)現(xiàn)，不同的用戶群體產(chǎn)生的行為特征具有明顯的差異化。分層也是用于比較的，比較是為了反映不同用戶層的核心需求，進而指導產(chǎn)品方向，所以分層最終還是為了指導產(chǎn)品決策。

3.行為特征

進行用戶分層后，找出核心用戶的行為特點，主要分析核心場景中用戶在處理核心任務的行為方式。

第3節(jié) 仿真分析，搭建用戶場景

1.場景是什么

把自己當導演：挑選場地和布景，考慮演員的狀態(tài)，如何走位，臺詞有哪些，電影的核心主題如何表達等。用戶的核心痛點與產(chǎn)品的核心功能很有可能是由多個使用場景組成的。基于目標與任務進行構建，讓設計師能深入“劇情”，在細節(jié)中推敲用戶的每一個想法和舉動。

2.為什么要搭建場景

解決用戶痛點是場景構建的主要目的之一，市場需求逐漸變得碎片化、長尾化、多元化和個性化，搭建場景能覆蓋用戶全量活動軌跡，讓需求分析更精準，讓產(chǎn)品功能更全面，讓業(yè)務目標定位更清晰。

3.場景該如何搭建

仿真分析即仿照真實線下流程構建線上虛擬場景的方法。仿真分析能從成本、時間、行為、路徑等多個角度驗證流程，評估流程的體驗優(yōu)劣，對流程的模擬執(zhí)行生成結構化的結果，從而幫助用戶找到流程中的“瓶頸”并加以分析與優(yōu)化。

第4節(jié) 篩選核心需求，建立需求管理

評估需求。需求的評估最重要的不是知道要做什么，而是知道什么不要做。

排序需求。進行整體的平衡和優(yōu)先級的排布才能實現(xiàn)產(chǎn)品功能迭代價值的最大化。

需求變更管理。對于簡單的需求變更，在對項目進度沒有影響、對開發(fā)成本沒有造成負擔的情況下，是可以快速完成的。反之則要嚴格把控。

第5節(jié) 建立交互框架，輸出交互方案

1.信息架構設計

如果框架清晰，用戶就能快速完成任務目標，它是產(chǎn)品與用戶交互的隱性環(huán)節(jié)。廣而淺的架構用戶可以用較少的點擊完成相應的目標任務，但信息分類標準過多，會增加用戶層級分類尋找的成本。窄而深的架構則使用戶增加了操作步驟，但減少了用戶操作選項。

2.流程圖

流程設計中要遵循以下原則：

以用戶需求為主要導向；

兼顧用戶的使用習慣；

流程盡量短；

每個操作頁面僅有一個核心操作任務；

考慮交互實現(xiàn)的開發(fā)成本。

3.頁面交互細節(jié)設計

對于制作交互說明，最好是有數(shù)字或者字母的清晰的對應標注，便于閱讀和理解。每一步的頁面跳轉(zhuǎn)說明，細節(jié)和動作需要描述清楚。還應有極限狀態(tài)下的說明，比如一個列表的最長和最短的顯示，一行字段的長度限制，是否跳行，等等。

02設計規(guī)范的建設/*略*/

03 設計走查表

第1節(jié) 硬件特性

1.制定適配原則

數(shù)量不變進行同比放大適配。

同行數(shù)量增多，圖片字號大小不變。

避免不規(guī)則背景。

不同設備適配時遮擋。

2.賬戶在設備上的切換

同一設備，不同賬戶切換。

不同設備，同一賬戶iOS切換。

3.橫豎屏顯示效果

如果不支持橫屏顯示則鎖定豎向或橫向的單一方向。如果支持則要在設計的過程中考慮豎屏和橫屏兩種模式下的顯示效果。

第2節(jié) 軟件特性

制定多平臺的設計規(guī)范

產(chǎn)品如果是多平臺設計，需要制定平臺規(guī)范。比如統(tǒng)一的表單操作、浮層提示、加載、刷新等，這些組控件的統(tǒng)一，可以有效地提高產(chǎn)品優(yōu)化的效率，降低開發(fā)成本，同時能保證用戶體驗的一致性。

版本兼容

版本覆蓋時間。新版本上線后要確認一下版本在多久的時間范圍內(nèi)可以覆蓋80%以上的用戶。

更新提示強弱。一般來說，用戶可以選擇不去更新版本繼續(xù)使用，但是當App產(chǎn)生較大BUG或存在安全隱患時，可通過不可取消更新進行強制升級。

兼容性展示。新版本的內(nèi)容是可以展示在舊版本上的。

第3節(jié) 網(wǎng)絡特性

快速啟動

讓用戶感知到應用的啟動速度比較快。

作為一個產(chǎn)品品牌展示區(qū)/*slogan*/

作為一個廣告展示區(qū)。

合理緩存

頁面合理緩存可以讓用戶感受到應用的速度更快，不浪費流量。一般應用首頁有比較固定的內(nèi)容時需要做緩存或已有內(nèi)容的頁面不需要全頁面加載，可以先展示較舊的內(nèi)容然后加載出較新的內(nèi)容。

弱網(wǎng)環(huán)境

弱網(wǎng)環(huán)境下加載失敗。網(wǎng)絡環(huán)境不穩(wěn)定容易導致加載失敗，加載時間控制在8秒內(nèi)，并且盡可能地采用有趣的加載來降低用戶的等待時間，加載失敗后，要給予用戶重試的機會，并且告知加載失敗的原因。

弱網(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ù)傳輸／設置生效機制。如果網(wǎng)絡環(huán)境不穩(wěn)定或者斷網(wǎng)，但用戶需要將內(nèi)容發(fā)布出去，可以支持用戶本地發(fā)出去，本地可見。當有網(wǎng)絡請求時，再將內(nèi)容上傳到服務端，并且讓其他用戶可見。這樣可以有效提升用戶體驗，讓用戶不受網(wǎng)絡環(huán)境的限制。

中斷、超時

在網(wǎng)絡中斷時，幫助用戶保存當前的輸入內(nèi)容或者瀏覽內(nèi)容，當重新連接到網(wǎng)絡時用戶可以繼續(xù)當前的任務。若超時則給用戶提示，讓用戶停止等待，重新請求網(wǎng)絡或退出。

第4節(jié) 頁面狀態(tài)

頁面初始化

啟動應用進入首頁時，可以在啟動過程中預加載首頁內(nèi)容，讓用戶快速進入且有內(nèi)容可預覽。頁面初始化需要配合加載策略進行。

頁面刷新

一般情況下采用用戶手動下拉刷新，下拉刷新不需要對整體頁面進行刷新，只需要拉取最新的狀態(tài)，顯示出來即可。但是如果當前頁面涉及一些數(shù)字的提醒或通知，則不需要刷新也可以展示給用戶，當用戶點擊查看時觸發(fā)刷新，則將頁面內(nèi)容更新到最新的狀態(tài)。

頁面加載

分步加載。為了盡快地顯示頁面內(nèi)容，可先加載文字內(nèi)容，再加載圖片等內(nèi)容。

懶加載。在需要的時候才加載，這種加載效率低，但占用內(nèi)存小。

智能加載。第一種策略是在產(chǎn)品中增加網(wǎng)絡判斷的機制，如果在弱網(wǎng)環(huán)境下，提前壓縮圖片并顯示小圖片，使其能盡量展示預覽出的內(nèi)容，點擊小圖，可查看大圖。第二種策略是降低圖片視頻質(zhì)量，點擊后可以加載高清圖片或者點擊播放視頻選擇高清模式。

頁面內(nèi)容為空

一般與用戶相關的頁面可能為空，如我的動態(tài)、評論等。這些頁面為空時，可以在顯示上用調(diào)皮一點的文案避免空頁面顯得過于枯燥。

第5節(jié) 頁面流程完整性

快速回到首頁/主要頁面。

讓用戶始終知道自己在哪兒。

返回到原來的瀏覽位置。

任務完成后跳轉(zhuǎn)。

第6節(jié) 消息通知

強消息通知，可以使用客戶端推送，用戶可以在手機屏幕或者手機的通知欄預覽到內(nèi)容。

弱消息通知，可以在用戶打開應用后，在內(nèi)容層上統(tǒng)一提示，告訴共有××條新消息。點擊后可查看所有消息內(nèi)容。

第7節(jié) 細節(jié)

點擊狀態(tài)

按鈕點擊狀態(tài)包括開始、結束、不可點、失效、已領完、已過期等。

發(fā)送狀態(tài)

發(fā)送狀態(tài)分兩種：一是發(fā)送后需要較長時間返回結果的，此時發(fā)送后直接到結果頁面，結果頁面上顯示當前進度和最終結果及其時間；二是發(fā)送后較短時間就返回結果的，此時發(fā)送后到過渡頁面，有幾秒的等待時間，然后跳轉(zhuǎn)到最終結果頁面。

輸入

減少輸入。在移動端輸入的成本比較高，設計師可以通過表單、選項卡、默認填入值來減少輸入。

輸入限制。在內(nèi)容不確定多寡的輸入框內(nèi)，可以采用暗文或數(shù)字的方式來幫助用戶確認當前的輸入內(nèi)容有沒有超過限制。輸入的內(nèi)容一定要做長度限制。

中斷時保存內(nèi)容。遇到異常情況時，可以保存用戶在中斷前輸入的內(nèi)容，待環(huán)境穩(wěn)定后用戶可以繼續(xù)操作。

反饋

即時反饋。當用戶操作后，若有需要反饋的信息，在操作后立刻給出，反饋的區(qū)域不能距用戶的操作區(qū)域太遠，否則就會被忽略。

反饋效果。所有的點擊都要有明確的反饋狀態(tài)，點擊后會出現(xiàn)一系列的狀態(tài)變化。

音效

應用音效需要考慮其大小，配合操作使用時是否有延遲。要考慮用戶當前的使用場景出現(xiàn)聲音是否合適。

第8節(jié) 與時間、數(shù)字相關性問題

制定時間規(guī)范。規(guī)劃時間顯示規(guī)則，如格式是“2016-3-16”還是“2016/03/16”等。用在列表頁面、詳情頁面還是會話頁面都要提前規(guī)范好。

不同場景下時間格式的選擇。用戶對于時間的感知根據(jù)場景的不同會有很大的差異。對時間進行設計時，一定是根據(jù)使用場景來進行時間的設計。

04 圖標設計與驗證

第1節(jié) 圖標設計四部曲

構思方向

設計師應提煉主題關鍵詞，通常在繪制圖標的時候，需要先根據(jù)該圖標要表達的含義進行腦暴、找到相應的參照物來衍生出關鍵詞，再根據(jù)關鍵詞找到更多的參照物來進行繪制。

圖標造型形態(tài)

空間維度。二維、三維。

時間維度。靜態(tài)圖標和動態(tài)圖標。

風格定位

目前主流的設計風格有三種：扁平簡潔風格、華麗質(zhì)感寫實風格和獨創(chuàng)個性風格。

細節(jié)整合

接下來就是打磨圖標調(diào)整大小、比例、角度、元素的數(shù)量、明暗關系，視覺上保證圖標整體一致性。圖標設計最主要的部分在于要弄清楚圖標的功能是什么，抓住最主要的功能進行探索，列出盡可能多的方案從不同的角度去思考。

第2節(jié) 圖標可用性測試

定義目標用戶的3個角度

人口學特征：性別、年齡、學歷、職業(yè)、地域等。

使用動機：個人、企業(yè)、買家、賣家等。

使用經(jīng)驗：產(chǎn)品的使用時長、競品的使用情況、互聯(lián)網(wǎng)的使用年限等。

圖標可用性評估方向

圖標的可識別性、差異性是影響用戶理解的兩個主要因素?？勺R別性低，用戶會理解不了圖標想傳達的含義。差異性不很大，用戶會產(chǎn)生視覺混淆。圖標可用性測試前期任務為：分別給出圖標和圖標名稱，請用戶一一對應。

圖標可用性檢驗方法

影響圖形符號認知的因素包含視覺復雜性、熟悉性、語義距離、具體性等。根據(jù)外部用戶的測試結果，將用戶看不懂的圖標依據(jù)以上四個維度進行評分，圖標的優(yōu)化設計便可由此切入。

05 敏捷開發(fā)模式下的設計協(xié)作

需求分析階段

1.專業(yè)支持。通過用戶研究產(chǎn)出角色模型，通過市場分析和競品研究產(chǎn)出競品分析報告，進行決策。

2.快速輸出原型?？焖龠M行紙上原型的作業(yè)，梳理出框架圖和典型界面。

3.換位思考。深入思考產(chǎn)品經(jīng)理的需求背后的商業(yè)目的，是否有更好的方式來達到此商業(yè)目標。

4.盡早邀請視覺設計師加入。請視覺設計師從需求討論階段就加入，好處是視覺設計師可以透徹的理解需求。

設計階段

約定規(guī)范，信息同步

了解全局，互相走查

細節(jié)抓大放小

主動溝通，協(xié)調(diào)推動

06 行業(yè)服務設計的思考與實踐

行業(yè)產(chǎn)品設計特點

在一個行業(yè)中設計師無法直接尋求通用解決方案。因為通用解決方案難以適應不同地域和人群。在既有設計經(jīng)驗指導下的服務體驗方案在落地過程中會遇到各種意想不到的現(xiàn)實問題。

行業(yè)產(chǎn)品服務設計的過程

分辨關鍵影響因子。

深入實際場景中發(fā)現(xiàn)服務問題。

試點階段進行服務優(yōu)化。

在行業(yè)設計中如何發(fā)揮設計價值

一個行業(yè)在互聯(lián)網(wǎng)化的初期，我們稱為“萌芽期”，因為有很多不同的服務形態(tài)在萌發(fā)，同時又比較依存于政策和行業(yè)現(xiàn)狀。設計師可以從用戶和機構的需求出發(fā)，洞見服務價值，通過一些小而精的場景驗證服務模式。

一個行業(yè)的服務漸漸發(fā)展壯大，進入“成長期”，因為地域或政策的差異積累了越來越多的產(chǎn)品形態(tài)及體驗的差異。設計師的價值在于幫助團隊定位到未被滿足的服務缺口，并找到最適用的解決方案。

進入一個行業(yè)后落地了一些基礎模式，并漸漸獲得了一定的行業(yè)經(jīng)驗和市場滲透，就進入了“成熟期”。產(chǎn)品需要進入更快的復制階段。設計師應該提供通用的規(guī)范和設計指南以統(tǒng)一服務體驗。

行業(yè)產(chǎn)品設計方法

行業(yè)嵌入式設計方法的獨特性在于設計師要從服務價值判斷入手，并且與行業(yè)系統(tǒng)深入銜接。服務價值判斷的過程就是在自然地切分行業(yè)生態(tài)角色之間的利益關系和依賴關系，并發(fā)現(xiàn)關系鏈條中沒有被滿足的需求，進而有機會通過自身的優(yōu)勢能力撬開這個關系。行業(yè)嵌入式設計的衡量價值標準是“平衡”，兼顧用戶需求的可用性、行業(yè)規(guī)則適應性和資源投入帶來的附加價值。

07 產(chǎn)品設計中的模塊化思維

模塊化設計方法主要分為“模塊劃分——模塊設計——模塊組合”3個設計階段，對應產(chǎn)品視角從宏觀到微觀，再回到宏觀的發(fā)展過程。

模塊劃分標準

單一性；

完整性；

獨立性。

模塊設計

復用性；

延展性；

互換性。

模塊組合

明確主次；

避免沖突。

08 走進服務設計：讓預約掛號變得精準與簡單/*略*/

09 信息可視化設計/*略*/

10 線下物料設計/*略*/

11 業(yè)務探索期，設計可以做些什么

第1節(jié) 理解業(yè)務目標

和業(yè)務方一起探討業(yè)務目標，甄別真正的需求。

確定目標人群及特征屬性，用戶的痛點是什么，目標人群會在怎樣的場景下與業(yè)務目標產(chǎn)生聯(lián)系。

確定用戶體驗目標是什么，即用戶通過使用產(chǎn)品可以得到什么。

弄清楚影響達到體驗目標的要素有哪些。

圍繞這些要素去轉(zhuǎn)化設計目標。

第2節(jié) MVP設計實戰(zhàn)

Eric Ries敏捷設計中的MVP（最小可用原型），即假定一組用戶目標、問題及解決方案，通過這組假設找到假設成立的關鍵點（最高風險前提），驗證這個最高風險前提是否成立，不能成立時更改假設條件，直到最高風險前提成立，成立后設計MVP，并基于這個MVP與早期的目標用戶測試、驗證。

第3節(jié) 設計先行

在業(yè)務探索期的產(chǎn)品更講求共建，需求的發(fā)掘不能只依賴業(yè)務方、產(chǎn)品經(jīng)理，設計師也要主動去發(fā)現(xiàn)用戶/商戶的訴求，只有理解用戶本身以及其所處的環(huán)境，我們的設計才能融入用戶的生活。

12 設計師如何從0到1快速了解一個行業(yè)

明確行業(yè)知識范圍

當前重點內(nèi)容是什么

可以通過經(jīng)濟學中的產(chǎn)品生命周期來判斷我們需要攝取的行業(yè)知識重點。在生命周期的每個階段我們需要關注的重點都會不一樣。

尋找合適的方法

最簡單的方法：上網(wǎng)搜索；

最快的方法：向?qū)＜姨釂枺?/p>

實際體驗；

看書；

做一份簡單的行業(yè)分析或知識總結。

13 敏捷設計研究

第1節(jié) 敏捷設計研究的流程

以上每一個環(huán)節(jié)都可以幫助設計師找到問題以及了解真實的用戶體驗感受，但這幾個環(huán)節(jié)結合起來得到完整總結卻需要大量的時間， 所以，這里定義的敏捷設計研究指的是，任何一個值得推敲的設計細節(jié)，或者感到困惑的問題，為了解決它所做的快速的驗證行為。最理想的狀態(tài)是將自己的設計思路有條理地敘述出來并找到用戶進行快速驗證。

第2節(jié) 敏捷設計研究的方法

設計研究的方法大體分為定性研究和定量研究兩個大類，定性研究主要是用來收集用戶反饋、了解使用動機以及挖掘用戶需求，定量研究則可以用數(shù)據(jù)比例證明定性研究中的結論是否如我們所想。

第3節(jié) 敏捷設計案例分析

在還沒有明確產(chǎn)品方向、主要使用場景也不是很清楚的時候，我們往往無法想象設計稿會是什么樣的。來一場“目標制訂workshop”就能解決這個問題。

首先，需要把自己的疑問列舉出來。

然后把問題進行細化和用戶假設。

最后進行總結，讓大家對設計目標達成一致。

14 設計十則

了解UI和UX。視覺（UI設計師）主要是負責產(chǎn)品的界面設計，通過視覺呈現(xiàn)來提高用戶體驗，表達產(chǎn)品的特點；交互（UX設計師）則負責產(chǎn)品的邏輯框架和用戶體驗，需要使用流程圖和線框圖。

了解用戶。每次接觸一個新需求的時候，首先要想：如果我是用戶，希望以什么樣的形態(tài)呈現(xiàn)在我們面前？有哪些類似的成功模型？它們是如何吸引用戶的？

設計定位。接到需求時，首先思考，這個需求我們主要針對的用戶是誰。衡量一個設計的好壞，并不是看它好不好看，而是要能解決問題，并且好用。

讓事情變得簡單和一致。簡潔必須很容易理解和互動。我們的用戶不需要通過我們的應用程序或引導去學習。每個界面的調(diào)性也必須在整個設計中保持一致。

不要忽略可讀性&易讀性。設計的主要目的是溝通，透明度過低的文字和與背景之間的反差太小的文字都會降低用戶的可讀性和易讀性。

是否有層次、有目的。層次涉及的是一些表示重要度的視覺元素排列。要通過規(guī)模、顏色、類型等，將一些重要元素和不重要的元素類型區(qū)分開來。

使用正確對齊。左對齊類型是最容易被接受并且不太會出錯的方案。右對齊有違人們的閱讀習慣，因此該類排列在視覺上總會帶給人以不順遂的印象。居中對齊擁有簡潔的排列結構，居中類型的文本可以很容易地平衡內(nèi)容。

網(wǎng)格的重要性。網(wǎng)格允許按比例設計，使不同元素之間富有平衡感。

留白也是一門藝術。白色空間是可以讓設計看上去更多樣化和更能凸顯內(nèi)容的有效工具之一。

記得反饋。觸屏的出現(xiàn)更需要相匹配的反饋關系讓用戶感受到存在感。不同的觸發(fā)形態(tài)，不同的反饋形式，我們都要做好區(qū)分和設計。

15 像設計師一樣思考

設計師在項目中應該思考什么

設計的方向。設計前，要去思考這個設計解決的是什么問題，公司商業(yè)策略是什么。

實現(xiàn)性。好的設計是能在約束中，合理解決問題?？蓪崿F(xiàn)性具備約束性，會被技術、時間、預算等各種因素所限定。

發(fā)展性?？沙掷m(xù)發(fā)展性影響到產(chǎn)品的可迭代性。

16 講故事的力量

用講故事的方式來傳遞信息。一個故事的好與壞最重要的衡量標準就是代入感，這將決定用戶能否接受產(chǎn)品傳達的核心信息，講故事就是希望用戶可以去理解和接受故事背后產(chǎn)品所傳遞的理念，讓用戶對產(chǎn)品和品牌有歸屬感。

第1節(jié) 講好故事的三部曲

明確要講一個什么樣的故事，從什么角度出發(fā)。

設定主角，了解他們的特征和他們的需求。

分解他們的問題，通過產(chǎn)品功能，去解決這些問題。

第2節(jié) 故事吸引用戶的3種形式

1.通過插畫講故事。

2.通過動效講故事。

3.通過音效講故事。

17 移動搜索設計探索

第1節(jié) 移動搜索的變化與特點

更貼合業(yè)務訴求的搜索習慣。在移動設備上，用戶都會下載安裝滿足自己需要的應用。打開需要的App，然后進行搜索，搜索的內(nèi)容相對垂直于聚焦。

高精準度的結果展現(xiàn)，設計要求簡單直接。手機屏幕小，呈現(xiàn)的內(nèi)容少，用戶使用手機的環(huán)境復雜多變，so你懂的。

具有移動設備特性的搜索細節(jié)與特色?？梢岳靡苿釉O備的特殊屬性，如地理位置，當前地域?qū)傩詢?nèi)容與附近的結果優(yōu)先呈現(xiàn)。

第2節(jié) 移動搜索體驗核心

用戶如何使用搜索

目的明確，快速提煉所需的內(nèi)容；

搜索中對比收集，探索式學習；

由此及他式搜索。

搜索使用流程的路徑分解

搜索入口；

激活狀態(tài)和即時反饋；

輸入并提交，顯示搜索結果頁。

/*針對各階段進行優(yōu)化*/

第3節(jié) 制定數(shù)據(jù)指標，驗證設計合理性

一切可執(zhí)行、可落地的設計，都應該評判設計的合理性。

熱門搜索的點擊率是否有提升。

搜的關鍵詞平均詞長是否縮短。

搜索結果頁前3條結果的點擊率是否增加。

18 在移動支付設計中構建安全感

第1節(jié) “移動支付中的安全感”技術接受模型

計算機技術接受模型認為個人使用系統(tǒng)的安全感由行為意向決定，行為意向由個體對系統(tǒng)的感知易用性和感知有用性共同決定，感知有用性同時又受到外在變量和感知易用性的影響。

第2節(jié) 提高支付體驗與記憶模型的匹配度

提高支付體驗與用戶記憶模型的匹配度，可以幫助用戶構建一個放松的使用環(huán)境，最大限度地復制用戶既有的使用經(jīng)歷，幫助用戶遠離未知的恐懼，它是構建安全感的捷徑。比如支付寶的銀行卡包。

統(tǒng)一設計規(guī)范，在不同場景調(diào)用同一個控件可以減少用戶的認知負擔。當用戶使用淘寶、天貓、淘寶電影、閑魚等阿里旗下產(chǎn)品時，支付流程中都可以見到相同的支付界面，統(tǒng)一的體驗減少了用戶在不同環(huán)境中的陌生和焦慮感。

第3節(jié) 利用感性元素傳達安全體驗

安全除了會受到技術、數(shù)據(jù)的理性影響，還會受到文案、圖像、色彩等感性影響。如2010年開始，亞馬遜登錄框?qū)ⅰ皊ign in”改為“sign in using our secure server”，在使用網(wǎng)站的第一步幫助目標用戶跨過心理障礙，結合其他體驗優(yōu)化手段， 60歲以上用戶出現(xiàn)明顯增長。

信息安全產(chǎn)品在視覺表現(xiàn)層，通過圖形、色彩等手段來構建冷靜、穩(wěn)重的感覺，向用戶傳達可靠感、安全感。以擬物的形式模仿現(xiàn)實生活中有安全感的物件，如城墻、盾牌、齒輪、鎖等，能夠從視覺形象層面喚起用戶的同類記憶，加快用戶對產(chǎn)品安全感的認同。如McAfee和阿里錢盾，都是盾牌形象。

第4節(jié) 提高用戶對產(chǎn)品的掌控度

面對未知的事物，會感到自己對事物的掌控度和影響力顯著降低，焦慮與緊張的情緒會帶來安全感的缺失。如果從主客觀的角度評價用戶對移動支付產(chǎn)品的掌控度，主觀掌控意味著用戶對產(chǎn)品有信任感，認為自己在移動支付的流程中占主導地位。客觀掌控意味著用戶在實際操作中對產(chǎn)品進度有絕對的控制力，可以隨時打斷、繼續(xù)、返回、終止。提高用戶對產(chǎn)品的掌控度，意味著需要確保信息對等，提供實時進度反饋，關鍵操作可逆。

第5節(jié) 在場景中減少用戶不安情緒

支付寶從9.0版本開始，打開程序時會收到要求訪問通訊錄的權限請求，削弱了財富安全感，權限通過率不足兩成，極大地影響了支付寶建立朋友關系的進程。9.5版本后，當用戶安裝完支付寶，只在用戶進入朋友標簽、添加朋友等場景時，再向用戶請求，讓用戶對支付寶獲取隱私權限有所理解。在場景中增加用戶對支付寶的信任感。這個改動使通訊錄權限獲取率獲得了成倍增長。

第6節(jié) 集中隱私控制

集中隱私控制，將產(chǎn)品安全風險的最終決定權交由用戶，是用戶安全感的最后一層保障。在iOS 9.2.3中，用戶擁有對設備中所有應用的統(tǒng)一管理權，確保了設備中每一個應用在自己的掌控中，這種類似集權統(tǒng)治的體驗，給用戶帶來了足夠的安全感。

19 一切都是為了打動你——產(chǎn)品中的情感化設計

第1節(jié) 何為情感化設計

刺激用戶產(chǎn)生情感上的波動。通過產(chǎn)品的功能、操作行為或者產(chǎn)品本身的某種氣質(zhì)，產(chǎn)生情緒上的喚醒和認同，最終使用戶對產(chǎn)品產(chǎn)生某種認知，在他心目中形成獨特的定位。

第2節(jié) 情感化設計的三要素

本能水平的設計。通過產(chǎn)品的外形和視覺表現(xiàn)力體現(xiàn)。

行為水平的設計。使用產(chǎn)品中的樂趣和效率體現(xiàn)。

反思水平的設計。通過互動影響了產(chǎn)品的自我形象、滿意度以及鮮明的記憶點。

第3節(jié) 情感化設計如何應用到產(chǎn)品設計中

1.本能

對于本能水平層面上的設計，體現(xiàn)在產(chǎn)品中主要就是其視覺外觀的情感化，從色彩、插畫元素等風格化氛圍型元素的應用展開。

2.行為

行為水平就是指從產(chǎn)品的實際操作體驗出發(fā)來做情感化設計，例如在產(chǎn)品的應用操作中運用巧妙的動效和轉(zhuǎn)場，提升操作時候用戶的愉悅度。

巧妙的動效設計在產(chǎn)品體驗中的作用

加強用戶體驗的舒適度：過渡流暢、引導用戶、展現(xiàn)層級。

減弱不可避免的不適感：高效反饋是指通過動效讓用戶了解程序當前狀態(tài)，同時對用戶操作做出及時反饋。譬如，點擊下載按鈕后，需要給用戶展示當前狀態(tài)：未下載—下載中—下載完成?；蛟趌oading過程中增加一些有趣的動效，提示用戶程序現(xiàn)在正在執(zhí)行。如果我們不把這些反饋傳達給用戶，用戶可能就覺得手機卡死了。

給用戶帶來驚喜感：細膩和創(chuàng)新的動效設計可以為用戶帶來更大的驚喜感。如集齊五?？▌有?。

3.反思

產(chǎn)品是生活的情感與記憶。只有在產(chǎn)品和用戶之間建立起情感的紐帶，通過與用戶的情感互動影響用戶對產(chǎn)品的印象、滿意度、記憶等，才能讓用戶形成對產(chǎn)品的忠誠度。為了打動用戶，可以構筑出一個具有共鳴、使用戶有代入感的場景。如支付寶十年賬單活動，讓用戶回憶了從第一次使用支付寶到現(xiàn)在的點點滴滴。

第4節(jié) 價值轉(zhuǎn)化

在審美上令人感覺快樂的物品能使人更好地工作，使人感覺良好的產(chǎn)品和系統(tǒng)會被較多人使用，用戶會產(chǎn)生良好的情感依賴。一個僅僅滿足功能需求的產(chǎn)品已經(jīng)越來越難以獲得用戶的長久忠誠度，能否準確抓住用戶心理、能否打動人心才是人性需求中最注重的。一個優(yōu)秀的情感化設計最終能夠創(chuàng)造出令人感到快樂和感動的產(chǎn)品，產(chǎn)生了愛自然就能產(chǎn)生消費。這正是那些只注重功能性導向的產(chǎn)品無法做到的。