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

UI設(shè)計師正在面臨著2大困境岭妖,第一大困境就是有太多的知識觀點需要學習儡陨,第二大困境是不知道如何去將這些知識進行取舍和歸納


設(shè)計師面臨的知識困境

網(wǎng)絡(luò)上碎片化的知識越來越多萝喘,UI設(shè)計師正在面臨著2大困境习瑰,第一大困境就是有太多的知識觀點需要學習实抡,第二大困境是不知道如何去將這些知識進行取舍和歸納肃晚,各大設(shè)計平臺寫設(shè)計流程的文章也是多如牛毛锚贱,而這些文章的共同點都基本上是在Design Thinking的模型之下進行演進和變化的,而如果仔細分析和觀察关串,你會發(fā)現(xiàn)他們的共同點和差別拧廊,只有了解這2點监徘,才能夠幫助我們更好的學習設(shè)計流程。

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

一卦绣、設(shè)計思維

設(shè)計是一種基于解決方案的解決問題的設(shè)計方法,在“設(shè)計思維(Design Thinking)”在被不同的學者提出之后耐量,IDEO是第一家將設(shè)計思維應(yīng)用于商業(yè)問題的解決之中。IDEO的創(chuàng)始人滤港,David Kelley廊蜒,后來又在美國斯坦福大學創(chuàng)建了著名D.School,斯坦福設(shè)計學院溅漾。設(shè)計思維強調(diào)以人為本的設(shè)計思想山叮,它需要花費更長的時間做觀察、訪談來深入理解用戶添履,對解決未定義或未知的復(fù)雜問題極其有用屁倔。它主要分為5個步驟:

1、同理心(Empathy):收集對象的真實需求

2暮胧、定義(Define):分析收集到的各種需求锐借,提煉要解決的問題

3、頭腦風暴(Ideate):打開腦洞往衷,創(chuàng)意點子越多越好

4钞翔、原型制作(Phototype):把腦子中的想法動手制作出來

5、測試(Test):優(yōu)化解決方案

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

二布轿、設(shè)計沖刺

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

1萝毛、理解(Understand):理解目標

2、定義(Define):定義問題

3本讥、發(fā)散(Diverge)探索各種解決方案

4珊泳、抉擇(Decide)找到最優(yōu)的解決方案

5、原型(Prototype)設(shè)計原型

6拷沸、驗證(Validate)驗證方案的可行性

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

三、雙鉆模型

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

1、發(fā)掘/調(diào)研(Discover /Research):洞察存在的問題 (發(fā)散過程)

2晶通、定義/歸集(Define/Synthesis):聚焦璃氢、界定要解決的問題 (聚焦過程)

3、前進/構(gòu)思(Develop/ Ideation):探索潛在的各種解決方案(發(fā)散過程)

4狮辽、交付/實現(xiàn)(Deliver /Implementation)?找到最優(yōu)的解決方案(聚焦過程)

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

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

我們?nèi)绻屑氂^察就會發(fā)現(xiàn),這3種設(shè)計方法論不變的框架都是從發(fā)現(xiàn)問題(發(fā)散喉脖、聚焦)到解決問題(發(fā)散椰苟、聚焦)的過程,其中每個環(huán)節(jié)都是從發(fā)散到聚焦树叽,圍繞這個大的框架舆蝴,我們接下來要思考的就是:

1、發(fā)現(xiàn)問題:

問題有哪些题诵?(發(fā)散)

問題這么多洁仗,哪些才是真正的問題?(聚焦)

2性锭、解決問題:

如何解決這些問題京痢?(發(fā)散)

這些解決方案,哪些是最優(yōu)可實施的篷店?(聚焦)

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

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

1你踩、探索:洞察問題(發(fā)散)

2诅岩、定義:定義關(guān)鍵問題、定義業(yè)務(wù)和設(shè)計目標(聚焦)

3带膜、發(fā)散:找到各種解決方案(發(fā)散)

4吩谦、設(shè)計:找到最優(yōu)的解決方案,進行設(shè)計執(zhí)行(聚焦)

5膝藕、交付:完備的交付文件(發(fā)散)

6式廷、驗證:驗證設(shè)計方案的效果(聚焦)

同時我也將每個階段的目標、所需的工具方法芭挽、交付物總結(jié)了出來滑废,方便大家進行有針對性的學習

探索(洞察問題)

目標

1蝗肪、洞察用戶需求(表層需求&深層需求)

2、了解業(yè)務(wù)需求

*需求的幾種來源:高層蠕趁、用戶薛闪、競品、數(shù)據(jù)俺陋、內(nèi)部走查

工具方法

問卷調(diào)研豁延、用戶訪談、競品分析倔韭、用戶建模术浪、用戶體驗地圖、桌面研究寿酌、焦點小組胰苏、數(shù)據(jù)分析、頭腦風暴醇疼、交互視覺走查

交付物

問卷分析報告硕并、用戶調(diào)研報告、競品分析文檔秧荆、用戶體驗地圖倔毙、桌面研究報告、數(shù)據(jù)分析報告乙濒、交互走查報告


定義(定義關(guān)鍵問題陕赃、定義業(yè)務(wù)和設(shè)計目標)

目標

1、將問題收攏聚焦關(guān)鍵問題

2颁股、定義業(yè)務(wù)目標和設(shè)計目標

工具方法

1么库、需求分類(卡片分類)

2、需求如何刪減(商業(yè)價值&用戶價值)

3甘有、如何制定需求的優(yōu)先級(KANO模型)

4诉儒、數(shù)據(jù)指標(GSM模型、五度模型)

5亏掀、其他(AARRR模型忱反、用戶體驗地圖)

交付物

1、問題總結(jié)文檔


發(fā)散(找到各種解決方案)

目標

1滤愕、收集盡可能多的有效温算、優(yōu)質(zhì)解決方案

工具方法

1、頭腦風暴

2该互、競品分析

交付物

1米者、頭腦風暴記錄文檔

2、競品分析文檔


設(shè)計(找到最優(yōu)的解決方案,進行設(shè)計執(zhí)行)

目標

1蔓搞、篩選最佳的解決方案

2胰丁、將解決方案制作成交互原型

3、產(chǎn)出視覺方案

4喂分、設(shè)計評審锦庸,打磨方案

工具方法

1、方案篩選(實現(xiàn)成本&用戶成本)

2蒲祈、交互5要素

3甘萧、情緒版

4、形梆掸、色扬卷、質(zhì)、構(gòu)酸钦、質(zhì)

5怪得、柵格

交付物

1、UE(信息架構(gòu)圖卑硫、交互原型圖)

2徒恋、UI(UI設(shè)計稿、動效設(shè)計欢伏、IP形象設(shè)計入挣、規(guī)范系統(tǒng)、控件系統(tǒng)硝拧、圖標系統(tǒng)径筏、插畫系統(tǒng))


交付(完備的交付文件)

目標

1、配合開發(fā)交付全面的設(shè)計文件

工具方法

暫無

交付物

1障陶、交互設(shè)計文檔

2匠璧、UI設(shè)計文檔(UI設(shè)計稿、切圖文件咸这、標注文件)

3、動效文檔(動效標注魔眨、json代碼)


驗證(驗證設(shè)計方案的效果)

目標

1媳维、驗證設(shè)計效果

工具方法

1、問卷調(diào)研

2遏暴、用戶訪談

3侄刽、數(shù)據(jù)分析

交付物

1、問卷分析報告

2朋凉、用戶調(diào)研報告

3州丹、數(shù)據(jù)分析報告

總結(jié)

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

微信搜索公眾號:饅頭UX , 構(gòu)建完整的知識體系

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末柠辞,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子主胧,更是在濱河造成了極大的恐慌叭首,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,718評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件踪栋,死亡現(xiàn)場離奇詭異焙格,居然都是意外死亡,警方通過查閱死者的電腦和手機夷都,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,683評論 3 385
  • 文/潘曉璐 我一進店門眷唉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人损肛,你說我怎么就攤上這事厢破。” “怎么了治拿?”我有些...
    開封第一講書人閱讀 158,207評論 0 348
  • 文/不壞的土叔 我叫張陵摩泪,是天一觀的道長。 經(jīng)常有香客問我劫谅,道長见坑,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,755評論 1 284
  • 正文 為了忘掉前任捏检,我火速辦了婚禮荞驴,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘贯城。我一直安慰自己熊楼,他們只是感情好,可當我...
    茶點故事閱讀 65,862評論 6 386
  • 文/花漫 我一把揭開白布能犯。 她就那樣靜靜地躺著鲫骗,像睡著了一般。 火紅的嫁衣襯著肌膚如雪踩晶。 梳的紋絲不亂的頭發(fā)上执泰,一...
    開封第一講書人閱讀 50,050評論 1 291
  • 那天,我揣著相機與錄音渡蜻,去河邊找鬼术吝。 笑死计济,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的排苍。 我是一名探鬼主播沦寂,決...
    沈念sama閱讀 39,136評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼纪岁!你這毒婦竟也來了凑队?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,882評論 0 268
  • 序言:老撾萬榮一對情侶失蹤幔翰,失蹤者是張志新(化名)和其女友劉穎漩氨,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體遗增,經(jīng)...
    沈念sama閱讀 44,330評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡叫惊,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,651評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了做修。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片霍狰。...
    茶點故事閱讀 38,789評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖饰及,靈堂內(nèi)的尸體忽然破棺而出蔗坯,到底是詐尸還是另有隱情,我是刑警寧澤燎含,帶...
    沈念sama閱讀 34,477評論 4 333
  • 正文 年R本政府宣布宾濒,位于F島的核電站,受9級特大地震影響屏箍,放射性物質(zhì)發(fā)生泄漏绘梦。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,135評論 3 317
  • 文/蒙蒙 一赴魁、第九天 我趴在偏房一處隱蔽的房頂上張望卸奉。 院中可真熱鬧,春花似錦颖御、人聲如沸榄棵。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,864評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽秉继。三九已至,卻和暖如春泽铛,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背辑鲤。 一陣腳步聲響...
    開封第一講書人閱讀 32,099評論 1 267
  • 我被黑心中介騙來泰國打工盔腔, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 46,598評論 2 362
  • 正文 我出身青樓弛随,卻偏偏與公主長得像瓢喉,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子舀透,可洞房花燭夜當晚...
    茶點故事閱讀 43,697評論 2 351

推薦閱讀更多精彩內(nèi)容