近期閱讀了《支付寶移動設(shè)計(jì)精髓》，這本書涵蓋了支付寶設(shè)計(jì)團(tuán)隊(duì)在產(chǎn)品設(shè)計(jì)體驗(yàn)設(shè)計(jì)的實(shí)戰(zhàn)經(jīng)驗(yàn)，分別從學(xué)設(shè)計(jì)、做設(shè)計(jì)、看設(shè)計(jì)、玩設(shè)計(jì)四個(gè)維度，總結(jié)分享了多個(gè)設(shè)計(jì)領(lǐng)域的相關(guān)主題。整本書由多位作者共同完成，章節(jié)的銜接稍有跳躍，部分觀點(diǎn)略有重復(fù)，不過整體干貨還是很多，按自己的理解整理了以下部分內(nèi)容。
行業(yè)設(shè)計(jì)“五步法”
行業(yè)設(shè)計(jì)五步法，通過之前五導(dǎo)家設(shè)計(jì)方法，可以理解為探尋設(shè)計(jì)目標(biāo)，用戶需求，設(shè)定產(chǎn)品、設(shè)計(jì)目標(biāo)，實(shí)施設(shè)計(jì)落地。更強(qiáng)調(diào)在對陌生行業(yè)進(jìn)行設(shè)計(jì)時(shí)，做的更詳盡的需求理解和框架設(shè)計(jì)。
充分的行業(yè)調(diào)查，包括行業(yè)的發(fā)展歷史、現(xiàn)狀、前景以及特點(diǎn)，要求在調(diào)查過程中能對行業(yè)項(xiàng)目背景有深刻的認(rèn)識，主要通過桌面研究，對現(xiàn)有二手材料對分析和研究；通過田野調(diào)研，進(jìn)行實(shí)地的調(diào)查；
圈定目標(biāo)用戶，從更多維度的理解分析，對目標(biāo)用戶有更充分的理解。
搭建用戶場景，搭建場景能讓需求分析更精準(zhǔn)，讓業(yè)務(wù)目標(biāo)定位更清晰。仿真分析是場景搭建對常用方法，即仿照真實(shí)線下流程構(gòu)建線上虛擬場景對方式。場景并不是固定不變對，隨著業(yè)務(wù)場景的發(fā)展與設(shè)計(jì)師理解的加深，場景也在不斷變化。
篩選核心需求，需求要結(jié)合商業(yè)模式、產(chǎn)品發(fā)展目標(biāo)、用戶場景和用戶行為來交叉判斷，需求的評估最重要的不是知道要做什么，而是知道什么不要做。當(dāng)設(shè)計(jì)師接到產(chǎn)品需求，要有自己的判斷，主動參與到產(chǎn)品設(shè)計(jì)中。需求的排序需要進(jìn)行整體的平衡和優(yōu)先級排布才能實(shí)現(xiàn)產(chǎn)品功能迭代價(jià)值的最大化。對于較復(fù)雜的需求變更，影響到上線時(shí)間或用戶體驗(yàn)，設(shè)計(jì)師要嚴(yán)格把控。
建立交互框架，信息架構(gòu)的建立是推進(jìn)項(xiàng)目核心的環(huán)節(jié)，清晰的框架有助于幫助用戶快速完成任務(wù)目標(biāo)，提升效率。流程圖設(shè)計(jì)表達(dá)用戶在產(chǎn)品使用中的操作與交互關(guān)系，需要遵循：1、以用戶需求為主要導(dǎo)向；2、兼顧用戶的使用習(xí)慣；3、流程盡量短；4、每個(gè)操作頁面僅有一個(gè)核心操作任務(wù)；5、考慮交互實(shí)現(xiàn)的開發(fā)成本。最后交互細(xì)節(jié)的補(bǔ)充完善，不斷細(xì)化完善邊界case。
設(shè)計(jì)規(guī)范的建設(shè)
支付寶作為一個(gè)超級App，本身提供著涵蓋生活服務(wù)金融等方面對服務(wù)，面對如此龐大的設(shè)計(jì)內(nèi)容，很有必要進(jìn)行自上而下地建立了一套設(shè)計(jì)規(guī)范系統(tǒng)，幫助產(chǎn)品完成更好的用戶體驗(yàn)與視覺的統(tǒng)一。
基礎(chǔ)樣式庫——規(guī)范文檔——設(shè)計(jì)原則
基礎(chǔ)樣式庫僅僅滿足了現(xiàn)有設(shè)計(jì)的復(fù)用，面對新的設(shè)計(jì)，需要規(guī)范文檔來定義，形成設(shè)計(jì)規(guī)范。這里提到需要進(jìn)一步提升內(nèi)部設(shè)計(jì)的一致性和整體性，更需要團(tuán)隊(duì)達(dá)成一致的設(shè)計(jì)價(jià)值觀，設(shè)計(jì)原則在這里發(fā)揮著自上而下凝聚的作用。
基礎(chǔ)規(guī)范：
文字、圖片、線條、顏色是構(gòu)成頁面的最基本元素，統(tǒng)一這些基本元素對于整個(gè)產(chǎn)品的視覺風(fēng)格和品牌傳達(dá)的一致性起著至關(guān)重要的作用。這篇詳盡的介紹了色彩、字體、圖標(biāo)、適配等規(guī)范，對于1-3階段的設(shè)計(jì)有個(gè)比較好的參考價(jià)值。
控件&組件：
層級的定義，系統(tǒng)層——完全調(diào)用系統(tǒng)原生的控件和組件?？蚣軐印糜诮M織頁面信息，并且起到導(dǎo)航作用的控件。臨時(shí)層——頁面中臨時(shí)出現(xiàn)的浮層和內(nèi)容。內(nèi)容層——頁面中剩下的內(nèi)容，跟頁面內(nèi)容的特點(diǎn)相關(guān)。
設(shè)計(jì)原則：
1、強(qiáng)調(diào)簡單的力量：在設(shè)計(jì)上制定了以下兩個(gè)原則：? 1、一個(gè)頁面只做一件事情，突出兩個(gè)重點(diǎn)。2、刪除不必要的內(nèi)容，隱藏次要的內(nèi)容。文中用了一些支付寶相關(guān)設(shè)計(jì)的案例來介紹，包括隱藏不常用功能、適時(shí)出現(xiàn)等方式。
2、高效的執(zhí)行：1秒是用戶保持不間斷的思維流的限定時(shí)間，用戶會注意到這樣的延遲。8秒是保持用戶關(guān)注當(dāng)前界面的極限時(shí)間，超出8秒用戶會憤然離場。RPC（Remote Procedure Call Protocol）泛指客戶端需要和服務(wù)端發(fā)生數(shù)據(jù)交換的場景。優(yōu)化RPC請求，提高效率，提升用戶體驗(yàn)。
轉(zhuǎn)移注意力也是減輕等待的負(fù)面影響的常用手段，支付寶的明星產(chǎn)品“余額寶”，當(dāng)用戶進(jìn)入頁面的時(shí)候會從服務(wù)端獲取金額信息。在這一過程中伴隨著金額數(shù)字隨機(jī)變換以吸引用戶注意，使用戶不會有等待之苦。這段中還談及到減少不必要的點(diǎn)擊和跳轉(zhuǎn)。
3、人性的對話：適時(shí)反饋，為用戶的操作提供必要、積極、即時(shí)的反饋。? 根據(jù)內(nèi)容的重要程度選擇合適的反饋形式；避免過渡反饋，以免給用戶帶來不必要的打擾；不要打斷用戶的意識流，避免遮擋用戶可能回去查看或操作的對象。反饋方式大致有五種對話框、小氣泡、多態(tài)按鈕、動畫、聲音或震動。要避免過度反饋。
情感關(guān)懷，降低用戶在等待錯(cuò)誤等場景下等焦慮或挫敗感，強(qiáng)化正向的情感。
輸出規(guī)范：規(guī)范文檔&UIKit，開發(fā)基礎(chǔ)控件庫
敏捷開發(fā)模式下的設(shè)計(jì)協(xié)作
敏捷開發(fā)以人為核心，迭代開發(fā)、循序漸進(jìn)，將一個(gè)大項(xiàng)目分解為多個(gè)相互聯(lián)系、分開運(yùn)作的小項(xiàng)目，設(shè)定多個(gè)發(fā)布節(jié)點(diǎn)分批上線，既提高效率，也能根據(jù)上線后的用戶反饋來調(diào)整后續(xù)的產(chǎn)品策略。這篇主要強(qiáng)調(diào)了交互設(shè)計(jì)師在敏捷開發(fā)模式中所扮演的角色，執(zhí)行的任務(wù)。
需求分析階段，交互設(shè)計(jì)師和產(chǎn)品經(jīng)理協(xié)作定義范圍層的內(nèi)容，設(shè)計(jì)師通過專業(yè)支持幫助產(chǎn)品經(jīng)理決策。有一些想法可以快速輸出框架圖和典型界面，幫助理清產(chǎn)品思路。深入思考產(chǎn)品經(jīng)理的需求背后的商業(yè)目的，了解業(yè)務(wù)，開闊視野，提出有說服力的論據(jù)。最后盡早的邀請視覺設(shè)計(jì)師的加入，在項(xiàng)目前期設(shè)計(jì)一些概念稿，確定視覺風(fēng)格，和交互稿的設(shè)計(jì)并行。
設(shè)計(jì)階段，在敏捷開發(fā)項(xiàng)目中，會有多個(gè)子項(xiàng)目同步進(jìn)行，設(shè)計(jì)師之間的信息同步顯得非常重要。在設(shè)計(jì)開始時(shí)，約定一些規(guī)范，保證團(tuán)隊(duì)不會偏離設(shè)計(jì)框架，并及時(shí)的更新同步。設(shè)計(jì)師是最需要思維碰撞的職業(yè)之一，協(xié)同設(shè)計(jì)的時(shí)候最容易產(chǎn)生新的想法。在完成自己設(shè)計(jì)的模塊后，可以邀請其他設(shè)計(jì)師走查，補(bǔ)充交互細(xì)節(jié)，找出不足之處。當(dāng)然，不是在線框圖的美觀性上糾結(jié)，把主要精力放在解決問題上。最后，主動溝通，對頁面的想法，應(yīng)在早期就完整地描述給視覺設(shè)計(jì)人員，以有效提高項(xiàng)目的整體效率
開發(fā)階段，產(chǎn)品真正的落地離不開開發(fā)工程師，了解一定的開發(fā)知識，可以有效的避免許多設(shè)計(jì)實(shí)現(xiàn)反復(fù)，在不影響用戶體驗(yàn)前提下使用性能損耗更少的方案，可給用戶帶來更好的操作體驗(yàn)。尤其在設(shè)計(jì)動畫效果時(shí)，應(yīng)和開發(fā)充分溝通。主動溝通在哪個(gè)階段都非常重要，設(shè)計(jì)時(shí)應(yīng)注意兩點(diǎn)：一是輸出設(shè)計(jì)稿時(shí)一定要做設(shè)計(jì)宣講，將業(yè)務(wù)邏輯、設(shè)計(jì)原型和設(shè)計(jì)原則向開發(fā)人員解釋清楚，避免有理解不一致的地方；二是設(shè)計(jì)有變更及時(shí)同步到相關(guān)人員。
驗(yàn)收階段，驗(yàn)收時(shí)和測試人員保持密切配合，走查每個(gè)流程，特別是異常狀態(tài)的驗(yàn)收，有問題及時(shí)反饋，讓測試人員跟進(jìn)開發(fā)人員修正。
這篇中的流程，其實(shí)在日常工作中我們已經(jīng)在實(shí)踐了，敏捷開發(fā)也是目前主流的產(chǎn)品開發(fā)模式。但是在過程中，仍然有很多沒有做好或遺漏的過程，我個(gè)人在溝通環(huán)節(jié)中就存在比較多困擾。面對產(chǎn)品需求不能很好的提出自己的建議和觀點(diǎn)，面對設(shè)計(jì)落地開發(fā)碰到的問題，也不能很好的提出最優(yōu)解，可見仍然有很多有待學(xué)習(xí)補(bǔ)充的知識。流程只是提供了一個(gè)更好的框架，而其中的內(nèi)容還需要更強(qiáng)大的能力去補(bǔ)充支撐。
這本書還有很多待挖掘的干貨～是本值得推薦的好書，后續(xù)也會再整理分享。
