一.? 用戶體驗(yàn)設(shè)計(jì)
· 用戶和人機(jī)界面的交互過程。
·? 用戶體驗(yàn)設(shè)計(jì)特征
1.嚴(yán)謹(jǐn)、理性、創(chuàng)意
2.提供特定問題的解決方案
3.讓用戶思考
4.妙趣橫生
·? 用戶體驗(yàn)設(shè)計(jì)的精益之道
1.熱愛生活，細(xì)心觀察，勇于改變
2.了解人，觀察人（人有共性，也有差異性，體會大多數(shù)人的想法）
3.理性的思路
4.親自使用、體驗(yàn)
5.多聽用戶反饋意見
6.留心好的設(shè)計(jì)，在此基礎(chǔ)上優(yōu)化
二.? 用戶體驗(yàn)設(shè)計(jì)師
·? 交互設(shè)計(jì)就是通過分析用戶心理模型、設(shè)計(jì)任務(wù)流程、運(yùn)用交互知識，把業(yè)務(wù)邏輯（功能規(guī)格或內(nèi)容需求）以用戶能理解的方式表達(dá)給用戶，最終實(shí)現(xiàn)產(chǎn)品戰(zhàn)略（公司需求和用戶需求的最佳平衡點(diǎn)）的過程。
·? 最重要的是解決問題的能力。
·? 交互設(shè)計(jì)師的產(chǎn)出物：競品分析文檔、用戶反饋整理、流程圖、設(shè)計(jì)草圖、設(shè)計(jì)原型等。
·? 設(shè)計(jì)原型：手繪、軟件繪制
????????? 軟件：Balsamiq Mockups手繪風(fēng)格
????????????????????? Axure繪制線框圖
·? 視覺設(shè)計(jì)師：懂產(chǎn)品、懂用戶、懂設(shè)計(jì)，關(guān)鍵時(shí)能有條理地陳述自己的觀點(diǎn)和理由。
·? 優(yōu)秀的設(shè)計(jì)師之所以優(yōu)秀，是因?yàn)闈摬卦诩寄鼙砻嫦碌臇|西。
（人文、心理學(xué)、設(shè)計(jì)學(xué)、工業(yè)工程學(xué)、代碼、手繪等）
良好的素養(yǎng)，強(qiáng)大的思維能力，專業(yè)的技能，濃厚的興趣
三.用戶體驗(yàn)設(shè)計(jì)師技能
· 用戶體驗(yàn)設(shè)計(jì)師目標(biāo)：解決用戶需求，減少用戶理解和操作成本，給用戶留下美好深刻印象。
· 和產(chǎn)品經(jīng)理一起做需求分析
1. 產(chǎn)品定位
產(chǎn)品定位是關(guān)于產(chǎn)品的目標(biāo)、范圍、特征等約束條件，它包括產(chǎn)品定義和用戶需求。產(chǎn)品定位是產(chǎn)品設(shè)計(jì)的芳香，也是需求文檔和設(shè)計(jì)產(chǎn)出的判斷標(biāo)準(zhǔn)。
產(chǎn)品定義——一句話概括某個(gè)產(chǎn)品。
使用人群——明確產(chǎn)品主要為誰服務(wù)，所有功能、內(nèi)容、設(shè)計(jì)風(fēng)格的設(shè)定都圍繞使用人群來進(jìn)行。
產(chǎn)品特色——使產(chǎn)品區(qū)別于同類競爭者，讓產(chǎn)品脫穎而出，更具競爭力。
用戶需求——可以看作是“目標(biāo)用戶”在“合理場景”下的“用戶目標(biāo)”，其實(shí)就是解決“誰”在“什么環(huán)境下”想要“解決什么問題”。
2. 產(chǎn)品需求
· 用戶調(diào)研——通過問卷調(diào)查、用戶訪談、信息采集等手段來挖掘需求的方式。
· 用戶反饋——發(fā)現(xiàn)很多之前意想不到的問題。
· 競品分析—— 找到有代表性的同類產(chǎn)品，對比產(chǎn)品之間的優(yōu)勢、劣勢，從而發(fā)現(xiàn)產(chǎn)品的突破口。
· 產(chǎn)品數(shù)據(jù)——艾瑞資訊、百度指數(shù)、淘寶指數(shù)等，手機(jī)到數(shù)據(jù)后，分析挖掘數(shù)據(jù)背后潛在的意義。
3. 如何分析與篩選需求
4. 需求文檔：目錄、背景描述、用戶類型和特征、項(xiàng)目時(shí)間安排、信息結(jié)構(gòu)、整體業(yè)務(wù)流程說明、需求詳細(xì)說明等。
5. 傾聽用戶的聲音
· 擁抱用戶
· 別被用戶牽著走
6.尋找設(shè)計(jì)目標(biāo)
在某次優(yōu)化任務(wù)中，產(chǎn)品經(jīng)理要求增加一系列功能，先不要著急做設(shè)計(jì)，而是要思考以下問題。
既然是做優(yōu)化，就說明已經(jīng)有一定的用戶基礎(chǔ)了。那是不是可以先查一下目前用戶的評論和反饋？是不是可以觀察身邊的人是如何使用的？可以做一些簡單的訪談和測試，看看用戶使用過程中有什么痛點(diǎn)。另外，還可以對比一下競品，看看競品哪里體驗(yàn)比我們好，哪里還有改進(jìn)余地……
7. 如何“抄襲”競品
功能方面，產(chǎn)品經(jīng)理們可以去抄，設(shè)計(jì)師無力干涉。
但在設(shè)計(jì)方面，絕不允許自己盲目“抄襲”，即使功能一樣，不同的設(shè)計(jì)水準(zhǔn)也會讓產(chǎn)品體驗(yàn)截然不同。
關(guān)注競品、研究競品、努力超越競品。
四. 從需求到設(shè)計(jì)草圖
· 工欲善其事，必先利其器。
優(yōu)秀的設(shè)計(jì)要經(jīng)理充足的規(guī)劃過程。
根據(jù)需求，先確定應(yīng)該提供哪些必要的信息給用戶，然后對信息分門別類、有效地組織起來，并以導(dǎo)航的形式展現(xiàn)在界面上，讓用戶可以快速找到自己想要的信息。
1. 信息/任務(wù)?? 從需求到界面，隔著一扇門
·? 信息歸類
?????????? 邏輯歸類——使用人們在生活中熟悉的分類邏輯對內(nèi)容進(jìn)行組織。
?????????? 卡片歸類——邀請用戶“把類似的東西放在一起”。
·? 好的導(dǎo)航是成功的一半
??????????? 成功的導(dǎo)航設(shè)計(jì)可以自我解釋：讓用戶在導(dǎo)航系統(tǒng)中清楚地認(rèn)識到信息結(jié)構(gòu)和自己所處的位置，為用戶解釋“我從哪里來？”、“我現(xiàn)在在那里？”、“我能去哪里？”的問題。
???????????? 。深廣度平衡
????????????? 在設(shè)計(jì)導(dǎo)航結(jié)構(gòu)時(shí)，要考慮到深度與廣度的平衡，也就是縱向的層級數(shù)，與橫向的選項(xiàng)數(shù)的平衡。（每多點(diǎn)擊一次操作都會流失掉一批用戶）
? ? ? ?? 。用戶所需信息與商業(yè)推廣信息的平衡
????? ?? 矛盾：用戶只想看到自己需要的信息，而企業(yè)又希望可以把業(yè)務(wù)和廣告推薦給用戶。
???????? 合理的信息組織方式，應(yīng)該既對用戶有意義，又能滿足業(yè)務(wù)目標(biāo)。
???????? 。為重要功能和常用功能設(shè)置快捷入口
???????? 就像是在原有產(chǎn)品架構(gòu)的基礎(chǔ)上搭建“快捷通道”，用戶可以一步一步順著產(chǎn)品的邏輯來尋找所需功能，也可以通過快捷入口，按照自己的行為習(xí)慣，快速找到所需功能。（快捷入口不宜過多）
· 主要任務(wù)和次要任務(wù)
??????? 一個(gè)頁面上如果鋪放過多的功能或內(nèi)容，會讓用戶迷茫不知所措，效果反而會更差。
??????? 明確主要任務(wù)和次要任務(wù)，可以幫助我們快速判斷界面上內(nèi)容的主次關(guān)系。
??????? 設(shè)計(jì)任務(wù)流程——要先設(shè)計(jì)主線，再從容設(shè)計(jì)支線。
????? （是否設(shè)計(jì)支線，即次要行為流，要看次要行為流是否能對用戶完成主行為流產(chǎn)生必要的幫助，迷宮的支線越少，整體復(fù)雜度越低，越有助于用戶迅速完成任務(wù)。）
·? 突出主要任務(wù)
???????????? 。1 分解用戶任務(wù)
???????????? 。2 排列任務(wù)優(yōu)先級（優(yōu)先級不是出現(xiàn)的先后次序，而是在頁面中的重要程度。這些任務(wù)的出現(xiàn)次序，要按照主行為流的次序排列。）
???????????? 。3 組織合并相關(guān)任務(wù)
· 引導(dǎo)用戶完成任務(wù)
??????????? 。相似性引導(dǎo)——大小、色彩、形態(tài)、視覺元素等
??????????? 。方向性引導(dǎo)——對于操作步驟較多的任務(wù)，可以利用具有指向性的箭頭，進(jìn)行方向性引導(dǎo)。
??????????? 。運(yùn)動元素引導(dǎo)——像是用戶的小向?qū)?，帶領(lǐng)用戶找到下一步該往哪走。
??????????? 。向?qū)Э丶谀吧捻撁姝h(huán)境下，為用戶指引路線，引導(dǎo)用戶完成多步操作。
· 設(shè)計(jì)友好而易用的界面
??????????? 。減少冗余步驟和干擾項(xiàng)
??????????? 。將復(fù)雜操作轉(zhuǎn)移給系統(tǒng)（讓機(jī)器變得更智能）
??????????? 。簡化操作方式（Windows和MAC OS 安裝軟件）
??????????? 。優(yōu)化操作過程（提供合適的首選項(xiàng)、適時(shí)幫助、及時(shí)反饋、提供合理的默認(rèn)值等）
· 信息量太大，頁面如何擺
設(shè)計(jì)師沒辦法控制頁面上要呈現(xiàn)信息的多少，因?yàn)檫@與產(chǎn)品和業(yè)務(wù)相關(guān)。
但設(shè)計(jì)師要保障受眾信息的接受效果，掌握信息的展現(xiàn)形式，在頁面信息量很大時(shí)，決定該如何組織這些信息。
??????? 。讓頁面層次不言而喻?
????????????????? 邏輯相關(guān)的在視覺上分為一組——接近原則
（在設(shè)計(jì)界面時(shí)，將元素分好類后，在模塊與模塊之間、段落與段落之間、廣告與廣告之間、標(biāo)題與正文之間劃分幾個(gè)固定的高度，在為整個(gè)頁面排版的時(shí)候，嚴(yán)格按照這幾個(gè)間距進(jìn)行排布，從而形成整個(gè)頁面模塊與模塊、內(nèi)容與內(nèi)容之間的節(jié)奏感。）
???????????????? 內(nèi)容或重要程度不同的信息——差異原則（增強(qiáng)對比）
???????????????? 邏輯上有包含關(guān)系的——嵌套
?????? 。讓重點(diǎn)信息“跳出來”
?????????? 通過視覺設(shè)計(jì)方法——字體加大加粗、色彩對比、添加背景色、留白等，強(qiáng)調(diào)界面的重點(diǎn)元素。
?????? 。將次要信息“藏起來”
??????????? 列表頁的作用是“快速篩選，激發(fā)興趣”。隱藏策略不僅可以讓界面重點(diǎn)更突出，減少復(fù)雜信息對用戶的干擾，還可以減少跳轉(zhuǎn)，滿足用戶的快捷操作。
· 理性的規(guī)劃VS感性的界面
?????????? 。以人為本的界面設(shè)計(jì)
??????????????? 要了解用戶，知道用戶有什么樣的需求。
??????????????? 要保證界面邏輯不是錯(cuò)誤的，可以讓用戶順利完成任務(wù)。
???????????????? 力求讓設(shè)計(jì)形式符合用戶的心理模型，讓用戶感受到“人性化”的設(shè)計(jì)。
??????????? 。幫助用戶找到想要的東西
???????????????? 讓有明確目標(biāo)的用戶，能夠快速找到所需信息。
???????????????? 有不確定目標(biāo)的用戶，通過瀏覽和尋找，一點(diǎn)點(diǎn)明確自己的需要，最終找到信息。
???????????????? 讓沒有目標(biāo)的用戶在探索中激發(fā)需求。
???????????? 。吸引無目標(biāo)用戶
???????????????? 充分換位思考，用感性的思維方式來為他們營造貼心、友好、有吸引力的界面。
??????????? 。符合用戶心理模型
??????????????? 設(shè)計(jì)師該充分考慮到用戶是如何理解產(chǎn)品的，并在交互設(shè)計(jì)的表現(xiàn)形式上更貼近用戶的心理模型，避免將枯燥的邏輯直接呈現(xiàn)給用戶。
2. 捕獲用戶的芳心
· 來自真實(shí)世界的靈感
??????????? 。擬物化的視覺
???????????????? 注重效率的應(yīng)用可以設(shè)計(jì)得盡可能簡潔，幫助用戶快速完成任務(wù)。但是，對于娛樂型應(yīng)用來說，人們對于情感的追求永遠(yuǎn)不會消失。
??????????????? 擬物化并不意味著一定要100%還原物理世界的真實(shí)質(zhì)感，抽象出物體中最優(yōu)特征的部分，將繁復(fù)的視覺元素進(jìn)行簡化處理，一樣可以設(shè)計(jì)出既簡約又可以調(diào)動用戶情感的產(chǎn)品。
??????????? 。隱喻化的操作
??????????????? 視覺表現(xiàn)難以擬物時(shí)，也可以通過模擬現(xiàn)實(shí)中的操作，使用隱喻的方式讓用戶對操作感到熟悉。
· 貼心的設(shè)計(jì)惹人愛
???????????? ?？煽氐母惺?/p>
???????????????? 調(diào)查表明，如果界面沒有任何提示，80%的用戶等待超過2秒就會直接關(guān)閉窗口。
???????????????? 如果界面有提示或是加載狀態(tài)，用戶的離開率就會極大地降低。加載狀態(tài)提示可以增加用戶對界面的可控感，形成操作預(yù)期，使用戶安心。
???????????????? 為增強(qiáng)用戶的可控感，界面還需要預(yù)先提供提示，向用戶透漏一些接下來將要發(fā)生的事情，讓用戶建立預(yù)期。系統(tǒng)需要根據(jù)用戶的操作收集信息，掌握規(guī)律，正確地預(yù)計(jì)未來可能出現(xiàn)的問題，并提前采取措施或提醒用戶，將可能出現(xiàn)的風(fēng)險(xiǎn)消除在萌芽狀態(tài)。
?????????????? 。積極的反饋
?????????????????? 人們在社會交往時(shí)具有的期望，在使用互聯(lián)網(wǎng)產(chǎn)品時(shí)也會有。積極的反饋可以增強(qiáng)用戶的信心，提升用戶體驗(yàn)的愉悅感。
?????????????? 。貼心的提醒
?????????????????? 在使用產(chǎn)品時(shí)，用戶難免會有遺忘或是疏忽的時(shí)候。此時(shí)給予用戶一些貼心的提醒，可以提升用戶對產(chǎn)品的好感。
???????????????? ?；拥臉啡?/p>
??????????????????? 靈動的的交互畫面、操作后的反饋效果、誤操作時(shí)的提示，像對話一樣親切的文案，都是機(jī)器與用戶互動的結(jié)果。讓用戶感覺到，自己的一點(diǎn)一滴都能被系統(tǒng)感知，滿足用戶的參與感和被尊重感，利用互動因素可以極大提升用戶界面的趣味性，調(diào)動用戶情感。
???????????????????? 豐富的動效可以使界面更生動、充滿活力，也可以提升產(chǎn)品的品質(zhì)。
????????????????? 。驚喜的力量
??????????????????? 驚喜會為用戶增添一份特殊的喜悅與樂趣，還可以引發(fā)用戶的好奇心，增強(qiáng)他們的探索欲望。
????????????????? 。情境的烘托
???????????????????? 為產(chǎn)品設(shè)計(jì)一個(gè)故事情節(jié)，通過視覺、動畫和音效的烘托，把用戶帶入一個(gè)情境中。很適合用在活動頁面的設(shè)計(jì)中。
· 快速表達(dá)我的想法—紙面原型
。紙面原型的目的
溝通、測試，盡快解決那些不確定的問題。紙面原型具有可塑性，可以快速修改和重建，幫助設(shè)計(jì)師探索盡可能多得想法并否定掉那些不靠譜的想法。當(dāng)已經(jīng)通過紙面原型確定了大致的方案時(shí)，也就同時(shí)確定了產(chǎn)品的框架、主要流程、基本信息和功能等。
。工具
紙面原型，購買成套出售的紙面原型工具，包括繪圖模板、設(shè)計(jì)繪畫本、圖標(biāo)模具、標(biāo)準(zhǔn)交互組件等。
。表達(dá)什么
串聯(lián)需求、任務(wù)、信息、操作等。
界面關(guān)系可用繪制的深淺和顏色來表現(xiàn)。
對于移動應(yīng)用，可用紙面原型來表達(dá)動效。通過紙張的折疊和左右移動，可以模仿手機(jī)中的下拉、滑動分層等各種動效。
APP?? “POP-Prototyping on Paper”和“快現(xiàn)”表現(xiàn)動態(tài)效果。
· 設(shè)計(jì)標(biāo)準(zhǔn)——好的設(shè)計(jì)需要表達(dá)
。原型
經(jīng)過設(shè)計(jì)規(guī)劃階段，通過設(shè)計(jì)加工，形成最終的結(jié)果。
原型是項(xiàng)目開發(fā)的重要標(biāo)準(zhǔn)和依據(jù)。
低保真原型：與最終產(chǎn)品不太相似的原型?？梢允羌埫嬖停ú輬D），也可以是用軟件繪制的線框圖。
???????? 鼓勵(lì)使用：紙筆。
? ? ? ?? 較大團(tuán)隊(duì)：用專業(yè)軟件Axure、Visio來設(shè)計(jì)原型，并向團(tuán)隊(duì)成員展示設(shè)計(jì)成果。使用Axure可以制作一些復(fù)雜的動態(tài)效果。
???????? 移動端產(chǎn)品，推薦使用PowerPoint繪制原型。強(qiáng)大的動畫功能可以掩飾各種逼真的動態(tài)效果。
高保真原型：在外觀、操作上與最終產(chǎn)品基本一致。
。原型內(nèi)容
?1）簡要說明與信息結(jié)構(gòu)
變更日志：同需求文檔一樣，原型設(shè)計(jì)也不可能一次到位，一般都需要經(jīng)過溝通、評審后略做調(diào)整。更新日志，可以方便項(xiàng)目組成員看到每次更改的內(nèi)容，然后重點(diǎn)關(guān)注這部分內(nèi)容就行，大大提高工作效率。
版本說明：適合快速迭代且迭代周期較固定的項(xiàng)目。
信息結(jié)構(gòu)：產(chǎn)品內(nèi)容都有什么，是如何組織的，頁面層級是如何分部等等。（被設(shè)計(jì)加工過的產(chǎn)物，是綜合考慮產(chǎn)品邏輯結(jié)構(gòu)和用戶習(xí)慣而得到的結(jié)果）
?2）任務(wù)流程與頁面流程
任務(wù)流程：用戶使用產(chǎn)品時(shí)，它的每一步操作會遇到什么結(jié)果、系統(tǒng)會如何反饋等。關(guān)注用戶如何操作、頁面如何反饋等，從而引導(dǎo)用戶完成目標(biāo)。
頁面流程：更清晰、具體?？梢钥吹骄唧w的頁面，以及用戶如何通過操作，從一個(gè)頁面跳轉(zhuǎn)到另一個(gè)頁面的完整過程。
3）線框圖&交互說明
線框圖：原型圖里的靜態(tài)部分
交互說明：原型圖的動態(tài)操作效果。
交互說明——建議采用說明與動態(tài)效果相配合的方式。
交互說明類型：
（1）限制：包含范圍值、極限值等。
范圍值：數(shù)據(jù)的取值范圍。比如，當(dāng)你的界面上出現(xiàn)了下拉菜單、篩選按鈕、滑塊等控件時(shí)，你必須標(biāo)注清楚它們的選擇范圍，否則開發(fā)人員就不清楚該如何設(shè)定。
極限值：數(shù)據(jù)的顯示限制。比如，最多應(yīng)該顯示多少字?jǐn)?shù)，超過時(shí)如何顯示，是否折行等。
（2）狀態(tài)：包含默認(rèn)狀態(tài)、常見狀態(tài)、特殊狀態(tài)等。
默認(rèn)狀態(tài)：默認(rèn)顯示的文字、數(shù)據(jù)、選項(xiàng)等。需要注明，否則開發(fā)人員可能難以意識到這是用戶填完的結(jié)果，還是默認(rèn)就有的。
常見狀態(tài)：主要針對某一個(gè)模塊，經(jīng)常遇到的一些狀態(tài)。
特殊狀態(tài)：非正常情況下的樣式、文案、說明等。
（3）操作：包含常見操作、特殊操作、誤操作、手勢操作等。
常見操作：主要指正常操作時(shí)得到的反饋狀態(tài)。
特殊操作：一些極端情況下的操作。
誤操作：盡量避免用戶犯錯(cuò)的機(jī)會。
手勢操作：用戶使用移動產(chǎn)品時(shí)的操作方式。
（4）反饋：用戶操作后得到的反饋動作，包含提示、跳轉(zhuǎn)、動畫等。
提示：操作后系統(tǒng)反饋給用戶的文字說明
跳轉(zhuǎn)：需要說明跳轉(zhuǎn)時(shí)是“原頁面刷新”還是“新頁面打開”。
????????????? 此外還需要注明在界面的不同位置以不同手勢操作時(shí)，會跳轉(zhuǎn)到哪里。
動畫：給人感覺比較友好、趣味性強(qiáng)。
。你真的會畫線框圖嗎
1）通過明暗對比表達(dá)，界面元素的優(yōu)先級關(guān)系更直觀。
2）不要用截圖與顏色
3）合理的布局（盡量保持簡單的結(jié)構(gòu)，最好不要出現(xiàn)2列和3列混排的設(shè)計(jì)）
4）遵守柵格規(guī)范
5）標(biāo)記第一屏高度
6）表達(dá)清楚UI邏輯
【整理優(yōu)先級。一般來說，操作的優(yōu)先級大于鏈接，鏈接的天優(yōu)先級大于文本。】
最重要的操作：一般用按鈕來表現(xiàn)。比如收藏夾中的“加入購物車”按鈕。
下來是普通操作，如“對比”等。
最后是消極操作，如“刪除”等。
如此，就相當(dāng)于提前定義好了一套規(guī)則，它可以用在不同的表單頁面上。通過這個(gè)細(xì)致的規(guī)則，可以保證最終的字號及顏色符合邏輯，減少了視覺設(shè)計(jì)師的工作成本。
7）考慮視覺實(shí)現(xiàn)后的效果
8）了解視覺趨勢
上圖可看出，目前視覺趨勢如下：
~寬度變寬，留白增多。
~漸變減少，視覺風(fēng)格更加扁平化，整體感覺更清爽。
~通過空隙和留白來分割區(qū)域，而不是用線來分割。
~布局更規(guī)整。
~去掉不必要的視覺元素。
。寫交互說明的訣竅
1）盡量使用真實(shí)、符合邏輯的數(shù)據(jù)內(nèi)容
2）不遺漏特殊狀態(tài)的描述
3）避免過長的說明
??????????? ~需求或設(shè)計(jì)方案有問題，導(dǎo)致邏輯異常復(fù)雜。
??????????? ~這個(gè)方案的開發(fā)成本是否很高，有沒有這個(gè)必要（有些異常情況出現(xiàn)頻率極小，可以適當(dāng)舍棄，保證體驗(yàn)和開發(fā)成本之間的平衡性）。
??????????? ~如果需求和設(shè)計(jì)方案都沒問題，是否表達(dá)方式有問題？應(yīng)盡量避免文字堆砌。
??????????? ~避免流水賬式的說明。
流程圖代替文字說明，并將各種狀態(tài)羅列出來。
巧妙組織文字說明。（if/else/case等）
制作動態(tài)效果。
4）關(guān)于重復(fù)出現(xiàn)的模塊，盡量用模塊化的思維方式來處理較復(fù)雜的問題。
5）如原型有修改，不要口頭溝通，而要更新交互說明并告知大家。
。關(guān)于設(shè)計(jì)規(guī)范
1）設(shè)計(jì)規(guī)范
是對設(shè)計(jì)的具體細(xì)節(jié)、技術(shù)要求，是設(shè)計(jì)工作的規(guī)則和界限，是一種模塊化應(yīng)用的方法……
包含很多內(nèi)容，比如交互規(guī)范、色彩規(guī)范、logo規(guī)范、UI圖標(biāo)規(guī)范、空間規(guī)范等。
2）沒有規(guī)范容易出現(xiàn)什么問題？
?????? ~不同頻道/模塊獨(dú)立設(shè)計(jì)。
?????? ~同類功能組件存在多種樣式。
?????? ~同類元素多樣性。
?????? ~設(shè)計(jì)效率低下。
?????? ~設(shè)計(jì)質(zhì)量難以把控。
3）規(guī)范解決了什么問題？
?????? ~“一致性”形成鮮明的產(chǎn)品特征，增強(qiáng)用戶粘度。
?????? ~提高易用性。
?????? ~滿足團(tuán)隊(duì)協(xié)作需求。
4）設(shè)計(jì)規(guī)范的分類
?????? ~縱向：交互規(guī)范+視覺規(guī)范。交互規(guī)范優(yōu)先與視覺規(guī)范。
?????? ~橫向：產(chǎn)品戰(zhàn)略級方向的大規(guī)范+耽擱項(xiàng)目的小規(guī)范。
5）什么時(shí)候開始設(shè)計(jì)規(guī)范？
?????? ~大型且重要的產(chǎn)品。
?????? ~產(chǎn)品結(jié)構(gòu)、頁面類型、UI組件相對較單一，可復(fù)用的內(nèi)容較多。
?????? ~項(xiàng)目人手充足、時(shí)間較充裕。
?????? ~品牌風(fēng)格、主題風(fēng)格已確定完畢，品牌備忘和梳理勢在必行。
?????? ~產(chǎn)品線日益豐富，后續(xù)設(shè)計(jì)一致性和可循環(huán)的要求被提高。
?????? ~產(chǎn)品結(jié)構(gòu)壯大，新人不斷涌入，溝通和執(zhí)行效率亟待提高。
6）制定原則
?????? 先制定大的設(shè)計(jì)方向，再制定項(xiàng)目中單個(gè)的詳細(xì)說明。先制定團(tuán)隊(duì)合作的規(guī)范，再制定個(gè)人操作上的規(guī)范。
· 項(xiàng)目跟進(jìn)——保障設(shè)計(jì)效果的實(shí)現(xiàn)
設(shè)計(jì)師在標(biāo)注頁面時(shí)，一定要與前端采用相同的規(guī)范和標(biāo)準(zhǔn)。如果設(shè)計(jì)師標(biāo)注行高時(shí)，標(biāo)注的是文字之間的距離，而前端寫頁面時(shí)，行高的標(biāo)準(zhǔn)是文字高度+上下空隙高度，那么前端在看到設(shè)計(jì)師標(biāo)注的尺寸時(shí)，還要換算成自己需要的尺寸，標(biāo)注的意義就會大打折扣。
· 成果檢驗(yàn)
1）可用性測試
通過觀察用戶使用產(chǎn)品，發(fā)現(xiàn)產(chǎn)品中存在的問題的一種方法。
?????? ~給出使用目標(biāo)，而不是直接地操作。
?????? ~盡量選擇最重要、最頻繁的任務(wù)進(jìn)行測試。
?????? ~符合正常的操作流程。
2）A/B測試
定量分析，樣本量大，但結(jié)果較為客觀。
（1）設(shè)定衡量標(biāo)準(zhǔn)
（2）對同一個(gè)用戶呈現(xiàn)相同的頁面
（3）保證兩個(gè)版本同時(shí)測試
（4）單一變量
（5）A/B測試的眼神——灰度發(fā)布。
將舊版本作為方案A，新版本作為方案B，讓一部分用戶繼續(xù)使用舊版本，一部分用戶切換到新版本，然后觀察用戶反饋和產(chǎn)品數(shù)據(jù)。
3）定性的用戶反饋和定量的產(chǎn)品數(shù)據(jù)
（1）收集和獨(dú)棟用戶反饋
移動應(yīng)用在應(yīng)用市場收集用戶反饋。App Store，安卓的Google Play，又或者是豌豆莢、應(yīng)用助手等第三方應(yīng)用市場，都可以找到大量的評分、評論信息。
分析用戶反饋。從內(nèi)容、功能、使用流程、設(shè)計(jì)、新功能建議和現(xiàn)有Bug等幾個(gè)方面對問題進(jìn)行歸納。
（2）用數(shù)據(jù)檢驗(yàn)產(chǎn)品目標(biāo)
五、設(shè)計(jì)師素養(yǎng)
