基于上一篇簡(jiǎn)書讀《破繭成蝶-用戶體驗(yàn)設(shè)計(jì)師的成長(zhǎng)之路》筆記一（成為用戶體驗(yàn)師的信念），這里我們就要進(jìn)入下一階段修煉技能啦衣撬。寫在之前乖订，入門了解一個(gè)行業(yè)很容易，想要站穩(wěn)腳跟并創(chuàng)造一番事業(yè)具练，你就需要不斷修煉乍构。（全文太長(zhǎng)，見諒）

設(shè)計(jì)師具體做什么呢扛点？首先哥遮，我們要知道，用戶體驗(yàn)設(shè)計(jì)的目標(biāo)：解決用戶需求陵究，減少用戶理解和操作成本眠饮，給用戶留下美好而深刻的印象。為了達(dá)到這個(gè)設(shè)計(jì)目標(biāo)铜邮，設(shè)計(jì)師不僅要有理性的思維仪召、巧妙的創(chuàng)意，還要在項(xiàng)目中學(xué)會(huì)與其他角色協(xié)作松蒜，共同達(dá)到目的扔茅。（言語枯燥乏味，直接上圖）

具體項(xiàng)目流程（書中圖）

流程就是這么個(gè)流程秸苗，可是執(zhí)行就不是那么回事啦咖摹，項(xiàng)目中設(shè)計(jì)師遇到的問題如下：

1.團(tuán)隊(duì)成員的專業(yè)能力

2.外界因素的影響

3.團(tuán)隊(duì)凝聚力（這一點(diǎn)是可以做到改變的）

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

做產(chǎn)品，要同時(shí)考慮商業(yè)價(jià)值和用戶需求难述，缺一不可萤晴。

實(shí)際工作中需求角度（書中圖）

產(chǎn)品經(jīng)理應(yīng)該在初始階段和設(shè)計(jì)師一起合作，通過融合各自專業(yè)方法胁后，共同完成需求分析店读，以此來平衡商業(yè)價(jià)值和用戶需求，這樣才能保證最后的設(shè)計(jì)不會(huì)過度偏離產(chǎn)品方向攀芯。

需求分析的前奏——產(chǎn)品定位

產(chǎn)品定位是產(chǎn)品設(shè)計(jì)的方向屯断，也是需求文檔和設(shè)計(jì)產(chǎn)出的判斷標(biāo)準(zhǔn)

產(chǎn)品定位內(nèi)容：

產(chǎn)品定義（產(chǎn)品經(jīng)理從網(wǎng)站角度考慮）和用戶需求（設(shè)計(jì)師從用戶考慮）

產(chǎn)品定位（書中圖）

產(chǎn)品定義：說白了，用一句話概括某產(chǎn)品侣诺。使用人群是你明確產(chǎn)品主要為誰服務(wù)殖演，所有的功能、內(nèi)容年鸳、設(shè)計(jì)風(fēng)格的設(shè)定都圍繞這類人群來進(jìn)行趴久；主要功能為你劃定了功能的范圍和限制，比如你是要做音樂類的搔确，還是做修圖方面的彼棍；產(chǎn)品特色使你區(qū)別于同類競(jìng)爭(zhēng)者灭忠，讓你在同類產(chǎn)品中脫穎而出，更具競(jìng)爭(zhēng)力座硕。

產(chǎn)品定義作用：

1.迫使產(chǎn)品經(jīng)理去思考產(chǎn)品的方向和機(jī)會(huì)

2.為產(chǎn)品限定了大致范圍

3.使團(tuán)隊(duì)成員的凝聚力更強(qiáng)弛作、思想更統(tǒng)一

用戶需求：主要包括目標(biāo)用戶、使用場(chǎng)景和用戶目標(biāo)

一條用戶需求其實(shí)就是解決“誰”在“什么環(huán)境下”想要“解決什么問題”

兩步走：1.選擇用戶目標(biāo) 2.確定產(chǎn)品定位并據(jù)此篩選需求

采集需求的方式：

用戶調(diào)研华匾、競(jìng)品分析映琳、用戶反饋（上線后）、產(chǎn)品數(shù)據(jù)（上線后）

用戶調(diào)研---通過問卷調(diào)查蜘拉、用戶訪談萨西、信息采集等手段來挖掘需求的方式

競(jìng)品分析---找到有代表性的同類產(chǎn)品，對(duì)比產(chǎn)品之間的優(yōu)勢(shì)怀跛、劣勢(shì)吸耿，從而發(fā)現(xiàn)產(chǎn)品的突破口

用戶反饋---產(chǎn)品在測(cè)試階段或正式發(fā)布后，我們可能會(huì)收到很多用戶反饋

產(chǎn)品數(shù)據(jù)---產(chǎn)品上線后，就可以收集到產(chǎn)品的相關(guān)數(shù)據(jù)了

處理需求遣耍，遵循以下流程。

（如何把用戶需求轉(zhuǎn)化為產(chǎn)品需求）書中圖

需求是如何產(chǎn)生的逻谦？

（從產(chǎn)品定位到需求優(yōu)先級(jí)）書中圖

了解需求文檔：需求文檔對(duì)于設(shè)計(jì)師來說刷晋，更像是一個(gè)彼此約定好的產(chǎn)品功能清單，幫助設(shè)計(jì)師接下來做什么矢否。

需求文檔的內(nèi)容：-文檔修改與修改記錄?-目錄?-背景描述?-用戶類型和特征?-項(xiàng)目時(shí)間安排-信息結(jié)構(gòu)

-整體業(yè)務(wù)流程說明?-需求詳細(xì)說明

注意：

1.需求文檔不可能一次到位

2.細(xì)節(jié)在需求階段不容易考慮仲闽，到具體設(shè)計(jì)階段才有更深入思考

3.設(shè)計(jì)師不要嚴(yán)格按照需求文檔來做設(shè)計(jì)

傾聽用戶的聲音

1.擁抱用戶（走進(jìn)他們，傾聽他們）

2.別被用戶牽著走

-用戶說的不一定是心中所想

-用戶沒有表達(dá)出自己的真實(shí)需求

-該用戶不是你的目標(biāo)用戶

-用戶意見不一定專業(yè)

如何對(duì)待用戶意見僵朗？

-根據(jù)目標(biāo)用戶考慮：提出要求的是你的目標(biāo)用戶嗎赖欣？

-根據(jù)使用場(chǎng)景考慮：用戶提出的這個(gè)問題一般發(fā)生在什么場(chǎng)景？合乎實(shí)際的使用情況嗎验庙？

-根據(jù)目標(biāo)用戶（真實(shí)需求）考慮：用戶表達(dá)出自己的真實(shí)需求了嗎顶吮？

-根據(jù)產(chǎn)品定位考慮：用戶提出的要求符合產(chǎn)品的定位嗎？

-根據(jù)項(xiàng)目資源考慮：用戶提出的這個(gè)要求需要多少開發(fā)資源粪薛？?jī)r(jià)值有多大悴了？需要立即開發(fā)嗎？

作為產(chǎn)品經(jīng)理违寿，應(yīng)該養(yǎng)成寫需求文檔的好習(xí)慣湃交。

1.可以有效地幫助產(chǎn)品經(jīng)理理清產(chǎn)品功能、內(nèi)容藤巢、業(yè)務(wù)邏輯等整體信息

2.方便團(tuán)隊(duì)溝通搞莺，讓團(tuán)隊(duì)成員在項(xiàng)目前期迅速準(zhǔn)確、全面的了解你的想法

3.幫助其他項(xiàng)目成員提升工作效率

4.既有利項(xiàng)目持續(xù)發(fā)展掂咒，也能促進(jìn)產(chǎn)品經(jīng)理自身能力腮敌、專業(yè)性的提升

注意：當(dāng)我們確定需求之后阱当，千萬不要就開始嘗試用軟件畫界面，這是目前很多產(chǎn)品經(jīng)理和設(shè)計(jì)師的一個(gè)不好的習(xí)慣糜工。

從需求到界面弊添，其實(shí)中間還隔著一扇門——信息的組織與任務(wù)設(shè)定

信息的分類：

1、邏輯歸類——我們可以將物品按照生活中常見的用途捌木、品類油坝、形狀、顏色刨裆、材料澈圈、品牌等進(jìn)行分類，通過數(shù)字帆啃、字母瞬女、時(shí)間等進(jìn)行標(biāo)識(shí)。

2努潘、卡片分類——設(shè)計(jì)符合用戶心智模型的信息架構(gòu)

開放式：開放式的卡片分類會(huì)給用戶足夠的自由度來進(jìn)行信息歸類诽偷。設(shè)計(jì)師將完全打亂的卡片分發(fā)給用戶，用戶可以完全自由的決定把卡片分為幾組疯坤、每組有多少張卡片报慕。最后在由用戶為分好的組的卡片命名。開放的方式給了用戶極大的發(fā)揮空間压怠。

開放式卡片分類（書中圖）

封閉式：設(shè)計(jì)師首先會(huì)將導(dǎo)航的架構(gòu)設(shè)計(jì)好眠冈，確定出導(dǎo)航的個(gè)數(shù)和名稱，再將屬于這些類目的卡片分發(fā)給用戶菌瘫，讓用戶根據(jù)自己的期望蜗顽，把卡片歸類在不同的導(dǎo)航分類下。如果有些卡片用戶不知道該將它分到哪個(gè)類目下雨让，可以將它拿出來雇盖，所有卡片不一定要全部完成，封閉式的分類更利于掌控宫患，可以用戶對(duì)信息設(shè)計(jì)的結(jié)果進(jìn)行驗(yàn)證的階段刊懈。

封閉式卡片分類（書中圖）

如何設(shè)計(jì)一個(gè)好的導(dǎo)航？

1娃闲、導(dǎo)航的自我解釋（紅色圈）

虛擬的網(wǎng)絡(luò)世界不比現(xiàn)實(shí)世界中的明顯方向感虚汛，不明確的導(dǎo)航和位置信息可能導(dǎo)致用戶迷失方向，成功的導(dǎo)航設(shè)計(jì)可以自我解釋皇帮，讓用戶在導(dǎo)航系統(tǒng)中清楚地認(rèn)識(shí)到信息結(jié)構(gòu)和自己所處的位置卷哩。

eBay女裝類目（書中圖）

2、深廣度平衡

相比于鼠標(biāo)的不停點(diǎn)擊属拾，眼睛在頁面上掃視的成本要低很多将谊，所以比起深層次的導(dǎo)航結(jié)構(gòu)冷溶，廣度當(dāng)行更利于用戶發(fā)現(xiàn)信息。但如果廣度超出用戶可以接受的范圍尊浓，人們必須一次閱讀很多選項(xiàng)才能在其中進(jìn)行選擇逞频，也會(huì)大大增加用戶的選擇負(fù)擔(dān)。一般來講栋齿，超過7個(gè)選項(xiàng)時(shí)苗胀，用戶就很難記住了，一次性展示過多選項(xiàng)會(huì)令用戶患上“選擇恐懼癥”瓦堵，很難從中挑出哪一項(xiàng)才是自己想要的基协。

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

在不同產(chǎn)品頁面菇用，為用戶推薦符合其目標(biāo)的信息澜驮，可以起到事半功倍的作用。

亞馬遜商品分類導(dǎo)航（書中圖）

4惋鸥、為重要功能和常用功能設(shè)置快捷入口

為重要功能和常用功能設(shè)置快捷入口杂穷，就像是在原有產(chǎn)品架構(gòu)的基礎(chǔ)上搭建“快捷通道”。用戶可以一步步順著產(chǎn)品的邏輯來尋找所需功能揩慕，也可以通過快捷入口亭畜，按照自己的行為習(xí)慣扮休，快速找到所需功能迎卤。但設(shè)置快捷入口也是一個(gè)需要權(quán)衡的過程。必要的“快捷通道”可以提高使用效率玷坠，但如果快捷入口過多蜗搔，產(chǎn)品會(huì)變得混亂復(fù)雜。同一個(gè)功能入口太多八堡，不僅不會(huì)提升使用效率樟凄， 反而會(huì)使用戶感到迷茫。

如何突出主要任務(wù)兄渺？

使用戶專注于主要任務(wù)：分解用戶任務(wù)缝龄、排列任務(wù)優(yōu)先級(jí)、組織合并相關(guān)任務(wù)

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

1叔壤、相似性引導(dǎo)

所謂相似性引導(dǎo)就是，如果大小口叙、色彩炼绘、形態(tài)、視覺元素等原因相似妄田，那么這些相似的因素可以牽引著用戶的視覺俺亮，引導(dǎo)用戶操作驮捍。

2、方向性引導(dǎo)

對(duì)于操作步驟較多的任務(wù)脚曾，可以利用具有指向性的箭頭东且，進(jìn)行方向性引導(dǎo)。

3本讥、運(yùn)動(dòng)元素引導(dǎo)

運(yùn)動(dòng)元素引導(dǎo)苇倡，就像是用戶的小向?qū)В瑤ьI(lǐng)用戶找到下一步該往哪走囤踩。

4旨椒、向?qū)Э丶?/p>

向?qū)Э丶╓izard：巫師）是一種常用的交互方式，用來引導(dǎo)用戶完成多補(bǔ)操作堵漱。向?qū)Э丶拖裆衿娴奈讕熥凵鳎梢栽谀吧捻撁姝h(huán)境中，為用戶指引路線勤庐。同時(shí)還可以告訴用戶示惊，要完成任務(wù)一共需要多少步驟，你現(xiàn)在所處的步驟是哪個(gè)愉镰，還有多少步可以完成任務(wù)米罚。讓用戶對(duì)整個(gè)操作有個(gè)預(yù)期，幫助迷失的人們找到前進(jìn)的方向丈探。

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

1、減少冗余步驟和干擾項(xiàng)

2碗降、把復(fù)雜操作轉(zhuǎn)移給系統(tǒng)

3隘竭、簡(jiǎn)化操作方式

4、優(yōu)化操作過程

什么是原型讼渊？

原型是設(shè)計(jì)方案的表達(dá)动看，是設(shè)計(jì)師的重要的產(chǎn)出物之一，也是項(xiàng)目團(tuán)隊(duì)的參考爪幻、評(píng)估的重要依據(jù)菱皆。它是產(chǎn)品功能與內(nèi)容的示意圖，既包含靜態(tài)的頁面樣式（線框圖）挨稿，也包含動(dòng)態(tài)的操作效果（交互說明）仇轻。

原型對(duì)項(xiàng)目成員影響(書中圖）

標(biāo)準(zhǔn)原型包含的內(nèi)容:

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

變更日志一般包含日期叶组、變更內(nèi)容拯田、變更原因、備注等內(nèi)容甩十。

變更日志示例（書中圖）

版本說明需要包含版本號(hào)船庇、日期吭产、更改內(nèi)容。

版本說明示例（書中圖）

信息架構(gòu)：產(chǎn)品內(nèi)容都有什么鸭轮，它們是如何組織起來的臣淤，頁面層級(jí)又是如何分布的，等等窃爷，這些信息結(jié)構(gòu)中都有體現(xiàn)邑蒋。

信息架構(gòu)示例（書中圖）

2、任務(wù)流程與頁面流程

任務(wù)流程：是指用戶使用產(chǎn)品時(shí)按厘，它的每一步操作會(huì)遇到什么結(jié)果医吊、系統(tǒng)會(huì)如何反饋，等等逮京。

頁面流程：比任務(wù)流程圖更清晰卿堂、具體。通過頁面流程圖懒棉，不僅可以看到具體的頁面草描，還可以看到用戶如何通過操作，從一個(gè)頁面跳轉(zhuǎn)到另一個(gè)頁面的完整過程策严。任務(wù)流程圖是頁面流程圖的基礎(chǔ)和依據(jù)穗慕。

3、線框圖&交互說明

原型既包含靜態(tài)的頁面樣式妻导，也包含動(dòng)態(tài)的操作效果逛绵。線框圖代表靜態(tài)的部分，而交互說明則代表動(dòng)態(tài)的部分栗竖。

交互說明是原型中不可缺少的內(nèi)容暑脆。邏輯嚴(yán)密渠啤、內(nèi)容詳細(xì)的交互說明會(huì)讓原形看起來更專業(yè)狐肢。

交互說明示例（書中圖）

交互說明的類型：

限制：包括范圍值、極限值等沥曹。

范圍值主要指數(shù)據(jù)的取值范圍份名。比如，當(dāng)你的界面上出現(xiàn)了下拉菜單妓美、篩選按鈕僵腺、滑動(dòng)等控件時(shí)，你必須標(biāo)注清楚它們的選擇范圍壶栋，否則開發(fā)人員就不清楚該如何設(shè)定辰如。

極限值主要指數(shù)據(jù)的顯示限制，比如贵试，最多應(yīng)該顯示多少字?jǐn)?shù)琉兜，超過時(shí)如何顯示凯正，是否折行等。

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

默認(rèn)狀態(tài)主要指默認(rèn)顯示的文字、數(shù)據(jù)梧疲、選項(xiàng)等允睹。這些內(nèi)容需要注明，否則開發(fā)人員可能難以意識(shí)到這是用戶填完的效果幌氮，還有就是默認(rèn)的缭受。

常見狀態(tài)主要只針對(duì)某一個(gè)模塊，經(jīng)常遇到的一些狀態(tài)该互。這些狀態(tài)都需要在原型上表述出來贯涎。比如一個(gè)普通的積分模塊，一般會(huì)出現(xiàn)三種狀態(tài)：未登錄狀態(tài)慢洋、登錄后未簽到狀態(tài)塘雳。

特殊狀態(tài)一般指非正常情況下的樣式、文案普筹、說明等败明。

操作：包含常見操作、特殊操作太防、誤操作妻顶、手勢(shì)操作。

常見操作主要指正常操作時(shí)得到的反饋狀態(tài)蜒车。

特殊操作主要指一些極端情況下的操作讳嘱。

誤操作主要指當(dāng)用戶操作錯(cuò)誤的情況。不過在我們?cè)O(shè)計(jì)時(shí)要盡量避免用戶犯錯(cuò)的機(jī)會(huì)酿愧。

手指操作主要指用戶移動(dòng)產(chǎn)品時(shí)的操作方式沥潭。常見的有點(diǎn)擊、雙擊嬉挡、長(zhǎng)按钝鸽、捏、伸庞钢、滑動(dòng)拔恰，等等。

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

提示主要是指操作后河爹，系統(tǒng)反饋給用戶的文字說明等使鹅。

跳轉(zhuǎn)主要指點(diǎn)擊某個(gè)鏈接后，頁面跳轉(zhuǎn)到哪里昌抠。設(shè)計(jì)師需要在原型上注明跳轉(zhuǎn)時(shí)是"原頁面刷新“還是"新頁面打開”患朱。做手機(jī)應(yīng)用的話，需要注明跳轉(zhuǎn)時(shí)的轉(zhuǎn)場(chǎng)方式炊苫。

動(dòng)畫主要是指用戶操作后裁厅，系統(tǒng)通過動(dòng)畫的方式反饋給用戶。動(dòng)畫給人的感覺比較友好侨艾、趣味性強(qiáng)执虹，是非常常見的一種反饋形式。

總而言之唠梨，寫交互說明時(shí)主要應(yīng)記住2條內(nèi)容：除靜態(tài)頁面外袋励，還需要考慮各種動(dòng)態(tài)情況；除正常情況外当叭，還需考慮特殊和錯(cuò)誤情況茬故。

具體如何畫線框圖？書中作者給出了在工作中積累的心得蚁鳖。

1磺芭、通過明暗對(duì)比表達(dá)

加入明暗對(duì)比之后，界面元素的優(yōu)先級(jí)關(guān)系更加直觀醉箕。但是要注意钾腺，深色并不意味著比淺色更重要，要看色塊之間的對(duì)比關(guān)系讥裤。

2放棒、不使用截圖和顏色

注意:很多產(chǎn)品人員為了更清楚的表達(dá)想法，拼湊各種競(jìng)品的截圖己英，組成一個(gè)頁面间螟。這樣做一來不規(guī)范，二來對(duì)視覺設(shè)計(jì)師也有一定的干擾剧辐。另外寒亥，不太建議在線框圖上使用色彩，否則同樣會(huì)對(duì)設(shè)計(jì)師造成不必要的干擾荧关。

3、合理的布局

建議在確定頁面布局時(shí)褂傀，提前和視覺設(shè)計(jì)師溝通商量忍啤，避免不必要的返工。

4、遵守柵格規(guī)范

根據(jù)柵格確定欄寬（書中圖）

5同波、標(biāo)記第一屏高度

重要的操作按鈕一定要在第一屏內(nèi)完全顯示鳄梅，否則用戶第一眼看不到，就有可能放棄這個(gè)頁面未檩，從而嚴(yán)重影響轉(zhuǎn)化率戴尸。

6、表達(dá)清楚UI邏輯

一般來說冤狡，操作的優(yōu)先級(jí)大于鏈接孙蒙，鏈接的優(yōu)先級(jí)大于文本。最重要的操作一般是用按鈕來表現(xiàn)的悲雳，比如收藏夾中的“加入購物車”按鈕挎峦；然后是普通操作，比如“對(duì)比”等合瓢，最后是消極操作坦胶，比如“刪除”。我們可以把普通操作和需要重點(diǎn)突出的連接設(shè)計(jì)成同樣的樣式晴楔。雖然它們的性質(zhì)不同顿苇，但對(duì)于用戶來說，其優(yōu)先級(jí)程度是類似的税弃，最后整理成表格岖圈。

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

注意：視覺設(shè)計(jì)師拿到線框圖之后钙皮，先不要著急做蜂科，先看看有沒有問題，能不能突出重點(diǎn)短条。在做之前多溝通导匣、多思考，才能事半功倍茸时。

8贡定、了解視覺趨勢(shì)

時(shí)刻關(guān)注一些視覺趨勢(shì)，有助于我們?cè)趯徝郎虾鸵曈X設(shè)計(jì)師站在較為一致的立場(chǎng)可都，使大家的溝通更加流暢缓待。

寫交互說明的訣竅

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

2旋炒、不遺漏特殊狀態(tài)的描述

3、避免過長(zhǎng)的說明

4签杈、避免流水賬的說明

-流程圖代替文字說明

-用表格羅列各種狀態(tài)

-巧妙組織文字說明

-制作動(dòng)態(tài)效果

5瘫镇、關(guān)于重復(fù)出現(xiàn)的模塊

6、如原型有修改，不要口頭溝通铣除，而需要更新交互說明并告知大家

其實(shí)用什么方法都不是最重要的谚咬，重要的是在合作過程中，不僅要把自己該做的做好尚粘，同時(shí)要站在合作伙伴的角度上考慮問題择卦，給大家提供更多福利，才能使團(tuán)隊(duì)的效率越來越高郎嫁，大家配合的越來越默契秉继。

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

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

設(shè)計(jì)規(guī)范包含很多內(nèi)容，比如交互規(guī)范厚宰、色彩規(guī)范腌巾、logo規(guī)范、UI圖標(biāo)規(guī)范铲觉、控件規(guī)范澈蝙，等等。

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

1灯荧、“一致性”形成了鮮明的產(chǎn)品特征，增強(qiáng)用戶粘性盐杂。

如果產(chǎn)品保持產(chǎn)品概念逗载、界面元素、視覺風(fēng)格链烈、操作交互的“一致性”厉斟，能啊不能關(guān)注用戶適應(yīng)和熟悉產(chǎn)品，讓用戶更容易“認(rèn)識(shí)”你的產(chǎn)品强衡，從而提高用戶粘度擦秽。

2、提高易用性

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

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

規(guī)范可以讓之前在設(shè)計(jì)過程中被反復(fù)討論眉尸、驗(yàn)證過的設(shè)計(jì)思路沉淀下來域蜗，而不是無聲的消亡或變形巨双。

4噪猾、其他

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

?設(shè)計(jì)規(guī)范的分類坪蚁？

從縱向考慮奔穿，設(shè)計(jì)規(guī)范可分為交互規(guī)范和視覺規(guī)范。交互規(guī)范一般要先于視覺規(guī)范敏晤。

從橫向考慮贱田，設(shè)計(jì)規(guī)范可分為產(chǎn)品戰(zhàn)略級(jí)方向的大規(guī)范及單個(gè)項(xiàng)目中的設(shè)計(jì)小規(guī)范。

什么時(shí)候開始設(shè)計(jì)規(guī)范嘴脾？

在設(shè)計(jì)開始之前就制定規(guī)范男摧，是很不切實(shí)際的做法。你會(huì)發(fā)現(xiàn)做好的規(guī)范在實(shí)際操作中是無用且白費(fèi)精力的译打。

項(xiàng)目全部完成之后在設(shè)計(jì)規(guī)范耗拓，這可能是我們很多設(shè)計(jì)師都會(huì)采用的方式，你呢掛鉤方便產(chǎn)品未來延續(xù)發(fā)展奏司。但這種方式不是絕對(duì)的乔询。如果是一次性的產(chǎn)品，根本沒有必要設(shè)計(jì)完成之后還去浪費(fèi)時(shí)間去整理規(guī)范韵洋。規(guī)范是知道設(shè)計(jì)的工具竿刁，而不是設(shè)計(jì)后的總結(jié)，況且整理規(guī)范也是需要不少時(shí)間和人力成本的搪缨。

交互規(guī)范一般先于視覺規(guī)范食拜，視覺是在交互的基礎(chǔ)上做效果，設(shè)計(jì)規(guī)范一般遵循從大到小的原則勉吻，即：先制定大的設(shè)計(jì)方向监婶，再制定項(xiàng)目中單個(gè)詳細(xì)的說明；先制定團(tuán)隊(duì)合作的規(guī)范齿桃，再制定個(gè)人操作上的規(guī)范惑惶。

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

設(shè)計(jì)師在發(fā)階段具體怎么做呢？產(chǎn)品上線前短纵，交互設(shè)計(jì)師需要對(duì)測(cè)試環(huán)境下的產(chǎn)品Ｄｅｍｏ進(jìn)行交互走查带污，如交互動(dòng)作，操作及其反饋香到，交互控件的各種狀態(tài)鱼冀，極端报破、極限和出錯(cuò)的情況，默認(rèn)值是否正確千绪，第一屏高度充易，懸停狀態(tài)，文案荸型，等等盹靴。這些小細(xì)節(jié)也是開發(fā)階段可能被疏忽的。視覺設(shè)計(jì)師同樣需要對(duì)產(chǎn)品進(jìn)行走查瑞妇，如視覺樣式稿静，是否有色差、尺寸間距辕狰、圖片質(zhì)量改备、是否符合柵格，等等蔓倍。交互設(shè)計(jì)師也可以配合測(cè)試工程師撰寫測(cè)試用例悬钳，更好地保證上線后的產(chǎn)品與設(shè)計(jì)稿一致。

設(shè)計(jì)走查（書中圖）

這個(gè)時(shí)候雖然設(shè)計(jì)師的重頭戲都完成了柬脸，但是在這個(gè)過程中他去，我們應(yīng)該主動(dòng)跟蹤和反饋，發(fā)現(xiàn)新的需求倒堕、新的數(shù)據(jù)灾测，再去分析產(chǎn)品應(yīng)該如何持續(xù)優(yōu)化，滿足用戶不斷變化的需求垦巴，幫助產(chǎn)品取得更大的成功媳搪，也幫助自己不斷進(jìn)步。

可用性測(cè)試

可用性測(cè)試是改善產(chǎn)品的最佳方式之一骤宣。每個(gè)設(shè)計(jì)師都應(yīng)該掌握簡(jiǎn)易可用性測(cè)試的方法秦爆。

含義：通過觀察用戶使用產(chǎn)品，發(fā)現(xiàn)產(chǎn)品中存在的問題的一種方法憔披。

可用性測(cè)試流程（書中圖）

設(shè)計(jì)測(cè)試任務(wù)該注意什么等限？

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

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

３锰霜、符合正常操作流程

測(cè)試用戶選擇

１筹误、選擇有代表性的用戶

２、用戶數(shù)量選擇

５名左右用戶發(fā)現(xiàn)大部分問題

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

１癣缅、切忌引導(dǎo)性過強(qiáng)

２厨剪、操作行為永遠(yuǎn)是重點(diǎn)

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

４、考慮使用場(chǎng)景

５祷膳、感謝被測(cè)試者陶衅，并給予一定報(bào)酬

Ａ／Ｂ測(cè)試

含義：就是Ａ和Ｂ的方案的比較

Ａ／Ｂ測(cè)試示意圖（書中圖）

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

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

３万哪、保證兩個(gè)版本同時(shí)測(cè)試

４侠驯、保持單一變量

５抡秆、Ａ／Ｂ測(cè)試的延伸——灰度分布