《破繭成蝶》讀書筆記

第1篇 ?成為用戶體驗設計師的信念

01 ?什么是用戶體驗設計

藝術是感性的，設計是相對理性的、精密的。藝術所表達的是創作者的個人意識，而設計師為了決絕用戶具體的問題。

02 ?了解用戶體驗設計師

?

03 ?設計師的職業困惑

第2篇 ?修煉用戶體驗設計師的技能

04 ?設計流程——設計師具體做什么

05 ?需求分析——拿回產品的主導權

1、產品定位

2、采集需求

3、分析和篩選需求

?

4、需求文檔

需求文檔需要不斷的修正、迭代。

5、傾聽用戶的聲音

傾聽用戶、擁抱用戶、識別用戶、平衡商業價值和用戶需求

6、設計師的逆襲

通過扎實的基本功和良好的心態、積極的行為、我們完全有可能在逆境中調整自我，堅持不懈的通往成長之路

7、拒絕不靠譜的需求文檔

8、如何“抄襲”競品

在“抄襲”中尋求創新，功能方面可以去抄，設計方面絕不允許盲目“抄襲”，用心思考和設計。

06 ?設計規劃——從需求到設計草圖

1、在確定需求后，明確需要確定提供哪些信息（包括分類、組織、展現），并且設計相應的任

務。

2、在拿到需求后要進行信息的組織和任務的設定，不要想著走捷徑，因為這樣往往是在走彎

路。

3、信息分類：

（1）、邏輯分類

（2）、卡片分類：開放式會給用戶足夠的自由度來進行信息歸類；封閉式更利于掌控，可用于

對信息設計的結果進行驗證的階段。

4、好的導航特點：

（1）、導航的自我解釋；

（2）、深廣度平衡；

（3）、用戶所需信息與商業推廣信息的平衡；

（4）、為重要功能和常用功能設置快捷入口；

5、確定任務

6、友好而易用的界面

7、捕獲用戶芳心

8、紙面原型的目的是為了溝通、測試，盡快的解決那些不確定的問題，將最初的需求一步一步變為現實。

07 ?設計標準——好的設計需要表達

1、什么是原形

?

2、標準原形的內容

3、線框圖的繪制

（1）、明暗對比：通過色塊的明暗對比，呈現界面元素的優先級（提前定義深淺的含義）；（2）、不使用截圖與顏色：不要用競品的截圖，不要告訴它具體的元素；

（3）、合理的布局：盡量統一，不要出現2、3列混排的情況4、交互說明；

（4）、遵守柵格規范：保證交互稿中的字號、間距盡量符合視覺要求；

（5）、標記第一屏高度：超過40%的用戶的屏幕高度緊握768像素，所以1024*768像素分辨

率下，第一屏高度的極限情況可定位570像素左右；

（6）、表達清楚UI邏輯：可以用表格表示出優先級、色調；

（7）、考慮視覺實現后的效果：比如圖片只是占位符，但要考慮實際如果有圖片，是否會讓用

戶產生視覺混亂；

（8）、了解視覺趨勢：將新的視覺設計趨勢融入產品。

4、交互說明

（1）、盡量使用真實、符合邏輯的數據內容；

（2）、不遺漏特殊狀態的描述：多考慮一些極端狀態下的情況；

（3）、避免過長的說明；

（4）、避免流水賬式的說明： ①流程圖代替文字說明

?????????????????????????????????????????????????②用表格羅列各種狀態 ?

?????????????????????????????????????????????????③巧妙組織文字說明（用if、else、case來說明）??

?????????????????????????????????????????????????④制作動態效果

（5）、關于重復出現的模塊：當很多個頁面里的某個模塊多次重復出現，可以把它獨立出來；

（6）、原型有修改，要更新交互說明，不能只口頭通知；

5、設計規范

（1）、什么是設計規范：交互規范、色彩規范、logo規范、UI圖標規范、控件規范…

（2）、沒有設計規范容易出現的問題： ①會導致不同模塊獨立設計的風格不統一；

???????????????????????????????????????????????????????????????②同類功能組件存在多個樣式；

???????????????????????????????????????????????????????????????③元素多樣性（按鈕高度、鏈接樣式……）；

???????????????????????????????????????????????????????????????④效率低下（相互扯皮）；

???????????????????????????????????????????????????????????????⑤質量難把握。

（3）、規范性解決的問題： ?①形成鮮明的產品特征，增強用戶黏度

???????????????????????????????????????????????②提高易用性（用戶可以快速上手）

???????????????????????????????????????????????③滿足團隊協作需求

???????????????????????????????????????????????④其他（避免重復勞動、提高工作效率、降低培訓……）

（4）、設計規范的分類： ?①產品戰略級方向的規范（整個公司主打的設計方向、共識內容）

???????????????????????????????????????????②單個項目中的設計規范

（5）、何時開始設計規范：項目完成后再設計規范

（場景：大型且重要的產品、可復用的產品結構多、時間多、品牌

風格已經確定、產品線日益豐富）

（6）、制定設計規范的原則：從大到小制定。

（7）、規范的執行及注意事項：從全局考慮，盡量執行規范，但局部可有特色處理。

08 ?項目跟進——保障設計效果的實現

1、一流的點子加上三流的執行還不如三流的點子加一流的執行。

2、不同的人不同的偏好：（1）開發人員關注技術上的可行性；

（2）運營人員希望有足夠的推廣空間；

（3）視覺設計師注重產品是否美觀；

（4）產品經理希望節點前上線。

3、設計評審的目的：

4、評審前的準備：（1）事先考慮所有可能的方案；

（2）準備各種設計依據（支撐數據、競品分析、用研結果、設計實施前制

定的目標）；

（3）做好會議邀請工作。

5、在評審中掌握主導權：（1）主導流程；

（2）控制話題（避免偏離主題的討論和對某個細節的持久爭論）；

（3）收集有價值的意見（客觀的、明確的、可操作的意見）；

（4）評審后的分析與跟進。

6、界面中的視覺設計不是藝術作品，正確地理解信息和傳達信息是最重要的事，忽略內容而關注形式是不可取的。

7、視覺稿和交互稿的理解要一致：視覺設計師注重美觀性，而交互設計師注重邏輯性及對用戶的引導作用。

8、拒絕毫無發揮的視覺設計：視覺稿需要發揮創造力，把頁面設計的美觀、更有氛圍。

9、關注視覺層次是否清晰。

10、關注交互細節和狀態標注：點中、劃過、正常……這些情況下的細節，都要在視覺稿里呈現出來

11、在審美方面不要過分干涉。

12、開發階段，設計師應該如何做：

（1）勤于溝通： ①設計階段（了解是否有技術難點）；

???????????????????????????????②完成后（當面溝通設計要點）；

???????????????????????????????③開發階段（持續跟進、解答問題）。

（2）統一的規范和標準：視覺稿上要注明具體尺寸；

（3）設計走查：交互動作、操作及反饋、交互控件的各種狀態、文案……

09 ?成果檢驗——設計優劣可以判斷

1、可用性測試

2、設計任務需要注意：

（1）給出目標，不要直接給操作；

（2）盡量選擇最重要的任務進行測試，一般30-50分鐘，5-8個功能點；

（3）符合正常的操作流程。

3、測試用戶的選擇：

（1）選擇有代表性的用戶，不要選對產品過于熟悉的工作人員；

（2）用戶數量：5名左右的人可以發現85%的問題。

4、測試過程的注意事項：

（1）切忌引導性過強：比如不要問“你是不是比較喜歡這個顏色的按鈕”；

（2）操作行為永遠是重點：減少語言對用戶的干擾，鼓勵他們“出生思維法”，要求用戶在操

作時將完成任務時的思考、行為、感受都描述出來；

（3）不要忽視現場反應：咦、啊、天啊……等語氣詞；

（4）考慮使用場景：購彩網站“還有3分鐘關閉，你會如何操作”，移動端需要考慮吵鬧的公

車……；

（5）感謝被測者，給予一定報酬。

5、問題的分析與改進：

（1）問題頻數；

（2）嚴重等級；

（3）優先級（問題頻數*4/總參與人數+嚴重等級）；

（4）違反的可用性準則。

6、最小化運用可用性測試：資源有限，可以縮小可用性測試的范圍，盡早發現問題是有利的。

7、A/B測試（定量分析）

（1）設定衡量標準：比如PV、UV、點擊量、轉化率、跳出率……；

（2）對同一個用戶展示同一個方案；

（3）保證2個版本同時測試；

（4）單一變量：比如就按鈕、文案、顏色、圖片……不能同時改變多個；

（5）延伸——灰度發布：舊版本作為A，新版本作為B，部分升級。

8、定性的用戶反饋和定量的產品數據

（1）收集用戶反饋：①有意見反饋；

?????????????????????????????????????②線客服；

?????????????????????????????????????③論壇；

?????????????????????????????????????④應用市場（appstore）

（2）分析用戶反饋：過濾、歸類，不是每個意見都一定全盤接受。

9、用數據檢驗產品目標。

第3篇 ?實現用戶體驗設計師的價值

10 ?設計師的自我修養

1、什么是好的設計師

（1）對設計充滿激情和興趣，有天分，思維活躍，有好的想法和時常記錄自己的靈感。

（2）高度的概括，總結能力及抽象思維能力，可以迅速歸納出問題的本質，清晰的分析思路，合理的組織語言，正確的設計方向。

（3）執行力強，有好的想法，能堅持到底，不懼怕任何阻礙。

（4）情商高，思想成熟，高瞻遠矚，積極樂觀，善于換位思考。

（5）超出預期，追求完美，關注細節，不滿足于現狀。

（6）有條理，對待工作認真負責，

（7）有上進心，自我學習和提高意識的能力極強。

（8）眼界開闊，知識面廣，樂于分享。

2、什么是糟糕的設計師

（1）缺乏興趣，不用心。做事情馬馬虎虎。

（2）心態不好，頑固任性。不解決辦法，推卸責任，很難接受別人的意見。

（3）不合理安排時間，時間估算不準。不會恰當表現，過于被動。

（4）溝通及團隊協作能力差，學習意愿不強，不夠專業。

3、從哪幾方面來提高

專業，溝通，流程。閱讀書籍，良好的溝通，組織能力，要有很強的思維能力，以及掌握很多的設計技能，積累經驗。想要變優秀，不要追逐“外功”，而是修煉好“內功”。內外兼修，方可成事。

4、學會思考 事半功倍

掌握了正確的思維方法和專業技能，工作中的很多難題便迎刃而解了。

5、如何在否定中積極成長

11 ?設計師易忽略的工作意識

1、品牌有什么作用

2、提升品牌設計的一些規則

（1）保證關聯性：保證設計的東西和產品是相關的。

（2）力求一致性：應用內一致，界面，圖標、啟動頁、首頁一致；配色一致；不同性質的元素要做出區分；不同頁面的針對同一性質的操作，應保持一致性；平臺內一致，同時和該平臺其他產品通用規則盡量保持一致。平臺間一致，內部產品一致。

（3）追求獨特性：個性的標志，獨特的風格，亮眼的細節。品牌無處不在。

3、設計師的溝通意識

（1）項目中常見的溝通方式與特點

（2）不同方式的試用環境

不同的溝通方式，各有各的特點，很難籠統的說哪個好，哪個不好。

（3）項目中常見的溝通問題

敢怒不敢言，用批評代替贊揚和鼓勵，單向溝通，打斷別人，思維方式，立場不一致，性格差異的不同，溝通積極性差。

（4）如何更好的溝通

放平心態，換位思考，積極主動，更多肯定，更少批評。真正認識溝通的意義。

4、設計師的流程意識

（1）設計流程

（2）項目流程

（3）小項目流程

（4）如果不遵守流程，會產生什么樣的結果？

需求不確定，反復更改。無具體排期，上線遙遙無期。沒有預留出走查時間，倉促上線。產品經理一人獨大，項目失控。出現問題，難以確定責任。

（5）一些需要注意的問題

關于需求變動，關于排期，關于設計，多做可用性測試，

12 ?設計師為了什么而設計

1、為老板？為用戶？還是為自己？

設計師不應該被用戶牽著鼻子走，而是要學會引導用戶，創造出超出用戶期望的產品來。作為設計師，一定要鏟除為自己設計的想法，記住，設計是為了解決用戶的問題。設計師不是為自己設計，也不是為某些人設計，更不應該只看重眼前的利益。設計師要做的是平衡商業價值與用戶需求，通過自己的專業水平，為公司，用戶創造出更大的價值。

2、實現商業價值與用戶需求的平衡

3、設計師具體應該怎么做？

（1）識別需求的有效性

（2）重塑需求

（3）梳理結構流程 設計界面

4、實現用戶體驗設計師的價值

（1）用戶體驗設計師面臨的挑戰與機會

（2）用戶體驗設計師的積累與突破

設計師要做的是平衡商業價值與用戶需求，通過自己的專業水平，為公司，用戶創造出更大的價值。并在這個過程中，逐步提升自我價值。如果你掌握了前面的內容，并在工作中不斷加以應用，不斷總結積累，那么終有一天，你會破繭成蝶，實現用戶體驗設計師的價值。