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)建完整的知識體系