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

文章開頭給我們介紹了藝術(shù)和設(shè)計(jì)之間的關(guān)系，其實(shí)，在現(xiàn)實(shí)生后中，大家都會(huì)以為設(shè)計(jì)師就是搞藝術(shù)的，其實(shí)不然，比方說，我們?nèi)タ串嬚?，看到的作品我們很多時(shí)候是無法理解畫家的用意和想表達(dá)的內(nèi)容，所以我們可以理所當(dāng)然的認(rèn)為那就是藝術(shù)；而當(dāng)我們看見設(shè)計(jì)師在草圖一遍又一遍的畫著不同的頁面流程，用線框簡(jiǎn)單的表達(dá)流程并且附上交互說明，這種看起來不那么美觀且布滿了各種注釋，再由視覺設(shè)計(jì)師用專業(yè)的技能去呈現(xiàn)好看的界面，最終就是我們?cè)谑謾C(jī)和電腦屏幕上所看到的東西。

所以，簡(jiǎn)單的說，藝術(shù)是感性的，設(shè)計(jì)是理性的（當(dāng)然，設(shè)計(jì)也包括感性），設(shè)計(jì)的目的之一是為了解決用戶具體的問題和滿足用戶的需求。

1.1用戶體驗(yàn)是什么？用戶體驗(yàn)設(shè)計(jì)是什么？

“用戶體驗(yàn)”顧名思義就是個(gè)人使用某個(gè)產(chǎn)品后的主觀感受，而用戶體驗(yàn)設(shè)計(jì)師就是為了提升用戶體驗(yàn)而做設(shè)計(jì)，但是，用戶體驗(yàn)是感性的，設(shè)計(jì)師又該如何做出滿足用戶主觀感受并且可以解決問題的設(shè)計(jì)呢？

用戶體驗(yàn)設(shè)計(jì)首先是需要解決用戶最痛的痛點(diǎn)（某個(gè)實(shí)際的問題），其次是讓問題變得容易解決（重點(diǎn)是有效的解決問題的過程），最后就是給用戶留下深刻的印象（一次美好的體驗(yàn)過程）。

所以，作為用戶體驗(yàn)設(shè)計(jì)師，首先應(yīng)該是理性的分析用戶需要解決痛點(diǎn)，其次，再用感性的方法去營造一個(gè)美好的用戶體驗(yàn)。

1.2用戶體驗(yàn)設(shè)計(jì)的特征

l嚴(yán)謹(jǐn)、理性、創(chuàng)意

l為特定的問題提供解決方案（包括特定的目標(biāo)、人群、場(chǎng)景）

l不要讓用戶思考

l趣味橫生（在能夠解決問題的基礎(chǔ)上，如果可以給你帶來快樂，那一定是會(huì)讓你印象深刻）

1.3怎樣做到精益求精

l熱愛生活、細(xì)心觀察、勇于改變

l了解人，觀察人

l理性的路（出現(xiàn)問題-為誰解決-如何解決-如何變得有趣）

l親自使用、體驗(yàn)

l多聽用戶的反饋意見

l留心好的設(shè)計(jì)、在此基礎(chǔ)上優(yōu)化

2.用戶體驗(yàn)相關(guān)的職位有哪些

l交互設(shè)計(jì)師：幫助用戶高效地完成產(chǎn)品所設(shè)想的任務(wù)，同時(shí)在這個(gè)過程中，能讓用戶感覺到愉悅和不受打擾。

? ? l具體工作：通過分析用戶心理模型，設(shè)計(jì)任務(wù)流程、運(yùn)用交互知識(shí)，把業(yè)務(wù)邏輯以用戶能夠理解方式表達(dá)給用戶，最終實(shí)現(xiàn)產(chǎn)品戰(zhàn)略（商業(yè)目的和設(shè)計(jì)目的的之間的平衡點(diǎn)）的過程。

? ? l產(chǎn)出物：競(jìng)品分析文檔，用戶反饋整理，流程圖，設(shè)計(jì)草圖，設(shè)計(jì)原型

? ? l誤區(qū)：交互設(shè)計(jì)師的主要產(chǎn)出物是設(shè)計(jì)原型，線框圖等偏具象化表現(xiàn)形式，所以很多人會(huì)誤以為交互設(shè)計(jì)師就是畫線框圖，而忽略了背后的思考和方式。缺乏思考和方法，憑借個(gè)人愛好和感覺去做設(shè)計(jì)，實(shí)際上做的不是設(shè)計(jì)而是沒有藝術(shù)價(jià)值的“藝術(shù)品”。對(duì)于設(shè)計(jì)師而言，最重要的就是解決問題的能力，原型只是設(shè)計(jì)的最后一步，用于向其他設(shè)計(jì)師和團(tuán)隊(duì)的人員溝通想法的的工具。交互設(shè)計(jì)師除了基本設(shè)計(jì)工作之外，還要有溝通、宣傳、執(zhí)行、跟進(jìn)項(xiàng)目，確保最終結(jié)果與設(shè)計(jì)方案沒有偏差。

l視覺設(shè)計(jì)師：平面設(shè)計(jì)師、原畫設(shè)計(jì)師、推廣設(shè)計(jì)師、界面設(shè)計(jì)師（UI設(shè)計(jì)師）等

? ? 原畫設(shè)計(jì)師：超強(qiáng)的手繪能力、作品充滿藝術(shù)感

? ? 平面設(shè)計(jì)師：要求能夠很好的傳達(dá)思想，作品有較強(qiáng)的感染力，也不乏充滿藝術(shù)感和創(chuàng)意的作品。

? ? 推廣設(shè)計(jì)師（互聯(lián)網(wǎng)產(chǎn)品的推廣運(yùn)營）：作品能夠突出重點(diǎn)、快速抓住眼球、內(nèi)容直觀，類似淘寶app的banner。

? ? 界面設(shè)計(jì)師：具備一定的交互知識(shí)，有良好的審美觀，作品能夠很好的引導(dǎo)用戶操作，且具有良好的美感。

? ? 產(chǎn)出物：配合產(chǎn)品經(jīng)理、交互設(shè)計(jì)師輸出視覺產(chǎn)物。

l用戶研究員：通過分析和研究，深入了解用戶特征，用戶行為習(xí)慣，從而為產(chǎn)品、運(yùn)營

、設(shè)計(jì)決策等提供必要的方向和支持。

? ? ?具體工作：市場(chǎng)分析、競(jìng)品分析、創(chuàng)建persona、問卷調(diào)查、焦點(diǎn)小組、用戶訪談、可用性測(cè)試等等。

? ? ?產(chǎn)出物：各種類型的用研數(shù)據(jù)報(bào)告，對(duì)報(bào)告進(jìn)行深度解讀，提供建議。

? ? ?面臨問題：研究周期長，不了解產(chǎn)品背景以及相關(guān)的運(yùn)營、設(shè)計(jì)知識(shí)、或本身思路比價(jià)局限。

2.1用戶體驗(yàn)設(shè)計(jì)師的價(jià)值

l用戶價(jià)值、商業(yè)價(jià)值

優(yōu)秀的用戶體驗(yàn)設(shè)計(jì)能夠取悅用戶并且創(chuàng)造很大的社會(huì)價(jià)值和商業(yè)價(jià)值

l項(xiàng)目價(jià)值

通過專業(yè)能力節(jié)省項(xiàng)目時(shí)間成本

跟進(jìn)各個(gè)環(huán)節(jié)，保證產(chǎn)出物質(zhì)量

促進(jìn)統(tǒng)一化及標(biāo)準(zhǔn)化，提升設(shè)計(jì)效率

促使項(xiàng)目流程更加合理，更有規(guī)劃

協(xié)助產(chǎn)品經(jīng)理組織各個(gè)環(huán)節(jié)

l品牌價(jià)值

維護(hù)和突出公司的品牌形象

3.考察應(yīng)聘者

l對(duì)用戶體驗(yàn)具備濃厚的興趣

l具備良好的素養(yǎng)

l具備強(qiáng)大的思維能力

l掌握專業(yè)技能

4.設(shè)計(jì)流程

4.1設(shè)計(jì)師如何參與一個(gè)具體的項(xiàng)目

l需求分析（拿回產(chǎn)品的主導(dǎo)權(quán)）：需求分析--用戶研究--需求溝通

l設(shè)計(jì)規(guī)劃（從用戶需求到設(shè)計(jì)草圖）：信息構(gòu)架--用戶任務(wù)--界面易用性--情感化設(shè)計(jì)--設(shè)計(jì)草圖

l設(shè)計(jì)實(shí)施（產(chǎn)出規(guī)范的設(shè)計(jì)稿）：交互原型--交互說明--設(shè)計(jì)規(guī)范

l項(xiàng)目跟進(jìn)（保障設(shè)計(jì)效果的實(shí)現(xiàn)）：設(shè)計(jì)評(píng)審--項(xiàng)目跟進(jìn)

l成果檢驗(yàn)（設(shè)計(jì)的優(yōu)劣判斷）：產(chǎn)品數(shù)據(jù)--用戶反饋--A/B測(cè)試--可用性測(cè)試

5.需求分析----拿回產(chǎn)品主導(dǎo)權(quán)

5.1和產(chǎn)品經(jīng)理一起做需求分析

l產(chǎn)品經(jīng)理考慮方向、功能、上線時(shí)間、商業(yè)目標(biāo)、功能業(yè)務(wù)、撰寫需求文檔

l設(shè)計(jì)師重邏輯、細(xì)節(jié)、情感、創(chuàng)意、界面

所以，設(shè)計(jì)師要和產(chǎn)品經(jīng)理在初始階段合作，通過融合各自專業(yè)方法，共同完成需求分析。

5.2傾聽用戶的聲音

5.3設(shè)計(jì)師的逆襲

搬到產(chǎn)品經(jīng)理旁邊，及時(shí)關(guān)注產(chǎn)品經(jīng)理的動(dòng)態(tài)，及時(shí)和他探討。

6.設(shè)計(jì)規(guī)劃---從需求到草圖

需求---信息/任務(wù)---草圖---界面

l根據(jù)需求來確定應(yīng)該提供哪些必要信息給用戶，然后對(duì)信息分門別類，有效的組織并且以導(dǎo)航的方式展現(xiàn)在界面上。

l根據(jù)需求來設(shè)計(jì)相應(yīng)的任務(wù)、排列優(yōu)先級(jí)

l對(duì)于復(fù)雜的任務(wù)，盡量簡(jiǎn)化操作

l對(duì)于信息量過大的頁面，突出重點(diǎn)

6.1如何進(jìn)行信息分類

l邏輯歸類：我們可以使用人們?cè)谏钪惺煜さ姆诸愡壿媽?duì)內(nèi)容進(jìn)行組織（參考電子商務(wù)網(wǎng)站的信息分類：淘寶、京東、亞馬遜等等）

l卡片分類：是一種有效的組織信息的方法，可以符合用戶心智模型的信息構(gòu)架，邀請(qǐng)用戶吧類似的東西放在一起，利用卡片分類可以知道用戶對(duì)網(wǎng)址的期望，為信息構(gòu)架的搭建提供依據(jù)。對(duì)現(xiàn)有產(chǎn)品進(jìn)行改版時(shí)，可以檢驗(yàn)現(xiàn)有產(chǎn)品的信息構(gòu)架是否合理。

專業(yè)的數(shù)據(jù)分析軟件：IBM EZsort、CardZort、Websort

? ? 開放式：給用戶極大的自由度去進(jìn)行信息分類，設(shè)計(jì)師可能會(huì)得到更豐富的分類結(jié)果，如果信息太龐大，容易不可控

? ? 封閉式：設(shè)計(jì)師先將信息構(gòu)架的導(dǎo)航設(shè)計(jì)好，確定導(dǎo)航的個(gè)數(shù)和名稱，再讓用戶把卡片歸類到不同導(dǎo)航類別下，如果有些卡片不能夠很好歸類，則可以拿出來。不需要完全歸類，更利于設(shè)計(jì)師掌控結(jié)果。

6.1.2好的導(dǎo)航設(shè)計(jì)

l導(dǎo)航的自我解釋：成功的導(dǎo)航設(shè)計(jì)可以自我解釋，讓用戶在導(dǎo)航系統(tǒng)中清楚地認(rèn)識(shí)到信息結(jié)構(gòu)和自己所處的位置，為用戶解釋“我從哪里來？”--“我在哪”--“我能到哪里去”

蘋果（中國）官網(wǎng)中，導(dǎo)航欄最左邊是蘋果的logo，表示用戶正在訪問蘋果官網(wǎng)，并且用戶可以隨時(shí)點(diǎn)擊返回網(wǎng)站的首頁，右邊的“Mac”比其他同級(jí)的元素要灰，并且下面是關(guān)于Mac的相關(guān)產(chǎn)品分類，告訴了用戶當(dāng)前訪問的類別。而往下看有個(gè)大banner，banner下方有個(gè)“進(jìn)一步了解”的入口，告訴用戶可以去到哪里。整個(gè)導(dǎo)航系統(tǒng)清楚地解釋了“我從哪里來”、“我現(xiàn)在在哪”、“我能到哪里去”

l深廣度平衡

如果導(dǎo)航地深度過深，用戶就需要耗費(fèi)多次點(diǎn)擊，才能好到所需要地信息，如果有些細(xì)小地信息隱藏得過深，用戶就很難找到，令用戶迷失方向。

相比于鼠標(biāo)不停地點(diǎn)擊，眼睛在頁面上得掃視成本要低很多，比起深層次的導(dǎo)航結(jié)構(gòu)，廣度導(dǎo)航更利于用戶發(fā)現(xiàn)信息。如果廣度超出了用戶的可接受范圍，也會(huì)大大增加用戶的選擇負(fù)擔(dān)。一般來說，超過7個(gè)選項(xiàng)，用戶就很難記住

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

比如亞馬遜，在用戶進(jìn)入亞馬遜瀏覽商品時(shí)，不會(huì)一開始就推出廣告，而是當(dāng)用戶在選擇具體內(nèi)容的時(shí)候，在附近出現(xiàn)了其相關(guān)的廣告，這樣的推廣信息更接近用戶目標(biāo)，也更容易被用戶接受。

l為重要的和常用的功能設(shè)置快捷入口

為重要功能和常用功能設(shè)置快捷入口，就像是在原有的產(chǎn)品構(gòu)架上搭建“快捷通道”。用戶可以一步步的順應(yīng)產(chǎn)品邏輯去找到自己所需的功能，也可以通過快捷通道，按照自己的行為習(xí)慣，快速找到所需的功能。

但是設(shè)置快捷入口也是一個(gè)需要權(quán)衡的過程，必要的快捷通道可以提升效率，但如果快捷通道過多，產(chǎn)品就會(huì)變得混亂。同一功能的入口過多，就會(huì)使用戶感到迷茫。

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

l設(shè)計(jì)主線（主線優(yōu)先）：根據(jù)用戶的期望值以及目標(biāo)以正確的次序組織起來的過程，告訴用戶先做什么后做什么

l是否設(shè)計(jì)支線（次要路線能否幫助主線任務(wù)）：支線越少，整體復(fù)雜度越低，越助于用戶完成任務(wù)。

l任務(wù)流程確定后，可以通過一系列的草圖去把用戶完成任務(wù)的過程表現(xiàn)出來，得到任務(wù)流、頁面流設(shè)計(jì)、頁面交互圖。

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

l分解用戶任務(wù)

要突出頁面的主要任務(wù)，首先要明確用戶使用web產(chǎn)品時(shí)，要完成的任務(wù)有哪些，并詳盡的分解出這些任務(wù)。

對(duì)于在線購買影票的功能來說，主流任務(wù)可以分解為：選擇影片--選擇電影院--選擇觀影時(shí)間--選擇座位--輸入接受電子票手機(jī)號(hào)--確認(rèn)訂單

l次要任務(wù)分解：

瀏覽影片列表--票房排行--優(yōu)惠推薦--影片簡(jiǎn)介--影片詳情--評(píng)論詳情--預(yù)告片--要觀看的影片

瀏覽和選擇觀影區(qū)域--電影院

瀏覽和選擇日期--具體場(chǎng)次

瀏覽和選擇具體座位、輸入手機(jī)號(hào)、點(diǎn)擊“確認(rèn)購票”

l排列任務(wù)優(yōu)先級(jí)

要突出用戶的主要任務(wù)，就要對(duì)這些子任務(wù)所對(duì)應(yīng)的功能的優(yōu)先級(jí)進(jìn)行排序?？梢酝ㄟ^使用人數(shù)、使用頻率、重要程度這3個(gè)維度進(jìn)行分析。

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

設(shè)計(jì)師需要將這些任務(wù)按一定意義組織起來，便于用戶理解和使用。

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

l相似性引導(dǎo)

如果大小、色彩、形態(tài)、視覺元素等相似，這些因素可以牽引著用戶視覺，引導(dǎo)用戶操作。

l方向性引導(dǎo)

如果操作步驟較多，可以利用具有指向性的箭頭進(jìn)行引導(dǎo)。

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

刪除文件架后回收站變成裝滿的垃圾桶，提示用戶刪除的文件所在的位置

l向?qū)Э丶?/b>

6.2如何簡(jiǎn)化復(fù)雜的操作

l減少冗余步驟和干擾選項(xiàng)（鬧鐘的設(shè)定）

l將復(fù)雜的操作轉(zhuǎn)移給系統(tǒng)（Google地圖的起點(diǎn)終點(diǎn)輸入）

l簡(jiǎn)化操作方式（Bing詞典自動(dòng)檢索輸入文本的語言類別）

l優(yōu)化操作過程（Ipad更新系統(tǒng)時(shí)，提前檢測(cè)用戶電量）

6.2.2信息量太大，頁面怎么擺？

l讓頁面層次不言而喻（分解---排列---組織）

l突出信息模塊之間的邏輯關(guān)系（接近原則、差異原則）

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

qq郵箱中，未讀郵件采用了強(qiáng)黑白對(duì)比，同時(shí)加粗文字用來著重強(qiáng)調(diào)；已讀郵件則淡化對(duì)標(biāo)，采用較弱的灰色。

l次要功能隱藏起來

Behance的搜索頁面中，將次要的篩選條件放在了頁面右側(cè)并且隱藏了起來

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

l理性部分：產(chǎn)品定位、需求采集和分析、撰寫需求文檔、信息組織、任務(wù)分解、繪制草圖

l感性部分：界面設(shè)計(jì)、視覺傳達(dá)

l以人為本的設(shè)計(jì)

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

快速幫助有明確目標(biāo)的用戶找到信息

通過瀏覽和尋找?guī)椭胁淮_定目標(biāo)的用戶找到信息

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

l吸引無目標(biāo)的用戶

知乎的登陸頁面，頁面的下方有推薦的高質(zhì)量用戶和熱門話題，讓用戶在沒有注冊(cè)的時(shí)候也可以了解一部分

l符合用戶心理模型

人不僅具有理性，也具有感性。這導(dǎo)致了人們的目標(biāo)、期望、行為習(xí)慣等和邏輯往往存在沖突。過于關(guān)注邏輯可能會(huì)使設(shè)計(jì)偏離了用戶目標(biāo)、最終導(dǎo)致了易用性受到影響。

6.3捕獲用戶的芳心

l擬物化的視覺（比如IOS系統(tǒng)、網(wǎng)易云音樂的播放界面）

l隱喻化操作（《IOS Human Interface Guidelines》中對(duì)隱喻化體驗(yàn)的解釋：當(dāng)應(yīng)用中的可視化對(duì)象和操作與現(xiàn)實(shí)世界中的對(duì)象操作類似時(shí)，用戶便會(huì)快速的領(lǐng)會(huì)如何使用）

l可控的感受（進(jìn)度條加載狀態(tài)、微信對(duì)話聊天中顯示“對(duì)方正在輸入...”）

l積極的反饋

l貼心的提示（Outlook郵箱登錄時(shí)，用戶可以清楚的知道自己的郵箱是尚未注冊(cè)還是注冊(cè)過但是忘記密碼）

l互動(dòng)的樂趣（幽默友好的404頁面、siri、淘寶app將商品添加至購物車時(shí)）

l驚喜的力量（微信對(duì)話框輸入“生日快樂”、Google搜索主頁節(jié)假日的互動(dòng)）

情景烘托

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

l紙面原型的目的：溝通、測(cè)試、盡快解決不確定的問題

l表達(dá)內(nèi)容：信息框架、任務(wù)流程、基本功能和內(nèi)容

7.1什么是原型

設(shè)計(jì)方案的表達(dá)，項(xiàng)目團(tuán)隊(duì)參考、評(píng)估的重要依據(jù)，包括靜態(tài)的頁面樣式（線框圖）和動(dòng)態(tài)的操作效果（交互說明）

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

l簡(jiǎn)要說明與信息結(jié)構(gòu)

①變更日志（日期、變更內(nèi)容、原因、備注等）

②版本說明（版本號(hào)、日期、內(nèi)容）

③信息結(jié)構(gòu)（綜合產(chǎn)品邏輯和用戶習(xí)慣后設(shè)計(jì)的產(chǎn)物）

l任務(wù)流程與頁面流程

? ?任務(wù)流程：用戶使用產(chǎn)品時(shí)，他的每一步會(huì)遇到什么結(jié)果、系統(tǒng)如何反饋等（更多的注重用戶操作邏輯、界面如何反饋，從而引導(dǎo)用戶完成目標(biāo)）

? ?頁面流程：比任務(wù)流程更清晰和具體，可以看到具體的頁面內(nèi)容和用戶操作

? （前者是后者的基礎(chǔ)）

l線框圖＆交互說明

? ?包括靜態(tài)和動(dòng)態(tài)，交互說明是原型中必不可少的部分（邏輯嚴(yán)謹(jǐn)、內(nèi)容詳細(xì)的交互說明會(huì)顯得更專業(yè)）

? ?主要有以下幾種類型：

①限制：包含范圍值、極限值等，范圍值主要指數(shù)據(jù)的取值范圍。極限值主要指數(shù)據(jù)的顯示限制。

②狀態(tài)：包含默認(rèn)狀態(tài)、常見狀態(tài)、特殊狀態(tài)等

③操作：包含常見操作、特殊操作、誤操作、手勢(shì)操作等

④反饋：用戶操作后得到的反饋動(dòng)作，包含提示、跳轉(zhuǎn)、動(dòng)畫等

7.3畫線框圖的技巧

l通過明暗對(duì)比表達(dá)

l不使用截圖和顏色

l合理布局

l遵守柵格規(guī)范

l標(biāo)記第一屏高度（重要的操作按鈕一定在第一屏中完全顯示）

l表達(dá)清楚UI邏輯

l考慮視覺實(shí)現(xiàn)后的效果

l了解視覺趨勢(shì)

7.4交互說明

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

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

l避免過長的說明

l關(guān)于重復(fù)出現(xiàn)的模塊，可獨(dú)立出來取個(gè)名字。

l如原型有修改不要口頭溝通，而要更新交互說明并告知大家。

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

l什么是設(shè)計(jì)規(guī)范

設(shè)計(jì)規(guī)范是對(duì)設(shè)計(jì)具體的細(xì)節(jié)、技術(shù)要求、是設(shè)計(jì)工作的規(guī)則和界面，是一種模板化應(yīng)用方法

（包含了交互規(guī)范、色彩規(guī)范、logo規(guī)范、UI圖標(biāo)規(guī)范、控件規(guī)范等等）

l沒有規(guī)范容易出現(xiàn)什么問題

當(dāng)產(chǎn)品規(guī)模很小時(shí)，這個(gè)時(shí)候不會(huì)出現(xiàn)太大的問題，但是產(chǎn)品規(guī)模不斷擴(kuò)大時(shí)，需要越來越多的設(shè)計(jì)師，問題就產(chǎn)生了：

不同的頻道/模塊獨(dú)立設(shè)計(jì)

同類功能組件存在多種樣式

同類元素多樣性

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

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

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

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

產(chǎn)品保持概念、界面元素、視覺風(fēng)格、操作交互的“一致性”，能幫助用戶適應(yīng)和熟悉產(chǎn)品，讓用戶更容易“認(rèn)識(shí)”你的產(chǎn)品，從而提高用戶黏度。

②提高易用性

功能相同、組件采用類似的處理方式，用戶使用起來就會(huì)更輕松，就可以避免不必要的思考，也不需要重新適應(yīng)。

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

避免重復(fù)勞動(dòng)，提高工作效率，提升設(shè)計(jì)質(zhì)量，降低培訓(xùn)成本和支持成本，減少團(tuán)隊(duì)成員犯錯(cuò)的幾率。

l什么時(shí)候制定設(shè)計(jì)規(guī)范？

一次性的產(chǎn)品就沒必要在設(shè)計(jì)完之后制定規(guī)范，規(guī)范時(shí)指導(dǎo)設(shè)計(jì)的工具，而不是設(shè)計(jì)后的總結(jié)，整理規(guī)范需要花費(fèi)不少的時(shí)間和人力。

以下幾種情況可以去制定一些規(guī)范：

大型且重要的產(chǎn)品

產(chǎn)品結(jié)構(gòu)、頁面類型、UI組件相對(duì)較單一，可復(fù)用的內(nèi)容較多

項(xiàng)目人手較多，時(shí)間充裕

品牌風(fēng)格和主題風(fēng)格已經(jīng)確定完畢，品牌備忘和梳理勢(shì)在必行

產(chǎn)品線日益豐富，后續(xù)設(shè)計(jì)一致性和可循環(huán)的要求被提高

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

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

規(guī)范會(huì)不會(huì)限制發(fā)揮？實(shí)際上，制定規(guī)范的目的并不是為了限制設(shè)計(jì)師發(fā)揮，而是幫助設(shè)計(jì)師少走彎路，避免不必要的錯(cuò)誤，并提高設(shè)計(jì)效率。起到指引和參考的作用，而不是限制。

8.項(xiàng)目跟進(jìn)---保障設(shè)計(jì)效果的實(shí)現(xiàn)

設(shè)計(jì)師需要對(duì)項(xiàng)目后期做跟進(jìn)工作，優(yōu)秀的設(shè)計(jì)方案很重要，能否把他執(zhí)行下去更為重要。

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

l設(shè)計(jì)評(píng)審的目的

①經(jīng)驗(yàn)?zāi)繕?biāo)：在初期的需求分析階段，產(chǎn)品人員和設(shè)計(jì)人員就已經(jīng)一起分析了產(chǎn)品定位或設(shè)計(jì)目標(biāo)。在設(shè)計(jì)評(píng)審階段，首先要檢驗(yàn)的就是設(shè)計(jì)方案是否達(dá)成了最初的確定目標(biāo)。

②發(fā)現(xiàn)問題：設(shè)計(jì)評(píng)審集中了項(xiàng)目組所有的各個(gè)角色，可以及時(shí)發(fā)現(xiàn)問題與風(fēng)險(xiǎn)。

③達(dá)成共識(shí)：設(shè)計(jì)評(píng)審需要讓項(xiàng)目成員達(dá)成共識(shí)，這樣才能順利進(jìn)入下一個(gè)環(huán)節(jié)，為下一個(gè)流程分配任務(wù)。同時(shí)，可以讓相關(guān)的人員熟悉整個(gè)設(shè)計(jì)，確保大家的理解與設(shè)計(jì)稿的表達(dá)是一致的，避免溝通不暢而走彎路。

評(píng)審前的充足準(zhǔn)備

l事先考慮所有可能的方案

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

設(shè)計(jì)師需要在審核會(huì)前將用戶調(diào)研的結(jié)果、支撐的數(shù)據(jù)、競(jìng)品分析、設(shè)計(jì)實(shí)施前制定的目標(biāo)等等都準(zhǔn)備充分，并在評(píng)審時(shí)闡述清楚。

②做好會(huì)議邀請(qǐng)工作

私下，一對(duì)一找有話語權(quán)的人達(dá)成一致的觀點(diǎn)，而不是把所有問題都放在會(huì)議上解決。參與討論的人越多，意見發(fā)表得越多，就難以得出結(jié)論。所以，越重要的事，盡可能少的人參與，這樣才能快速下決定。

③正式郵件：附上設(shè)計(jì)稿，會(huì)議地點(diǎn)時(shí)間，簡(jiǎn)單的陳述設(shè)計(jì)理念，參考了哪些數(shù)據(jù)和資料等等

④評(píng)審后的分析和跟進(jìn)

在評(píng)審會(huì)上收集反饋意見之后，設(shè)計(jì)師需要整理總結(jié)這些意見。對(duì)于還沒有達(dá)成一致的設(shè)計(jì)細(xì)節(jié)，繼續(xù)進(jìn)行完善細(xì)化。再根據(jù)反饋意見完善設(shè)計(jì)稿之后，將最終的設(shè)計(jì)方案發(fā)送給項(xiàng)目組成員。

8.2如何審視視覺稿

l界面中的視覺設(shè)計(jì)不是藝術(shù)，正確的理解信息和傳遞信息是件最重要的事，忽略內(nèi)容而關(guān)注形式是不可取的。

l對(duì)交互稿理解是否正確

l拒絕毫無意義的視覺設(shè)計(jì)

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

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

l在審美方面不要過分干涉

8.3開發(fā)階段，設(shè)計(jì)師應(yīng)該做什么

l勤于溝通

l統(tǒng)一的規(guī)范和標(biāo)準(zhǔn)

l設(shè)計(jì)走查（產(chǎn)品上線前，交互設(shè)計(jì)師需要對(duì)測(cè)試環(huán)境下的產(chǎn)品Demo進(jìn)行交互走查，比如交互動(dòng)作、操作以及反饋，控件的各種狀態(tài)，極端、極限和錯(cuò)誤的情況）

9.檢驗(yàn)成果---設(shè)計(jì)優(yōu)劣可以判斷

l可用性測(cè)試：通過觀察用戶使用產(chǎn)品，發(fā)現(xiàn)產(chǎn)品中存在的問題的一種方法

設(shè)計(jì)任務(wù)---招募用戶---進(jìn)行測(cè)試---分析問題

①設(shè)計(jì)任務(wù)時(shí)應(yīng)該注意什么問題：

給出使用目標(biāo)，而不是直接操作

盡量選擇最重要、最頻繁的任務(wù)進(jìn)行測(cè)試

符合正常的操作流程

②測(cè)試用戶的選擇

選擇有代表性的用戶

用戶數(shù)量上的選擇（5名左右用戶可以發(fā)現(xiàn)大約85%問題，隨著用戶數(shù)量增多，發(fā)現(xiàn)新問題會(huì)逐漸減少。小功能3～5名用戶，新產(chǎn)品、較大、重要功能5～10名用戶）

③測(cè)試過程中的注意事項(xiàng)

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

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

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

考慮使用場(chǎng)景

感謝測(cè)試者，給予一定的報(bào)酬

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

問題頻數(shù)（出現(xiàn)該問題的參與者數(shù)目）

嚴(yán)重等級(jí)（此問題對(duì)任務(wù)完成的影響程度）

優(yōu)先級(jí)【（問題頻數(shù)*4）/總參與人數(shù)】+嚴(yán)重等級(jí)

違反的可用性準(zhǔn)則（根據(jù)項(xiàng)目性質(zhì)制定的可用性準(zhǔn)則）

lA/B測(cè)試

A和B方案做比較，為同一個(gè)目標(biāo)設(shè)計(jì)的兩個(gè)方案，一部分用戶使用A方案，另外一部分用戶使用B方案，以此衡量那個(gè)方案優(yōu)。

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

②對(duì)同一個(gè)用戶呈現(xiàn)相同的頁面

③保證兩個(gè)版本同時(shí)測(cè)試

④單一的變量

⑤A/B測(cè)試的延伸---灰度發(fā)布

舊版本作為A方案，新版本作為B方案，讓一部分用戶繼續(xù)使用A方案，另外一部分使用B方案，觀察用戶反饋和產(chǎn)品數(shù)據(jù)，發(fā)現(xiàn)問題并且及時(shí)優(yōu)化。

（同時(shí)還可以對(duì)比新舊版本的產(chǎn)品數(shù)據(jù)，如PV、UV、轉(zhuǎn)換率、跳出率）

個(gè)人總結(jié)：

用戶體驗(yàn)設(shè)計(jì)并不是一蹴而成，這需要每個(gè)設(shè)計(jì)師首先得對(duì)用戶體驗(yàn)設(shè)計(jì)充滿了興趣，有良好的素養(yǎng)、善于溝通、善于換位思考以及積極主動(dòng)的和其他工作崗位的同事溝通學(xué)習(xí)，這種能力是需要不斷地去鍛煉和強(qiáng)化，經(jīng)過很長的一段時(shí)間，我們才能夠掌握各種專業(yè)方法、原則、流程，才能夠在不同的項(xiàng)目中游刃有余。

對(duì)于正走在設(shè)計(jì)這條道路上的我們，不管是初入設(shè)計(jì)的年輕設(shè)計(jì)師還是馳騁在行業(yè)中多年的成熟設(shè)計(jì)師，我們都應(yīng)該充滿著對(duì)設(shè)計(jì)的激情，永遠(yuǎn)保持一顆年輕的心去面對(duì)我們的設(shè)計(jì)和生活~