設(shè)計師必須要了解從0-1的設(shè)計流程
編輯導(dǎo)語:作為一個設(shè)計師,在接到需求之后,首先需要弄清楚的是產(chǎn)生需求的業(yè)務(wù)背景、產(chǎn)品目標(biāo)和用戶人群等,再開始開展設(shè)計工作。本文作者從自身工作實踐出發(fā),梳理總結(jié)了一套體系化從0-1的設(shè)計流程與思路,與大家分享。
01 設(shè)計師面臨的知識困境
網(wǎng)絡(luò)上碎片化的知識越來越多,UI設(shè)計師正在面臨著2大困境,第一大困境就是有太多的知識觀點需要學(xué)習(xí),第二大困境是不知道如何去將這些知識進(jìn)行取舍和歸納。
各大設(shè)計平臺寫設(shè)計流程的文章也是多如牛毛,而這些文章的共同點都基本上是在Design Thinking的模型之下進(jìn)行演進(jìn)和變化的,而如果仔細(xì)分析和觀察,你會發(fā)現(xiàn)他們的共同點和差別,只有了解這2點,才能夠幫助我們更好的學(xué)習(xí)設(shè)計流程。
02 3種常見的設(shè)計流程模型
1. 設(shè)計思維
設(shè)計是一種基于解決方案的解決問題的設(shè)計方法,在“設(shè)計思維(Design Thinking)”在被不同的學(xué)者提出之后,IDEO是第一家將設(shè)計思維應(yīng)用于商業(yè)問題的解決之中。
IDEO的創(chuàng)始人,David Kelley,后來又在美國斯坦福大學(xué)創(chuàng)建了著名D.School,斯坦福設(shè)計學(xué)院。設(shè)計思維強調(diào)以人為本的設(shè)計思想,它需要花費更長的時間做觀察、訪談來深入理解用戶,對解決未定義或未知的復(fù)雜問題極其有用。它主要分為5個步驟:
- 同理心(Empathy):收集對象的真實需求
- 定義(Define):分析收集到的各種需求,提煉要解決的問題
- 頭腦風(fēng)暴(Ideate):打開腦洞,創(chuàng)意點子越多越好
- 原型制作(Phototype):把腦子中的想法動手制作出來
- 測試(Test):優(yōu)化解決方案
*圖片素材來源于網(wǎng)絡(luò),侵權(quán)請告知刪除
2. 設(shè)計沖刺
設(shè)計沖刺(Design Sprint)最初起源于谷歌,融合了設(shè)計思維(Design Thinking)和敏捷開發(fā)(Agile)兩大方法論,設(shè)計沖刺更適用于已知需要解決的且較為明確的問題,它融合了敏捷開發(fā),最大的優(yōu)勢在于 5 天內(nèi)完成整個創(chuàng)新流程。它主要分為6個步驟:
- 理解(Understand):理解目標(biāo)
- 定義(Define):定義問題
- 發(fā)散(Diverge):探索各種解決方案
- 抉擇(Decide):找到最優(yōu)的解決方案
- 原型(Prototype):設(shè)計原型
- 驗證(Validate):驗證方案的可行性
*圖片素材來源于網(wǎng)絡(luò),侵權(quán)請告知刪除
3. 雙鉆模型
雙鉆模型來源于IDEO的以人為本的設(shè)計思想,以及@d.school的設(shè)計流程,“雙鉆模型”和設(shè)計思維模型一樣,需要花費更長的時間來觀察和理解用戶,對解決未定義或未知的復(fù)雜問題極其有用,一般在互聯(lián)網(wǎng)行業(yè)中使用的比較多,它分為4個步驟:
- 發(fā)掘/調(diào)研(Discover /Research):洞察存在的問題 (發(fā)散過程)
- 定義/歸集(Define/Synthesis):聚焦、界定要解決的問題 (聚焦過程)
- 前進(jìn)/構(gòu)思(Develop/ Ideation):探索潛在的各種解決方案(發(fā)散過程)
- 交付/實現(xiàn)(Deliver /Implementation) :找到最優(yōu)的解決方案(聚焦過程)
*圖片素材來源于網(wǎng)絡(luò),侵權(quán)請告知刪除
03 經(jīng)典設(shè)計模型的共性
我們?nèi)绻屑?xì)觀察就會發(fā)現(xiàn),這3種設(shè)計方法論不變的框架都是從發(fā)現(xiàn)問題(發(fā)散、聚焦)到解決問題(發(fā)散、聚焦)的過程,其中每個環(huán)節(jié)都是從發(fā)散到聚焦,圍繞這個大的框架,我們接下來要思考的就是:
(1)發(fā)現(xiàn)問題
問題有哪些?(發(fā)散)
問題這么多,哪些才是真正的問題?(聚焦)
(2)解決問題
如何解決這些問題?(發(fā)散)
這些解決方案,哪些是最優(yōu)可實施的?(聚焦)
04 我總結(jié)的設(shè)計流程
在這張圖中,我在雙鉆模型的基礎(chǔ)之上進(jìn)行演變,讓他更加匹配現(xiàn)在互聯(lián)網(wǎng)設(shè)計團(tuán)隊的需求,其中增加了一個鉆的模塊,分別為交付和驗證的環(huán)節(jié),主要原因在于現(xiàn)在的公司更加重視設(shè)計師的落地和數(shù)據(jù)分析能力。整個的設(shè)計流程分為6個步驟,分別為:
- 探索:洞察問題(發(fā)散)
- 定義:定義關(guān)鍵問題、定義業(yè)務(wù)和設(shè)計目標(biāo)(聚焦)
- 發(fā)散:找到各種解決方案(發(fā)散)
- 設(shè)計:找到最優(yōu)的解決方案,進(jìn)行設(shè)計執(zhí)行(聚焦)
- 交付:完備的交付文件(發(fā)散)
- 驗證:驗證設(shè)計方案的效果(聚焦)
同時我也將每個階段的目標(biāo)、所需的工具方法、交付物總結(jié)了出來,方便大家進(jìn)行有針對性的學(xué)習(xí)
1. 探索(洞察問題)
目標(biāo)
- 洞察用戶需求(表層需求&深層需求)
- 了解業(yè)務(wù)需求(需求的幾種來源:高層、用戶、競品、數(shù)據(jù)、內(nèi)部走查)
工具方法
問卷調(diào)研、用戶訪談、競品分析、用戶建模、用戶體驗地圖、桌面研究、焦點小組、數(shù)據(jù)分析、頭腦風(fēng)暴、交互視覺走查
交付物
問卷分析報告、用戶調(diào)研報告、競品分析文檔、用戶體驗地圖、桌面研究報告、數(shù)據(jù)分析報告、交互走查報告
2. 定義(定義關(guān)鍵問題、定義業(yè)務(wù)和設(shè)計目標(biāo))
目標(biāo)
- 將問題收攏聚焦關(guān)鍵問題
- 定義業(yè)務(wù)目標(biāo)和設(shè)計目標(biāo)
工具方法
- 需求分類(卡片分類)
- 需求如何刪減(商業(yè)價值&用戶價值)
- 如何制定需求的優(yōu)先級(KANO模型)
- 數(shù)據(jù)指標(biāo)(GSM模型、五度模型)
- 其他(AARRR模型、用戶體驗地圖)
交付物
- 問題總結(jié)文檔
3. 發(fā)散(找到各種解決方案)
目標(biāo)
- 收集盡可能多的有效、優(yōu)質(zhì)解決方案
工具方法
- 頭腦風(fēng)暴
- 競品分析
交付物
- 頭腦風(fēng)暴記錄文檔
- 競品分析文檔
4. 設(shè)計(找到最優(yōu)的解決方案,進(jìn)行設(shè)計執(zhí)行)
目標(biāo)
- 篩選最佳的解決方案
- 將解決方案制作成交互原型
- 產(chǎn)出視覺方案
- 設(shè)計評審,打磨方案
工具方法
- 方案篩選(實現(xiàn)成本&用戶成本)
- 交互5要素
- 情緒版
- 形、色、質(zhì)、構(gòu)、質(zhì)
- 柵格
交付物
- UE(信息架構(gòu)圖、交互原型圖)
- UI(UI設(shè)計稿、動效設(shè)計、IP形象設(shè)計、規(guī)范系統(tǒng)、控件系統(tǒng)、圖標(biāo)系統(tǒng)、插畫系統(tǒng))
5. 交付(完備的交付文件)
目標(biāo)
- 配合開發(fā)交付全面的設(shè)計文件
工具方法
暫無
交付物
- 交互設(shè)計文檔
- UI設(shè)計文檔(UI設(shè)計稿、切圖文件、標(biāo)注文件)
- 動效文檔(動效標(biāo)注、json代碼)
6. 驗證(驗證設(shè)計方案的效果)
目標(biāo)
- 驗證設(shè)計效果
工具方法
- 問卷調(diào)研
- 用戶訪談
- 數(shù)據(jù)分析
交付物
- 問卷分析報告
- 用戶調(diào)研報告
- 數(shù)據(jù)分析報告
05 總結(jié)
這是饅頭根據(jù)自身多年的工作經(jīng)驗總結(jié)出來的設(shè)計流程,每家公司根據(jù)本身的特點可能會有些許差異,歡迎大家一起進(jìn)行補充和交流。這個設(shè)計流程能夠幫助我們看到設(shè)計全貌,知道自己所處的環(huán)節(jié),知道自己需要補全哪些知識。
作者:饅頭UX,公眾號:饅頭UX
本文由 @饅頭UX 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自pexels,基于CC0協(xié)議
學(xué)習(xí)了,謝謝