設(shè)計師必須要了解從0-1的設(shè)計流程

1 評論 10391 瀏覽 65 收藏 10 分鐘

編輯導(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個步驟:

  1. 同理心(Empathy):收集對象的真實需求
  2. 定義(Define):分析收集到的各種需求,提煉要解決的問題
  3. 頭腦風(fēng)暴(Ideate):打開腦洞,創(chuàng)意點子越多越好
  4. 原型制作(Phototype):把腦子中的想法動手制作出來
  5. 測試(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個步驟:

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

*圖片素材來源于網(wǎng)絡(luò),侵權(quán)請告知刪除

3. 雙鉆模型

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

  1. 發(fā)掘/調(diào)研(Discover /Research):洞察存在的問題 (發(fā)散過程)
  2. 定義/歸集(Define/Synthesis):聚焦、界定要解決的問題 (聚焦過程)
  3. 前進(jìn)/構(gòu)思(Develop/ Ideation):探索潛在的各種解決方案(發(fā)散過程)
  4. 交付/實現(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個步驟,分別為:

  1. 探索:洞察問題(發(fā)散)
  2. 定義:定義關(guān)鍵問題、定義業(yè)務(wù)和設(shè)計目標(biāo)(聚焦)
  3. 發(fā)散:找到各種解決方案(發(fā)散)
  4. 設(shè)計:找到最優(yōu)的解決方案,進(jìn)行設(shè)計執(zhí)行(聚焦)
  5. 交付:完備的交付文件(發(fā)散)
  6. 驗證:驗證設(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é)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 學(xué)習(xí)了,謝謝

    來自江蘇 回復(fù)