距離寫上一篇讀書筆記已有20多天了，看來要養(yǎng)成記筆記的習(xí)慣還需要些時日，雖然步調(diào)走的慢些，但可不能輕易放棄，畢竟我才剛開始啊啊～（笑哭表情一枚）拖延這個毛病總是能肆意忘形，也可能因為我總是把困難放的太大，就像這本《破繭成蝶》因為內(nèi)容比較龐大，知識點比較多，所以心生恐懼遲遲不敢開始。

”The only thing we have to fear is fear itself“－Roosevelt

本書從用戶體驗角度系統(tǒng)的講解了產(chǎn)品從需求到項目上線的全過程，圖文結(jié)合包括對知識點案例的解說也都面面俱到，這對于從事互聯(lián)網(wǎng)產(chǎn)品相關(guān)人員理解產(chǎn)品的每一個環(huán)節(jié)都很有幫助，尤其是交互新人更不能錯過?！镀评O成蝶》從三大模塊（第一篇，成為用戶體驗設(shè)計師的信念；第二篇，修煉用戶體驗設(shè)計師的技能；第三篇，實現(xiàn)用戶體驗設(shè)計師的價值。）談及用戶體驗設(shè)計，洋洋灑灑卻不覺得冗長，因為每一個點每一個模塊內(nèi)容的討論都頗有意義。

一.成為用戶體驗設(shè)計師的信念

01什么是用戶體驗設(shè)計

設(shè)計不等同于藝術(shù)。藝術(shù)是感性的，設(shè)計是理性的、精密的。用戶體驗設(shè)計首先是要解決用戶的某個實際問題，其次是讓目的變的更容易解決，最后是給用戶留下深刻的印象，讓他在整個過程中產(chǎn)生美好的體驗。設(shè)計師在開始動手設(shè)計前，一定要了解這次設(shè)計的目的是什么？要為什么樣的人解決什么樣的問題？以及如何更好的解決？按部就班的思考流程才能更專業(yè)的解決實際問題。

02了解用戶體驗設(shè)計師

[交互設(shè)計] 就是通過分析用戶心理模型、設(shè)計任務(wù)流程、運用交互知識，把業(yè)務(wù)邏輯（功能規(guī)格或內(nèi)容需求）以用戶能理解的方式表達給用戶，最終實現(xiàn)產(chǎn)品戰(zhàn)略（公司需求和用戶需求的最佳平衡點）的過程。在滿足公司需求的情況下，讓用戶覺得易用好用。交互設(shè)計師的產(chǎn)出物也比較豐富，有競品分析文檔、用戶反饋整理、流程圖、設(shè)計草圖、設(shè)計原型等。交互設(shè)計師除了基本的設(shè)計工作外，還要溝通、宣傳、執(zhí)行、跟進自己的設(shè)計方案，產(chǎn)品上線后還要繼續(xù)跟進、解決線上問題、收集反饋意見，為下一次迭代做準(zhǔn)備。

[UI設(shè)計] 要做到懂產(chǎn)品、懂交互、懂設(shè)計，能很好的理解交互設(shè)計的意圖，知道信息優(yōu)先級，在視覺上予以清晰的引導(dǎo)從而順利的完成操作，并且能夠在關(guān)鍵時刻有條理、有依據(jù)的闡述設(shè)計理由。

[用戶研究員] 顧名思義就是專門研究用戶的人，他們在產(chǎn)品中有著不可忽視的作用，即通過分析和研究，深入的了解用戶特征、用戶行為習(xí)慣等，從而為產(chǎn)品、運營、推廣、設(shè)計決策等提供必要的方向和支持。用戶研究員的日常工作可能有市場分析、競品分析、創(chuàng)建人物角色、問卷調(diào)查、焦點小組、用戶訪談、可用性測試、等等。用戶研究員的產(chǎn)出物主要是各類型的用研報告。

[設(shè)計師] 更注重創(chuàng)意、邏輯、細(xì)節(jié)，設(shè)計目標(biāo)更純粹，能夠更多的考慮用戶，工作上更專注，設(shè)計方法更專業(yè)；而 [產(chǎn)品經(jīng)理] 作為產(chǎn)品主要負(fù)責(zé)人，需要考慮更宏觀的問題，聚焦的范圍比較廣，更重視商業(yè)目標(biāo)，以及其他瑣事。

03設(shè)計師的職業(yè)困惑

對用戶體驗具備濃厚的興趣、具備良好的素養(yǎng)（包括性格、個人修養(yǎng)、溝通能力等）、強大的思維能力、掌握的工作技能（專業(yè)能力、項目經(jīng)驗等）是面試官主要考察的四個主要方面。

設(shè)計師有以下五個發(fā)展方向：復(fù)合型（懂設(shè)計學(xué)、心理學(xué)、手繪等）、垂直型（專一技能，普通設(shè)計師－高級設(shè)計師－設(shè)計管理）、管理型（有領(lǐng)導(dǎo)能力，負(fù)責(zé)人心態(tài)）、全能型（產(chǎn)品從需求到獨立開發(fā)運營）、創(chuàng)業(yè)型

二.修煉用戶體驗設(shè)計師的技能

04設(shè)計流程－設(shè)計師具體做什么

解決用戶需求，減少用戶理解和操作的成本，給用戶留下美好而深刻的印象。在實際項目中，我們首先要通過一些方法來分析需求、了解需求，即清楚我們要做一個什么樣的產(chǎn)品，目標(biāo)用戶是誰，要達到一個什么樣的效果，具體都有哪些功能、內(nèi)容等。然后我們開始設(shè)計，在草圖上梳理信息架構(gòu)，設(shè)計任務(wù)流程，設(shè)計界面，確定沒有問題后再用專業(yè)軟件工具把設(shè)計方案呈現(xiàn)出來。經(jīng)過設(shè)計評審后，設(shè)計師要去跟進后續(xù)的視覺、前端、開發(fā)、測試環(huán)節(jié)，確保最后的產(chǎn)出物和設(shè)計方案一致。產(chǎn)品上線后，需要使用一些方法對產(chǎn)品體驗效果進行檢驗，小的問題及時解決，大的耗時問題留到下次迭代優(yōu)化。再好的產(chǎn)品也不可能一步到位，快速上線、迅速試錯、立即更改的方式更順應(yīng)目前競爭激烈、日新月異的互聯(lián)網(wǎng)環(huán)境。

05需求分析－拿回產(chǎn)品的主導(dǎo)權(quán)

[不可忽視的產(chǎn)品定位] 產(chǎn)品定位是產(chǎn)品設(shè)計的方向，也是需求文檔和設(shè)計產(chǎn)出的判斷標(biāo)準(zhǔn)。因此在確定具體需求之前，優(yōu)先考慮產(chǎn)品定位。（不要為了1%的用戶需求，而犧牲了99%的用戶體驗）產(chǎn)品定位實際上就是關(guān)于產(chǎn)品的目標(biāo)、范圍、特征等的約束條件，它包括產(chǎn)品定義和用戶需求。產(chǎn)品定義主要由產(chǎn)品經(jīng)理從網(wǎng)站角度考慮，用戶需求主要由設(shè)計師從用戶體驗角度考慮。產(chǎn)品定義中的主要功能、產(chǎn)品特色和用戶需求中的目標(biāo)用戶形成了產(chǎn)品定位中最核心的內(nèi)容，是產(chǎn)品設(shè)計的最主要的方向依據(jù)。產(chǎn)品定義一般是產(chǎn)品經(jīng)理基于市場調(diào)查、用戶研究、以及對自身資源的綜合分析得出的關(guān)于使用人群、主要功能、產(chǎn)品特色的分析（比如音樂播放器app，調(diào)查顯示學(xué)生、白領(lǐng)、老人、農(nóng)民工的使用占比情況發(fā)現(xiàn)白領(lǐng)居多且收入較高，對公司更有商業(yè)價值，因此白領(lǐng)為主要使用人群；調(diào)查市面上音樂播放app比較突出的問題有音質(zhì)不佳，更新慢等問題，而公司恰好有這方面資源，因此考慮可以把音質(zhì)清晰，更新快作為產(chǎn)品特色。）

用戶需求可看作是‘目標(biāo)用戶’在‘合理場景’下的‘用戶目標(biāo)’，其實就是解決‘誰’在‘什么環(huán)境下’想要‘解決什么樣的問題’，用戶需要救贖一個個生動的故事，告訴我們用戶的真實境況。(比如我一個朋友喜歡運動時候聽音樂，最好是特別動感的～等等。最后整理目標(biāo)用戶：休閑型／小資型／達人型等，關(guān)鍵字：操作簡單／高端時尚／DJ推薦／音質(zhì)高等；使用場景：上班路上／工作時／運動時等，關(guān)鍵字：聲音大／清晰／切換方便／夜間模式／睡眠定時等；用戶目標(biāo)：快速找到流行音樂／需要音質(zhì)好的／只聽某一類型的／想要知道歌名／想跟喝學(xué)習(xí)等，關(guān)鍵字：k歌模式／提供音樂分類／聽歌識曲／分享／下載等）

[需求從哪里來] 在實際項目中，采取需求的主要方式有用戶調(diào)研（問卷調(diào)查、用戶訪談、信息采集等手段）競品分析（找代表性的同類產(chǎn)品分析優(yōu)劣勢）、用戶反饋（測試中或上線后）、產(chǎn)品數(shù)據(jù)（上線后的訪問瀏覽數(shù)據(jù)、瀏覽痕跡、點擊痕跡、每個頁面的瀏覽時長等，數(shù)據(jù)分析工具有：艾瑞咨詢／百度指數(shù)／淘寶指數(shù)）等。

[如何分析與篩選需求]

[了解需求文檔] 需求文檔應(yīng)包含的內(nèi)容：文檔修改與審核記錄／目錄／背景描述（做此產(chǎn)品模塊的原因、市場行情、業(yè)務(wù)目標(biāo)、產(chǎn)品定位等）／用戶類型和特征（簡要描述目標(biāo)用戶使用情況或現(xiàn)有使用人群情況）／項目時間安排（啟動時間、完成時間）／信息結(jié)構(gòu)（內(nèi)容頁面層級）／整體業(yè)務(wù)流程說明（業(yè)務(wù)流程圖）／需求詳細(xì)說明（每一條需求的詳細(xì)說明）

需求文檔的后續(xù)迭代：需求評審與修改／細(xì)節(jié)不斷補充／交互設(shè)計師對需求文檔的修正（考慮角度不同造成的修改也很正常）

06設(shè)計規(guī)劃－從需求到設(shè)計草圖

[如何搞定信息分類] 拿到需求文檔不要急于繪制原型，要先注重信息的組織與任務(wù)的設(shè)定?？梢愿鶕?jù)邏輯分類（符合邏輯習(xí)慣的分類）和卡片分類（測試者進行自由分組或在設(shè)計師設(shè)計好的導(dǎo)航和名稱后用戶再進行分組到不同導(dǎo)航下）組織網(wǎng)站所要承載的信息，幫助用戶找到他們真正想要的東西。

[好的導(dǎo)航是成功的一半] 成功的導(dǎo)航設(shè)計可以讓用戶清楚的認(rèn)識到信息結(jié)構(gòu)和自己所處的位置，為用戶解釋‘我從哪里來’‘我現(xiàn)在在哪里’‘我能去哪里’的問題，面包屑。在導(dǎo)航的信息組織中，層級的數(shù)目可以稱為導(dǎo)航的深度，每一層級中包含的菜單項數(shù)可以稱為導(dǎo)航的廣度。在設(shè)計導(dǎo)航結(jié)構(gòu)時，要考慮深度與廣度的平衡，也就是縱向的層級數(shù)，與橫向的選項數(shù)的平衡。

同時還要注意用戶所需信息與商業(yè)推廣信息的平衡，同時要為重要功能和常用功能設(shè)置快捷入口。（作為設(shè)計師們就要權(quán)衡出哪些是產(chǎn)品的重要功能，哪些是產(chǎn)品的常用功能，合理設(shè)置快捷入口）

[主要任務(wù)與次要任務(wù)] 我們在設(shè)計界面時，必須明確哪些是主要信息，哪些是次要信息，這樣可以幫助我們快速判斷界面上內(nèi)容的主次關(guān)系。需求文檔中的功能和內(nèi)容都比較零散，通過梳理信息結(jié)構(gòu)，我們可以把主要的功能、內(nèi)容組織起來。而通過任務(wù)流程，我們則可以把剩余的部分給‘拼裝’起來。（以購物網(wǎng)站為例，對于用戶來說最重要需求就是買到心儀的產(chǎn)品，因此購買商品是用戶的主要任務(wù)；但要完成購買商品這個任務(wù)，期間還需要完成很多子任務(wù)，瀏覽／選擇／對比／收藏／加入購物車／充值等等，這些子任務(wù)就屬于次要任務(wù)，他們是為了完成重要任務(wù)而存在的。）

設(shè)計任務(wù)流程要先設(shè)計主線（就是把雜亂無章的功能電根據(jù)用戶的期望及目標(biāo)以正確的次序組織起來的過程，告訴用戶先做什么，再做什么），再從容設(shè)計支線（次要行為流是否能對用戶完成主行為流產(chǎn)生必要的幫助，支線越少，整體復(fù)雜度越低，用戶越能迅速完成任務(wù)），脈絡(luò)清晰了，才能正確構(gòu)建起整個產(chǎn)品的功能和內(nèi)容。這樣我們就得到了任務(wù)流、頁面流的設(shè)計，相比拿到需求直接畫線框圖輕松很多。

[如何突出主要任務(wù)] 我們可以通過分解用戶任務(wù)、排列任務(wù)優(yōu)先級、組織合并相關(guān)任務(wù)等方式，使用戶可以專注主要任務(wù)。

[如何引導(dǎo)用戶完成任務(wù)] 按照用戶的操作邏輯可以采用相似性引導(dǎo)、方向性引導(dǎo)（箭頭指示／視覺縱線等）、運動元素引導(dǎo)（頁面動態(tài)效果）等。

[理性的規(guī)劃vs感性的界面] 在做設(shè)計的過程中，設(shè)計師需要不同的思維方式。在需求分析、設(shè)計任務(wù)流程、信息架構(gòu)、導(dǎo)航、操作邏輯階段，偏理性，思路清晰的引導(dǎo)，你給用戶的指引路徑才是清晰的；繪制界面相對感性，因為用戶在使用產(chǎn)品時并不會刻意思考，使用產(chǎn)品也相對感性。

[捕獲用戶的芳心] 貼心的設(shè)計惹人喜：可控的感受(加載中提示／聊天對方輸入提示等）、積極的反饋(提供積極反饋與互動／鼓勵新手用戶等）、貼心的提醒(提醒用戶可能的錯誤或疏漏等）、驚喜的設(shè)計

[紙面原型快速表達想法] 紙面原型隨時記錄表達，無需考慮格式和規(guī)則，目的不是為了交付，而是為了溝通、測試、盡快地解決那些不確定的問題，更多的關(guān)注在框架、流程、基本功能，忽略設(shè)計細(xì)節(jié)。

07設(shè)計標(biāo)準(zhǔn)－好的設(shè)計需要表達

[什么是原型] 原型是設(shè)計師的重要產(chǎn)出物之一，它是產(chǎn)品功能與內(nèi)容的示意圖，即包含靜態(tài)頁面樣式（線框圖），也包含動態(tài)的操作效果（交互說明）。

[標(biāo)準(zhǔn)的原型內(nèi)容]

[你真的會畫線框圖嗎] 通過明暗對比表達，界面元素優(yōu)先級關(guān)系更為直觀；不使用截圖與顏色；合理的布局；遵守柵格規(guī)范；標(biāo)記第一屏幕高度；表達清楚UI邏輯；考慮視覺實現(xiàn)后的效果；了解視覺趨勢；

[寫交互說明的訣竅] 盡量使用真實、符合邏輯的數(shù)據(jù)內(nèi)容；不遺漏特殊狀態(tài)的描述；避免過長的說明（可能的原因：需求或設(shè)計方案有問題，導(dǎo)致邏輯異常復(fù)雜／開發(fā)成本太高有無必要／表述問題避免文字堆砌／避免流水賬式的說明）

[關(guān)于設(shè)計規(guī)范] 設(shè)計規(guī)范是對設(shè)計的具體細(xì)節(jié)、技術(shù)要求，是設(shè)計工作的規(guī)則和界限，是一種模塊化的應(yīng)用方法。規(guī)范包括很多內(nèi)容，比如交互規(guī)范、色彩規(guī)范、logo 規(guī)范、banner規(guī)范、控件規(guī)范等；規(guī)范的好處有很多：‘一致性’形成鮮明的產(chǎn)品特征，增強用戶黏度、提高易用性、滿足團隊協(xié)作需求等。

08項目跟進－保障設(shè)計效果的實現(xiàn)

”一流的點子加三流的執(zhí)行還不如三流的點子加一流的執(zhí)行。“

[做設(shè)計評審的主導(dǎo)者]

[如何審核視覺稿] 對交互稿理解是否準(zhǔn)確；拒絕毫無發(fā)揮的視覺設(shè)計（交互原型在于表達邏輯傳達信息，視覺設(shè)計在于美化界面渲染氣氛）；專注視覺層次是否足夠清晰；關(guān)注交互細(xì)節(jié)和狀態(tài)標(biāo)注（如按鈕的三個狀態(tài)等）；在審美方面不要過分干涉（傳達信息是客觀的，但視覺設(shè)計是主觀感性的）

[開發(fā)階段，設(shè)計師該做什么] 設(shè)計師與工程師關(guān)注的點不一樣，設(shè)計師主要關(guān)注頁面的交互細(xì)節(jié)以及視覺是否美觀，而工程師更多的關(guān)注在簡潔的代碼、快速的響應(yīng)以及可復(fù)用的控件上。

09成果檢驗－設(shè)計優(yōu)劣可以判斷

[可用性測試] 可用性測試是改善產(chǎn)品的最佳方式之一，只需耗時很短卻易發(fā)現(xiàn)問題。簡單的說，就是通過觀察用戶使用產(chǎn)品，發(fā)現(xiàn)產(chǎn)品中存在的問題的一種方法。只要你想知道用戶對你現(xiàn)階段的設(shè)計方案評價如何，都可以進行可用血測試，邀請不熟悉這個項目的同事或朋友，花上一小段時間，觀察被測對象的操作過程，再進行簡單的訪談，并記錄下重點就可以了。(有條件的話，可以在設(shè)計過程中進行多次簡易可用性測試）

[A/B測試] 可用性測試是一種定性分析的方法，而A/B測試是一種定量分析的方法。定性分析樣本量小，結(jié)果未必可靠，但可以了解到用戶的想法；而定量分析雖然樣本量大，結(jié)果較為客觀，但很難從數(shù)據(jù)了解到背后的原因，兩法各有利弊，一般采用相結(jié)合的方式。A/B測試是A方案和B方案比較，為同一個目標(biāo)設(shè)計兩個方案，一部分用A方案測試，一部分用B方案測試，通過用戶的使用情況，衡量哪個方案更優(yōu)。

[定性的用戶反饋和定量的產(chǎn)品數(shù)據(jù)] 可用性測試和A/B測試一般是在上線前和預(yù)上線時對設(shè)計進行的檢驗，用戶反饋和產(chǎn)品數(shù)據(jù)則是上線后，用戶在真實環(huán)境下使用產(chǎn)品的情況，用戶反饋的所有問題和產(chǎn)品收集到的數(shù)據(jù)，都能真實的反映出整個方案的優(yōu)劣。

收集用戶反饋：線上產(chǎn)品可放置“用戶反饋”入口；在線客服收集匯總；移動端應(yīng)用市場的評分評論信息等

分析用戶反饋：要對用戶反饋的信息進行過濾、分類、整理?？梢詮膬?nèi)容、功能、使用流程、設(shè)計、新功能建議和現(xiàn)有bug等幾個方面對問題進行歸納。有些問題是產(chǎn)品和運營的同事需要解決的，有些問題是開發(fā)工程師需要解決的，對于使用流程、易用性和視覺設(shè)計方面的問題是設(shè)計師們需要考慮的。

用數(shù)據(jù)檢驗產(chǎn)品目標(biāo)：量化的產(chǎn)品數(shù)據(jù)，點擊量、轉(zhuǎn)化率、銷售額等也都是檢驗產(chǎn)品目標(biāo)是否達成的一個方面。

三.實現(xiàn)用戶體驗設(shè)計師的價值

10設(shè)計師的自我修養(yǎng)

[好的設(shè)計師] 應(yīng)該是對設(shè)計充滿興趣和激情、有一定天分、執(zhí)行力強、情商高、超出預(yù)期、有條理、有上進心、眼界開闊知識面廣、并且樂于分享的；可以從專業(yè)技能、良好的溝通、設(shè)計流程三方面來提高自己。

[學(xué)會思考，事半功倍] 思考上級的真實需求（領(lǐng)導(dǎo)下發(fā)任務(wù)時候，要領(lǐng)會老板的真實用意是什么，他想從中得到什么信息）

11設(shè)計師易忽略的工作意識

[設(shè)計師的品牌意識]

[設(shè)計師的流程意識－設(shè)計流程]

[設(shè)計師的流程意識－項目流程]

總體來說，設(shè)計師的流程意識具有靈活性／主動性／專業(yè)性。需要注意的是：關(guān)于需求變更（評估工作量，大改動延至下期，小改動本期修改并重新排期），關(guān)于排期（需求評審之后排期，根據(jù)需求內(nèi)容綜合各環(huán)節(jié)安排時間），關(guān)于設(shè)計（交互評審后，根據(jù)評審意見修改，大修改下期再做），盡量多做可用性測試，上線前后（上線前，產(chǎn)品經(jīng)理通知項目成員進行最后檢查。／上線后，收集用戶反饋及產(chǎn)品數(shù)據(jù)告知項目成員。／最后，產(chǎn)品經(jīng)理及設(shè)計師及時總結(jié)項目問題）

12設(shè)計師為了什么而設(shè)計

設(shè)計師在做設(shè)計師時，不能一味的考慮用戶體驗，而忽略了商業(yè)價值和用戶需求的平衡。