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

01 設計師面臨的知識困境

網絡上碎片化的知識越來越多，UI設計師正在面臨著2大困境，第一大困境就是有太多的知識觀點需要學習，第二大困境是不知道如何去將這些知識進行取舍和歸納。

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

02 3種常見的設計流程模型

1. 設計思維

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

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

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

*圖片素材來源于網絡，侵權請告知刪除

2. 設計沖刺

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

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

*圖片素材來源于網絡，侵權請告知刪除

3. 雙鉆模型

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

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

*圖片素材來源于網絡，侵權請告知刪除

03 經典設計模型的共性

我們如果仔細觀察就會發(fā)現，這3種設計方法論不變的框架都是從發(fā)現問題（發(fā)散、聚焦）到解決問題（發(fā)散、聚焦）的過程，其中每個環(huán)節(jié)都是從發(fā)散到聚焦，圍繞這個大的框架，我們接下來要思考的就是：

（1）發(fā)現問題

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

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

（2）解決問題

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

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

04 我總結的設計流程

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

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

同時我也將每個階段的目標、所需的工具方法、交付物總結了出來，方便大家進行有針對性的學習

1. 探索（洞察問題）

目標

• 洞察用戶需求（表層需求&深層需求）
• 了解業(yè)務需求（需求的幾種來源：高層、用戶、競品、數據、內部走查）

工具方法

問卷調研、用戶訪談、競品分析、用戶建模、用戶體驗地圖、桌面研究、焦點小組、數據分析、頭腦風暴、交互視覺走查

交付物

問卷分析報告、用戶調研報告、競品分析文檔、用戶體驗地圖、桌面研究報告、數據分析報告、交互走查報告

2. 定義（定義關鍵問題、定義業(yè)務和設計目標）

目標

• 將問題收攏聚焦關鍵問題
• 定義業(yè)務目標和設計目標

工具方法

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

交付物

• 問題總結文檔

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

目標

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

工具方法

• 頭腦風暴
• 競品分析

交付物

• 頭腦風暴記錄文檔
• 競品分析文檔

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

目標

• 篩選最佳的解決方案
• 將解決方案制作成交互原型
• 產出視覺方案
• 設計評審，打磨方案

工具方法

• 方案篩選（實現成本&用戶成本）
• 交互5要素
• 情緒版
• 形、色、質、構、質
• 柵格

交付物

• UE（信息架構圖、交互原型圖）
• UI（UI設計稿、動效設計、IP形象設計、規(guī)范系統(tǒng)、控件系統(tǒng)、圖標系統(tǒng)、插畫系統(tǒng)）

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

目標

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

工具方法

暫無

交付物

• 交互設計文檔
• UI設計文檔（UI設計稿、切圖文件、標注文件）
• 動效文檔（動效標注、json代碼）

6. 驗證（驗證設計方案的效果）

目標

• 驗證設計效果

工具方法

• 問卷調研
• 用戶訪談
• 數據分析

交付物

• 問卷分析報告
• 用戶調研報告
• 數據分析報告

05 總結

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

作者：饅頭UX，公眾號：饅頭UX

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

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