第四章 設(shè)計流程 - 設(shè)計師具體做什么

4.1 設(shè)計師如何參與到一個具體項目中

【用戶體驗設(shè)計的目標】
解決用戶需求，減少用戶理解和操作的成本，給用戶留下美好而深刻的印象。
【實現(xiàn)目標需要】
理性的思維、巧妙的創(chuàng)意观谦，與其他角色協(xié)作。
【籠統(tǒng)地說設(shè)計師的工作】

1. 通過一些方法來分析需求桨菜、了解需求豁状，即清楚我們要做一個什么樣的產(chǎn)品，目標用戶是誰倒得，要達到什么效果泻红，具體有哪些功能、內(nèi)容……
2. 開始進行設(shè)計霞掺。在草圖上梳理信息架構(gòu)谊路，設(shè)計任務(wù)流程，設(shè)計界面菩彬，確認沒有問題后再用專業(yè)的軟件工具把設(shè)計方案呈現(xiàn)出來缠劝。
3. 經(jīng)過設(shè)計評審后，設(shè)計師要去跟進后續(xù)的視覺骗灶、前端惨恭、開發(fā)、測試環(huán)節(jié)矿卑，確保最后的產(chǎn)出物和自己的設(shè)計方案一致喉恋。
4. 產(chǎn)品上線前后，需要使用一些方法對產(chǎn)品體驗母廷、效果進行檢驗。小的問題迅速解決發(fā)布糊肤，大的問題下次迭代時統(tǒng)一解決琴昆。
5. 如此循環(huán)往復(fù)。產(chǎn)品也在快速成長馆揉。

設(shè)計流程

4.2 在真實執(zhí)行過程中业舍，上述流程不能完美貫徹。

1. 原因：
   團隊成員的專業(yè)能力
   外界因素的影響（時間、工作太多顧不過來）
   團隊凝聚力（領(lǐng)導(dǎo)干預(yù)舷暮、項目成員溝通問題）
2. 不遵守設(shè)計流程的弊端：
   影響產(chǎn)品體驗态罪，需求不明導(dǎo)致返工，效率低下面，浪費人力…

第五章 需求分析 - 拿回產(chǎn)品的主動權(quán)

【理想情況】
設(shè)計師通過挖掘用戶需求复颈、創(chuàng)建人物角色、描述用戶場景沥割、設(shè)計用戶任務(wù)等方式耗啦，繪制界面草圖，最終得到可以交付給開發(fā)人員的原型机杜。
——但經(jīng)常無法實施帜讲。本章告訴你，如何拿回主動權(quán)椒拗，保證流程和方法的最優(yōu)執(zhí)行似将。

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

在實際工作中，需要從商業(yè)蚀苛、用戶在验、技術(shù)三個角度來平衡考慮需求。
缺少了任何一個角度項目都有可能失敗枉阵。

【現(xiàn)在的常規(guī)情況】設(shè)計師未參與前期的需求分析译红。只從需求文檔中獲取產(chǎn)品經(jīng)理的想法，很容易出現(xiàn)偏差兴溜。

設(shè)計師與產(chǎn)品經(jīng)理共同參與侦厚，才能<u>平衡</u>好商業(yè)和用戶體驗。

5.1.1 【產(chǎn)品定位】很重要

避免“大而全”（設(shè)計開發(fā)皆辛苦拙徽，用戶體驗被犧牲）刨沦，為大多數(shù)用戶設(shè)計。

1. 【產(chǎn)品定位重要性】

產(chǎn)品定位是產(chǎn)品設(shè)計的方向膘怕，也是需求文檔和設(shè)計產(chǎn)出的判斷標準想诅。
此外，產(chǎn)品定位也使團隊成員形成統(tǒng)一的目標和對產(chǎn)品的認識岛心，使團隊更有凝聚力来破，使得溝通效率、工作效率得到了大大提升忘古。

2. 【產(chǎn)品定位的內(nèi)容】

關(guān)于產(chǎn)品的目標番捂、范圍叼风、特征等約束條件。
包括兩方面的內(nèi)容：產(chǎn)品定義和用戶需求。

• [產(chǎn)品定義] 使用人群、主要功能和產(chǎn)品特色。
• [用戶需求] 目標用戶、使用場景和用戶目標。
  紅色為產(chǎn)品定位中最核心的內(nèi)容炮沐，是產(chǎn)品設(shè)計最主要的方向和依據(jù)。
  
  00035.jpeg

3. 產(chǎn)品定義

用一句話概括某個產(chǎn)品回怜。包含使用人群大年、主要功能和產(chǎn)品特色三方面。
e.g. 一款專為攝影初學(xué)者使用的<u>簡單易用</u>的<u>修圖</u>軟件鹉戚。

• 使用人群：需明確界定鲜戒。需要調(diào)研+考慮自己資源后確定為哪些人服務(wù)（商業(yè)價值、社會價值）抹凳。功能和產(chǎn)品特色也要切合他們的需要遏餐。
  e.g.1 一款音樂播放器。
  使用人群：白領(lǐng)
  主要功能：播放音樂
  產(chǎn)品特色：音質(zhì)清晰赢底、更新速度快
• 我的發(fā)散
  e.g.2 【me】習(xí)慣養(yǎng)成打卡類失都。(:Project)
  使用人群：學(xué)生，白領(lǐng)幸冻。
  主要功能：打卡粹庞，留存每天打卡數(shù)據(jù)，社區(qū)交流洽损。
  產(chǎn)品特色：打卡過程簡潔迅速庞溜，數(shù)據(jù)呈現(xiàn)清晰簡明，社區(qū)友善有趣碑定。

產(chǎn)品定義給了我們方向和范圍流码，我們需要在此基礎(chǔ)上深入挖掘用戶需求，提升用戶體驗延刘，這樣才能使產(chǎn)品進一步走向成功漫试。

4. 用戶需求

一條用戶需求可看作是“目標用戶”在“合理場景”下的“用戶目標”，其實就是解決“誰”在“什么環(huán)境下”想要“解決什么問題”碘赖。
一個個生動的故事驾荣，告訴我們用戶的真實情況。

1. 頭腦風(fēng)暴普泡，暢所欲言播掷。說出所有可能性。
   不能脫離產(chǎn)品定義的范圍撼班。
2. 舉例

• e.g.1 還是那個播放器叮趴。
  目標用戶：休閑型/小資型/達人型 （將適用人群細化、類型化权烧；不一定是互斥的）
  使用場景：上班路上/工作時/睡覺前……
  用戶目標：快速找到最流行的音樂/需要音質(zhì)最好/只聽某一個類型的音樂……

• 我的發(fā)散：
  e.g.2 【me】習(xí)慣養(yǎng)成打卡類眯亦。(:Project)
  目標用戶：無規(guī)劃型，有規(guī)劃型般码；生活習(xí)慣妻率，學(xué)習(xí)習(xí)慣；
  使用場景：工作時板祝，休息時宫静，睡前…
  用戶目標：希望改善習(xí)慣，APP是我靠譜的提醒者券时。希望向牛人學(xué)到更好的習(xí)慣孤里。社群監(jiān)督我堅持下去。交到志同道合的成長小伙伴橘洞“仆啵…

• 在目標用戶、使用場景炸枣、用戶目標中虏等，目標用戶是最關(guān)鍵的。專注于提升特定人群的滿意度适肠。
  選擇目標用戶要綜合考慮：潛在用戶量大霍衫、商業(yè)價值大（營銷成本低）

3. 用戶需求總結(jié)的示意圖

   
   
   用戶需求示意

5. 依據(jù)產(chǎn)品定義和用戶需求，確定產(chǎn)品定位侯养。并據(jù)此篩選需求敦跌。

e.g.（更加細化和專注）
目標用戶：25～35歲，追求潮流逛揩、高端音樂品質(zhì)的白領(lǐng)
主要功能：聽音樂
產(chǎn)品特色：音質(zhì)佳柠傍、更新速度快
使用場景：上班路上/工作學(xué)習(xí)/睡覺前/運動/休閑放松
用戶目標：需要音質(zhì)最好/只聽某一個類型的音樂/分享喜歡的歌曲/保存喜歡的歌/想知道某首歌曲的歌名……
關(guān)鍵詞：高端、時尚息尺、歌曲種類較多携兵、切換方便、夜間模式搂誉、睡眠定時徐紧、防震、高音質(zhì)炭懊、無損音樂/提供音樂分類并级、精選集/分享、制作精選集/收藏侮腹、下載/聽歌識曲……（即我們的產(chǎn)品需求）

6. 這些努力都是必要的嘲碧。

為了避免給自己的設(shè)計工作帶來麻煩，最開始設(shè)計師就要和產(chǎn)品經(jīng)理一起明確父阻、落實產(chǎn)品定位愈涩，不要盲目等待或依賴產(chǎn)品經(jīng)理望抽。

5.1.2 找到【需求】

上面是對于常見產(chǎn)品的產(chǎn)品定位步驟，頭腦風(fēng)暴可知一切履婉。但是煤篙，如果遇到全新的復(fù)雜產(chǎn)品怎么辦？需要更科學(xué)的方式采集需求毁腿。多種途徑辑奈，綜合后可得較為完整可信的需求列表。

1. 用戶調(diào)研：問卷調(diào)查已烤，用戶訪談鸠窗，信息采集。

了解用戶真實的想法胯究。用戶想要解決什么問題稍计？

2. 用戶反饋：

產(chǎn)品在測試階段或正式發(fā)布后，我們可能會收到很多用戶反饋唐片。
產(chǎn)品丙猬、設(shè)計人員對于產(chǎn)品太過熟悉，有時會Blind费韭，發(fā)現(xiàn)不了問題茧球。

3. 競品分析：

找到有代表性的同類產(chǎn)品，對比產(chǎn)品之間的優(yōu)勢星持、劣勢抢埋，從而發(fā)現(xiàn)產(chǎn)品的突破口。

【如何做競品分析】
競品分析可以根據(jù)規(guī)劃進行督暂，也可以根據(jù)功能揪垄、設(shè)計細節(jié)來進行，這取決于項目情況和需要逻翁。
研究別人是怎么擬定產(chǎn)品戰(zhàn)略饥努、方向的，怎么做用戶體驗的八回，怎么處理邏輯酷愧、界面層級、界面細節(jié)的缠诅，等等溶浴。好的地方可以借鑒，不好的地方可以超越管引。競品分析提供的內(nèi)容也是重要的需求來源之一士败。

4. 產(chǎn)品數(shù)據(jù)：

產(chǎn)品上線后，就可以收集到產(chǎn)品的相關(guān)數(shù)據(jù)了褥伴。比如常規(guī)的訪問瀏覽數(shù)據(jù)谅将、瀏覽痕跡漾狼、點擊痕跡、在每個頁面上的瀏覽時長戏自、整體的瀏覽順序邦投，等等。
預(yù)先埋點擅笔。
艾瑞資訊。百度指數(shù)屯援，淘寶指數(shù)猛们。

5.1.3 【分析篩選需求】

加工上面搜羅來的大量備選需求。

1. 篩選的原因：

① 采集方式復(fù)雜狞洋，難免得到的需求的質(zhì)量不高弯淘。時間有限、用戶理解偏差吉懊、對你的產(chǎn)品針對性不強…
② 自己項目資源有限庐橙。

2. 如何篩選？四個步驟借嗽。

1. 去掉明顯不合理的需求态鳖。
   當(dāng)前技術(shù)不可能實現(xiàn)的或是明顯意義不大的、投入產(chǎn)出比低的恶导、明顯不合常理的…

2. 從現(xiàn)象看到本質(zhì)浆竭，挖掘用戶的真實需求，并考慮如何將其解決惨寿。
   比如邦泄，用戶調(diào)研×芽眩——追問顺囊。上班路上不需要聽音樂只是表象，嫌麻煩才是真實的想法蕉拢，而我們需要解決的就是簡化操作特碳。
   再如，競品分析企量〔馕——不是把這個功能的設(shè)計立刻照搬到自己的網(wǎng)站上，而是要分析這個功能解決了用戶什么問題届巩，滿足了用戶的什么需求硅瞧，實現(xiàn)了用戶的什么目標，基于這個目標我們應(yīng)該如何做得更好恕汇⊥筮螅“人有我優(yōu)”或辖，學(xué)習(xí)到競品的精髓而不是皮毛。

3. 進一步分析提煉出的用戶真實需求是否匹配產(chǎn)品定位（目標用戶枣接、主要功能颂暇、產(chǎn)品特色等）。

4. 要考慮需求的實現(xiàn)成本（人力但惶、時間耳鸯、資源等因素）以及收益（商業(yè)價值/用戶價值等），綜合考慮是否將其納入本階段的需求庫中膀曾，還是放到下一期執(zhí)行县爬。

   
   
   篩選需求的步驟

3. 對篩選出來的需求，生成詳細的說明文檔添谊，即【需求文檔】

【再來回顧一下全過程】
先確定產(chǎn)品定位财喳，然后通過不同的方式來收集大量的需求，識別這些需求的有效性和真實性后斩狱，根據(jù)產(chǎn)品定位和項目資源情況篩選耳高、提煉出產(chǎn)品需求，定義出需求優(yōu)先級所踊。接下來就可以重點描述每個需求的邏輯泌枪、內(nèi)容等，開始撰寫詳細的需求文檔了污筷。
——每個階段都是產(chǎn)品經(jīng)理與設(shè)計師相配合完成的工闺。

5.1.4 了解【需求文檔】

按照正常的流程，設(shè)計師前期已經(jīng)參與瓣蛀，因此需求文檔是靠譜的陆蟆。設(shè)計師對它的內(nèi)容已知曉。
需求文檔對設(shè)計師來說惋增，更像是一個彼此約定好的產(chǎn)品功能清單叠殷，幫助提醒設(shè)計師接下來要做什么。
需求文檔不僅面向設(shè)計師诈皿，也面向團隊中的開發(fā)和測試人員林束。項目成員參考的重要依據(jù)。

1. 包含什么內(nèi)容稽亏？

不一定壶冒。標準需求文檔內(nèi)容如下。
文檔修改與審核記錄：需求文檔如有修改截歉，需要簡要記錄胖腾。

• 目錄：如內(nèi)容過多最好提供目錄。
• 背景描述：為什么要做這個產(chǎn)品/模塊、市場行情咸作、業(yè)務(wù)目標锨阿、產(chǎn)品定位等。
• 用戶類型和特征：簡單的描述目標用戶情況或現(xiàn)有使用人群的情況记罚。
• 項目時間安排：何時啟動墅诡，何時完成等。
• 信息結(jié)構(gòu)：這里可簡單理解為內(nèi)容或頁面的層級桐智，如圖末早。可以由設(shè)計師和產(chǎn)品經(jīng)理配合完成酵使，也可由產(chǎn)品經(jīng)理獨立完成荐吉，設(shè)計師做參考用。
• 整體業(yè)務(wù)流程說明：對于涉及操作較多的產(chǎn)品/功能口渔，需要業(yè)務(wù)流程圖，幫助設(shè)計師和項目成員理解具體的業(yè)務(wù)邏輯穿撮。比如一個廣告投放系統(tǒng)缺脉，當(dāng)廣告排期被占用時，用戶是否可接受相關(guān)位置悦穿；如不接受攻礼，系統(tǒng)如何處理賬戶金額，等等栗柒。如圖礁扮。
• 需求詳細說明：每一條需求的詳細說明。一個文檔里會有若干條這樣的說明瞬沦，如圖太伊。

信息結(jié)構(gòu)示例

業(yè)務(wù)流程示例

需求詳細說明示例（部分內(nèi)容）

2. 一些細節(jié)。

不可能一次到位逛钻。會多次迭代僚焦。

有一些較細節(jié)的東西在需求階段不容易考慮清楚，要到具體的設(shè)計階段才會有更深入的思考曙痘。但一些產(chǎn)品經(jīng)理為了方便大家理解芳悲，會在需求文檔中增加一些UI示意圖。設(shè)計師可把它們作為參考边坤，但不要過多地受其影響名扛。

設(shè)計師不要嚴格按照需求文檔來做設(shè)計。產(chǎn)品經(jīng)理的考慮角度和設(shè)計師不可能完全一樣茧痒，需求文檔更多的是體現(xiàn)業(yè)務(wù)肮韧、產(chǎn)品要求、功能等內(nèi)容，而設(shè)計師還需要更多地去考慮目標用戶的特征惹苗、使用場景殿较、痛點等。
專業(yè)的交互設(shè)計師產(chǎn)出的設(shè)計結(jié)果一般都會和需求文檔提供的內(nèi)容不太一樣桩蓉，如信息結(jié)構(gòu)淋纲、任務(wù)流程、內(nèi)容院究、界面形式等洽瞬。這相當(dāng)于是在交互設(shè)計階段對文檔進行了迭代。
產(chǎn)品經(jīng)理可以在設(shè)計完成后再修正需求文檔业汰，也可以讓設(shè)計師把相應(yīng)的修改部分注釋在原型稿上伙窃，這樣開發(fā)人員只看原型稿就可以了。

5.2 傾聽用戶的聲音

5.2.1 了解用戶的想法【要聽】

真正走到用戶當(dāng)中去样漆。
在用戶訪談過程中为障，常會有【意想不到】的發(fā)現(xiàn)：原來這個功能還能這么用；原來這個按鈕看上去很明顯放祟，但是用戶就是找不到鳍怨；原來用戶是這么理解這個功能的，和當(dāng)初的設(shè)想完全不一樣…

把目標用戶特征抽象成具體的人物跪妥、制作成【卡片】鞋喇，貼在自己的辦公桌上，時刻提醒自己眉撵。

【如何了解用戶】請用戶研究員做專業(yè)的“用戶調(diào)研”：通過問卷侦香、訪談、焦點小組纽疟；簡單的話可以尋找身邊符合條件的目標用戶罐韩，觀察他們的使用行為，詢問他們的使用感受仰挣、痛點及期望等伴逸。

5.2.2 別被用戶牽著走【別全聽】

為什么不能全然聽從？

1. 提出的需求雜亂膘壶，當(dāng)然要依據(jù)你的【產(chǎn)品定位篩選】错蝴。
2. 用戶說的不一定是心中所想的。他們只能提出表面建議颓芭，自己可能都不知道【真實訴求】是什么顷锰。
3. 該用戶可能不是你的【目標用戶】。
4. 用戶意見【不一定專業(yè)】：用戶不同于設(shè)計師亡问，他的很多意見只是一種直觀感受（或個人喜好）官紫，不太可能經(jīng)過縝密的思考肛宋。有的時候用戶的要求甚至是不合乎常理的。這就需要設(shè)計師經(jīng)過判斷和思考束世。

5.2.3 【該怎么聽】

從五個方面考慮：
目標用戶酝陈，使用場景，用戶目標毁涉，產(chǎn)品定位沉帮，項目資源。

1. 根據(jù)目標用戶：
   提出要求的用戶是你的目標用戶嗎贫堰？
2. 根據(jù)使用場景：
   用戶提出的這個問題一般發(fā)生在什么場景穆壕？合乎實際的使用情況嗎？
   （不同環(huán)境下對應(yīng)不同平臺其屏，有些工作不適合用移動端完成）
3. 根據(jù)用戶目標（真實需求）：
   用戶表達出自己的真實需求了嗎喇勋？
4. 根據(jù)產(chǎn)品定位：
   用戶提出的要求符合產(chǎn)品的定位嗎？
   （“精致”為定位偎行。如果用戶反映更新慢川背，則在一定程度上可忽略）
5. 根據(jù)項目資源：
   用戶提出的這個要求需要多少開發(fā)資源？價值有多大蛤袒？需要立即開發(fā)嗎渗常？

5.3 設(shè)計師的逆襲【做對的事，該說“不”時就要說】

上面都是理想情況汗盘，現(xiàn)實可能不會嚴格貫徹。
主動與產(chǎn)品經(jīng)理溝通询一，讓他意識到你對產(chǎn)品的熱愛隐孽，也就更愿與你交流。

把座位搬到產(chǎn)品經(jīng)理旁邊健蕊。

5.3.1 強勢的產(chǎn)品經(jīng)理

1. 商業(yè)價值蓋過用戶體驗菱阵。
   若無法辯駁，則擺正心態(tài)缩功，考慮對方這么做的原因晴及。并盡自己所能做好工作。

2. 不靠譜的產(chǎn)品經(jīng)理什么樣：
   需求變動多
   不寫需求文檔
   過于主觀（應(yīng)該信任手下專業(yè)的人）
   過于關(guān)注細節(jié)（研究UI嫡锌，畫線框圖）
   不合理安排時間
   不負責(zé)任（抄競品）

3. 讓人頭疼的設(shè)計師什么樣：
   不懂得平衡（商業(yè)與用戶體驗）
   定位局限（無產(chǎn)品意識虑稼，就會設(shè)計）
   抱怨多，建設(shè)性意見少
   專業(yè)技能不佳

設(shè)計也是復(fù)合型學(xué)科势木，設(shè)計師光懂得自己專業(yè)方面的知識是遠遠不夠的蛛倦。

5.3.2 拒絕不靠譜的需求文檔

5.3.3 從“功能需求”，到“設(shè)計需求”

5.3.4 如何“抄襲”競品