編輯導(dǎo)語(yǔ)：作為一個(gè)設(shè)計(jì)師，在接到需求之后，首先需要弄清楚的是產(chǎn)生需求的業(yè)務(wù)背景、產(chǎn)品目標(biāo)和用戶人群等，再開始開展設(shè)計(jì)工作。本文作者從自身工作實(shí)踐出發(fā)，梳理總結(jié)了一套體系化從0-1的設(shè)計(jì)流程與思路，與大家分享。

01 設(shè)計(jì)師面臨的知識(shí)困境

網(wǎng)絡(luò)上碎片化的知識(shí)越來(lái)越多，UI設(shè)計(jì)師正在面臨著2大困境，第一大困境就是有太多的知識(shí)觀點(diǎn)需要學(xué)習(xí)，第二大困境是不知道如何去將這些知識(shí)進(jìn)行取舍和歸納。

各大設(shè)計(jì)平臺(tái)寫設(shè)計(jì)流程的文章也是多如牛毛，而這些文章的共同點(diǎn)都基本上是在Design Thinking的模型之下進(jìn)行演進(jìn)和變化的，而如果仔細(xì)分析和觀察，你會(huì)發(fā)現(xiàn)他們的共同點(diǎn)和差別，只有了解這2點(diǎn)，才能夠幫助我們更好的學(xué)習(xí)設(shè)計(jì)流程。

02 3種常見的設(shè)計(jì)流程模型

1. 設(shè)計(jì)思維

設(shè)計(jì)是一種基于解決方案的解決問題的設(shè)計(jì)方法,在“設(shè)計(jì)思維（Design Thinking）”在被不同的學(xué)者提出之后，IDEO是第一家將設(shè)計(jì)思維應(yīng)用于商業(yè)問題的解決之中。

IDEO的創(chuàng)始人，David Kelley，后來(lái)又在美國(guó)斯坦福大學(xué)創(chuàng)建了著名D.School，斯坦福設(shè)計(jì)學(xué)院。設(shè)計(jì)思維強(qiáng)調(diào)以人為本的設(shè)計(jì)思想，它需要花費(fèi)更長(zhǎng)的時(shí)間做觀察、訪談來(lái)深入理解用戶，對(duì)解決未定義或未知的復(fù)雜問題極其有用。它主要分為5個(gè)步驟：

1. 同理心（Empathy）：收集對(duì)象的真實(shí)需求
2. 定義（Define）：分析收集到的各種需求，提煉要解決的問題
3. 頭腦風(fēng)暴（Ideate）：打開腦洞，創(chuàng)意點(diǎn)子越多越好
4. 原型制作（Phototype）：把腦子中的想法動(dòng)手制作出來(lái)
5. 測(cè)試（Test）：優(yōu)化解決方案

*圖片素材來(lái)源于網(wǎng)絡(luò)，侵權(quán)請(qǐng)告知?jiǎng)h除

2. 設(shè)計(jì)沖刺

設(shè)計(jì)沖刺（Design Sprint）最初起源于谷歌，融合了設(shè)計(jì)思維（Design Thinking）和敏捷開發(fā)（Agile）兩大方法論，設(shè)計(jì)沖刺更適用于已知需要解決的且較為明確的問題，它融合了敏捷開發(fā)，最大的優(yōu)勢(shì)在于 5 天內(nèi)完成整個(gè)創(chuàng)新流程。它主要分為6個(gè)步驟：

1. 理解（Understand）：理解目標(biāo)
2. 定義（Define）：定義問題
3. 發(fā)散（Diverge）：探索各種解決方案
4. 抉擇（Decide）：找到最優(yōu)的解決方案
5. 原型（Prototype）：設(shè)計(jì)原型
6. 驗(yàn)證（Validate）：驗(yàn)證方案的可行性

*圖片素材來(lái)源于網(wǎng)絡(luò)，侵權(quán)請(qǐng)告知?jiǎng)h除

3. 雙鉆模型

雙鉆模型來(lái)源于IDEO的以人為本的設(shè)計(jì)思想，以及@d.school的設(shè)計(jì)流程，“雙鉆模型”和設(shè)計(jì)思維模型一樣，需要花費(fèi)更長(zhǎng)的時(shí)間來(lái)觀察和理解用戶，對(duì)解決未定義或未知的復(fù)雜問題極其有用，一般在互聯(lián)網(wǎng)行業(yè)中使用的比較多，它分為4個(gè)步驟：

1. 發(fā)掘/調(diào)研（Discover /Research）：洞察存在的問題 (發(fā)散過(guò)程)
2. 定義/歸集（Define/Synthesis）：聚焦、界定要解決的問題 (聚焦過(guò)程)
3. 前進(jìn)/構(gòu)思（Develop/ Ideation）：探索潛在的各種解決方案(發(fā)散過(guò)程)
4. 交付/實(shí)現(xiàn)（Deliver /Implementation） ：找到最優(yōu)的解決方案(聚焦過(guò)程)

*圖片素材來(lái)源于網(wǎng)絡(luò)，侵權(quán)請(qǐng)告知?jiǎng)h除

03 經(jīng)典設(shè)計(jì)模型的共性

我們?nèi)绻屑?xì)觀察就會(huì)發(fā)現(xiàn)，這3種設(shè)計(jì)方法論不變的框架都是從發(fā)現(xiàn)問題（發(fā)散、聚焦）到解決問題（發(fā)散、聚焦）的過(guò)程，其中每個(gè)環(huán)節(jié)都是從發(fā)散到聚焦，圍繞這個(gè)大的框架，我們接下來(lái)要思考的就是：

（1）發(fā)現(xiàn)問題

問題有哪些？（發(fā)散）

問題這么多，哪些才是真正的問題？（聚焦）

（2）解決問題

如何解決這些問題？（發(fā)散）

這些解決方案，哪些是最優(yōu)可實(shí)施的？（聚焦）

04 我總結(jié)的設(shè)計(jì)流程

在這張圖中，我在雙鉆模型的基礎(chǔ)之上進(jìn)行演變，讓他更加匹配現(xiàn)在互聯(lián)網(wǎng)設(shè)計(jì)團(tuán)隊(duì)的需求，其中增加了一個(gè)鉆的模塊，分別為交付和驗(yàn)證的環(huán)節(jié)，主要原因在于現(xiàn)在的公司更加重視設(shè)計(jì)師的落地和數(shù)據(jù)分析能力。整個(gè)的設(shè)計(jì)流程分為6個(gè)步驟，分別為：

1. 探索：洞察問題（發(fā)散）
2. 定義：定義關(guān)鍵問題、定義業(yè)務(wù)和設(shè)計(jì)目標(biāo)（聚焦）
3. 發(fā)散：找到各種解決方案（發(fā)散）
4. 設(shè)計(jì)：找到最優(yōu)的解決方案，進(jìn)行設(shè)計(jì)執(zhí)行（聚焦）
5. 交付：完備的交付文件（發(fā)散）
6. 驗(yàn)證：驗(yàn)證設(shè)計(jì)方案的效果（聚焦）

同時(shí)我也將每個(gè)階段的目標(biāo)、所需的工具方法、交付物總結(jié)了出來(lái)，方便大家進(jìn)行有針對(duì)性的學(xué)習(xí)

1. 探索（洞察問題）

目標(biāo)

• 洞察用戶需求（表層需求&深層需求）
• 了解業(yè)務(wù)需求（需求的幾種來(lái)源：高層、用戶、競(jìng)品、數(shù)據(jù)、內(nèi)部走查）

工具方法

問卷調(diào)研、用戶訪談、競(jìng)品分析、用戶建模、用戶體驗(yàn)地圖、桌面研究、焦點(diǎn)小組、數(shù)據(jù)分析、頭腦風(fēng)暴、交互視覺走查

交付物

問卷分析報(bào)告、用戶調(diào)研報(bào)告、競(jìng)品分析文檔、用戶體驗(yàn)地圖、桌面研究報(bào)告、數(shù)據(jù)分析報(bào)告、交互走查報(bào)告

2. 定義（定義關(guān)鍵問題、定義業(yè)務(wù)和設(shè)計(jì)目標(biāo)）

目標(biāo)

• 將問題收攏聚焦關(guān)鍵問題
• 定義業(yè)務(wù)目標(biāo)和設(shè)計(jì)目標(biāo)

工具方法

• 需求分類(卡片分類)
• 需求如何刪減(商業(yè)價(jià)值&用戶價(jià)值)
• 如何制定需求的優(yōu)先級(jí)(KANO模型)
• 數(shù)據(jù)指標(biāo)（GSM模型、五度模型）
• 其他（AARRR模型、用戶體驗(yàn)地圖）

交付物

• 問題總結(jié)文檔

3. 發(fā)散（找到各種解決方案）

目標(biāo)

• 收集盡可能多的有效、優(yōu)質(zhì)解決方案

工具方法

• 頭腦風(fēng)暴
• 競(jìng)品分析

交付物

• 頭腦風(fēng)暴記錄文檔
• 競(jìng)品分析文檔

4. 設(shè)計(jì)（找到最優(yōu)的解決方案，進(jìn)行設(shè)計(jì)執(zhí)行）

目標(biāo)

• 篩選最佳的解決方案
• 將解決方案制作成交互原型
• 產(chǎn)出視覺方案
• 設(shè)計(jì)評(píng)審，打磨方案

工具方法

• 方案篩選（實(shí)現(xiàn)成本&用戶成本）
• 交互5要素
• 情緒版
• 形、色、質(zhì)、構(gòu)、質(zhì)
• 柵格

交付物

• UE（信息架構(gòu)圖、交互原型圖）
• UI（UI設(shè)計(jì)稿、動(dòng)效設(shè)計(jì)、IP形象設(shè)計(jì)、規(guī)范系統(tǒng)、控件系統(tǒng)、圖標(biāo)系統(tǒng)、插畫系統(tǒng)）

5. 交付（完備的交付文件）

目標(biāo)

• 配合開發(fā)交付全面的設(shè)計(jì)文件

工具方法

暫無(wú)

交付物

• 交互設(shè)計(jì)文檔
• UI設(shè)計(jì)文檔（UI設(shè)計(jì)稿、切圖文件、標(biāo)注文件）
• 動(dòng)效文檔（動(dòng)效標(biāo)注、json代碼）

6. 驗(yàn)證（驗(yàn)證設(shè)計(jì)方案的效果）

目標(biāo)

• 驗(yàn)證設(shè)計(jì)效果

工具方法

• 問卷調(diào)研
• 用戶訪談
• 數(shù)據(jù)分析

交付物

• 問卷分析報(bào)告
• 用戶調(diào)研報(bào)告
• 數(shù)據(jù)分析報(bào)告

05 總結(jié)

這是饅頭根據(jù)自身多年的工作經(jīng)驗(yàn)總結(jié)出來(lái)的設(shè)計(jì)流程，每家公司根據(jù)本身的特點(diǎn)可能會(huì)有些許差異，歡迎大家一起進(jìn)行補(bǔ)充和交流。這個(gè)設(shè)計(jì)流程能夠幫助我們看到設(shè)計(jì)全貌，知道自己所處的環(huán)節(jié)，知道自己需要補(bǔ)全哪些知識(shí)。

作者：饅頭UX，公眾號(hào)：饅頭UX

本文由 @饅頭UX 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自pexels，基于CC0協(xié)議