如何運(yùn)用設(shè)計(jì)思維構(gòu)建 UI 作品集?

2 評(píng)論 7373 瀏覽 66 收藏 14 分鐘

設(shè)計(jì)思維是一個(gè)以人為中心的設(shè)計(jì)過(guò)程,最終目標(biāo)是設(shè)計(jì)一種滿足,可行性的解決方案。設(shè)計(jì)思維5階段包括移情、定義、概念、原型、測(cè)試,構(gòu)建作品集需要將5階段貫穿始末。

注:本人只針對(duì)使用設(shè)計(jì)思維方法論探索作品集思考路徑,視覺(jué)技巧請(qǐng)繞道!本文涉及的圖片均是作者輸出,請(qǐng)勿使用圖片做他用!本文所涉及的DT理論背書(shū)來(lái)自D.School.

01 移情用戶

移情階段就是建立同理心,通過(guò)了解用戶及用戶痛點(diǎn),尋找機(jī)會(huì)點(diǎn)。那么作品集的用戶是誰(shuí)?你的面試官。了解用戶的需求及用戶心理是構(gòu)建作品集的思路基礎(chǔ)。如何了解?通過(guò)結(jié)合這三個(gè)要素(用戶,需求和洞察力)來(lái)梳理:

首先運(yùn)用EmpathyMap(中文名移情地圖/親和圖/同理心地圖)來(lái)構(gòu)建用戶角色。

1. 說(shuō)

  • 候選人的作品集設(shè)計(jì)思路是什么呢?
  • 候選人的作品集原創(chuàng)性在哪?
  • 候選人作品集思路梳理怎么這么不清晰?
  • 候選人在工作中的狀態(tài)是怎么樣呢?
  • 候選人在項(xiàng)目上是主導(dǎo)還是協(xié)助?
  • 候選人在項(xiàng)目中充當(dāng)?shù)慕巧鞘裁矗?/li>
  • 候選人的自我成長(zhǎng)是什么樣的?
  • 候選人分析需求解決問(wèn)題的能力如何?
  • 候選人的設(shè)計(jì)策略是什么?
  • 候選人如何驗(yàn)證設(shè)計(jì)?
  • 候選人作為設(shè)計(jì)師與別人的差異點(diǎn)在哪呢?
  • 候選人通過(guò)設(shè)計(jì)解決業(yè)務(wù)問(wèn)題帶來(lái)了什么價(jià)值?
  • 候選人的工作流程是怎樣的呢?
  • 設(shè)計(jì)師如何在項(xiàng)目上創(chuàng)新?
  • 候選人的設(shè)計(jì)成熟度;候選人的個(gè)人優(yōu)勢(shì);候選人的職業(yè)發(fā)展方向是什么呢?
  • 候選人的設(shè)計(jì)影響力是怎樣的?
  • 候選人的職業(yè)深度與廣度如何呢?

2. 做

  • 尋找候選人作品集;
  • 查閱作品集的設(shè)計(jì)思路,技巧;
  • 搜圖辨別真實(shí)性與原創(chuàng)性;
  • 背景調(diào)查;
  • 要求候選人做測(cè)試題;
  • 詢問(wèn)設(shè)計(jì)師問(wèn)題獲得判斷;
  • 多人多輪面試;
  • 判斷候選人是否適合崗位需求;
  • 查閱職業(yè)社交平臺(tái);
  • 關(guān)注候選人的微笑公眾號(hào),博客;
  • 參加候選人舉辦的workshop;
  • 查驗(yàn)候選人的學(xué)校專(zhuān)業(yè);
  • 啟動(dòng)面試流程。

3. 想

(動(dòng)機(jī),目標(biāo),需求,欲望)業(yè)務(wù)量與崗位人數(shù)不匹配,需要人員加入;尋找符合崗位要求的候選人;一個(gè)月之內(nèi)尋找到合適的候選人;每天閱讀不同背景的100+份作品集;尋找履歷真實(shí),設(shè)計(jì)思路及解決方案可行,具有原創(chuàng)性的候選人;通過(guò)查看大量作品集了解不同的方法論,設(shè)計(jì)流程在項(xiàng)目上的運(yùn)用及可能性。通過(guò)作品集的思考思維解決現(xiàn)有項(xiàng)目問(wèn)題;了解目前行業(yè)一部分設(shè)計(jì)師水準(zhǔn);到崗候選人超出預(yù)期;替換團(tuán)隊(duì)中欠佳的小伙伴;

4. 感受

微笑 ,無(wú)感 ,皺眉 ,高興 ,沮喪 ,不滿 ,哎聲 ,饒頭 ,猶豫 ,感嘆 ,贊許,肯定。

梳理完EmpathyMap后需要思考作品集如何滿足其中一些需求。尋找驅(qū)動(dòng)用戶行為和需求的潛在因素和動(dòng)機(jī)是成功設(shè)計(jì)的原因。

(1)

  • 什么:在項(xiàng)目中體現(xiàn)創(chuàng)新,方法論及梳理工作流程;
  • 如何:查看設(shè)計(jì)樣式,思考方式,設(shè)計(jì)策略,驗(yàn)證方式;
  • 為什么:尋找具備創(chuàng)新意識(shí)的,系統(tǒng)的方法論梳理運(yùn)用的設(shè)計(jì)師;

(2)

  • 什么:在項(xiàng)目中體現(xiàn)個(gè)人價(jià)值與成長(zhǎng),尋求自我差異點(diǎn);
  • 如何:查看設(shè)計(jì)師的關(guān)注點(diǎn)與積累,自我在項(xiàng)目的貢獻(xiàn);
  • 為什么:尋找具備個(gè)人沉淀,體系學(xué)習(xí),積極成長(zhǎng)的設(shè)計(jì)師;

(3)

  • 什么:在項(xiàng)目中是怎么體現(xiàn)設(shè)計(jì)價(jià)值,解決業(yè)務(wù)問(wèn)題;
  • 如何:查看作品集中設(shè)計(jì)思考及體驗(yàn)設(shè)計(jì)能力;
  • 為什么:尋找具備全局思考,關(guān)注鏈路的設(shè)計(jì)師;

通過(guò)“什么,如何,為什么”發(fā)現(xiàn)用戶的痛點(diǎn)大多來(lái)自作品集的創(chuàng)新性與設(shè)計(jì)價(jià)值方法論?!皯?yīng)聘者需要在項(xiàng)目中尋找創(chuàng)新與運(yùn)用合適方法論及梳理工作流程,解決問(wèn)題才能使作品集更具創(chuàng)新與真實(shí)性”。如何在作品集中體現(xiàn)真實(shí)感與設(shè)計(jì)創(chuàng)新性帶來(lái)的設(shè)計(jì)價(jià)值是作品集能得到青睞的一個(gè)機(jī)會(huì)。

02 定義問(wèn)題并解釋結(jié)果

在定義階段,將對(duì)用戶的觀察進(jìn)行綜合,對(duì)問(wèn)題陳述的清晰定義。問(wèn)題陳述或設(shè)計(jì)挑戰(zhàn)的定義時(shí),將大大改善設(shè)計(jì)思維過(guò)程和結(jié)果并指導(dǎo)工作朝著正確的方向啟動(dòng)過(guò)程。HMW問(wèn)題探索想法,以創(chuàng)新的方式解決設(shè)計(jì)難題。

1. H(HOW)如何

  • 我們?nèi)绾卧陧?xiàng)目中運(yùn)用設(shè)計(jì)方法論?
  • 我們?nèi)绾尾拍芴釤挸鲇写硇缘捻?xiàng)目經(jīng)歷?
  • 我們?nèi)绾尾拍苁棺髌芳袀€(gè)人特色呢?
  • 我們?nèi)绾卧谌粘9ぷ髦袑ふ以O(shè)計(jì)靈感?
  • 我們?nèi)绾问故崂砉ぷ髦械墓ぷ髁鞒蹋?/li>
  • 我們?nèi)绾卧陧?xiàng)目中創(chuàng)新?
  • 我們?nèi)绾卧陧?xiàng)目中解決問(wèn)題?
  • 我們?nèi)绾胃淖冏约旱母惺芑驊B(tài)度?
  • 我們?nèi)绾瓮ㄟ^(guò)設(shè)計(jì)帶來(lái)商業(yè)價(jià)值?
  • 我們?nèi)绾瓮ㄟ^(guò)項(xiàng)目促使個(gè)人成長(zhǎng)?
  • 我們?nèi)绾悟?yàn)證設(shè)計(jì)?
  • 我們?nèi)绾误w現(xiàn)個(gè)人價(jià)值?

2. M(Might)可能

  • 視覺(jué)風(fēng)格設(shè)定,界面設(shè)計(jì),設(shè)計(jì)系統(tǒng);
  • 關(guān)注項(xiàng)目中的解決問(wèn)題難點(diǎn)及重點(diǎn),自我對(duì)其貢獻(xiàn);
  • 梳理個(gè)人品牌,分析優(yōu)點(diǎn)及提升影響力;
  • 培養(yǎng)特有的自我感知力以獲取靈感來(lái)源;
  • 與協(xié)作團(tuán)隊(duì)溝通磨合提煉流程;
  • 創(chuàng)新的工作方法,視覺(jué)表現(xiàn);
  • 梳理問(wèn)題,尋找根源,尋找解決路徑;
  • 現(xiàn)有感受or態(tài)度帶給項(xiàng)目的影響,調(diào)整負(fù)面影響;
  • 梳理服務(wù)藍(lán)圖,明確商業(yè)價(jià)值;
  • 掌握深度與廣度,提升研究與思考能力;
  • 可用性測(cè)試;
  • 梳理自我的優(yōu)勢(shì)用于項(xiàng)目中;

3. W(We)我們

項(xiàng)目的完成是團(tuán)隊(duì)協(xié)作的結(jié)果。最佳的解決方案來(lái)自于團(tuán)隊(duì),協(xié)作共贏。

03 構(gòu)思最佳設(shè)想

通過(guò)HMW問(wèn)題探索我們獲知了大概的作品集構(gòu)建路徑,定義問(wèn)題后,將問(wèn)題應(yīng)用于價(jià)值,服務(wù),接觸點(diǎn)。運(yùn)用S-C-A-M-P-E-R優(yōu)化設(shè)計(jì)路徑。使現(xiàn)有作品集產(chǎn)生一系列新的構(gòu)思。

1. Substitute(替代)

  • 設(shè)計(jì)系統(tǒng)替代界面規(guī)范;
  • 設(shè)計(jì)協(xié)同工作流替代設(shè)計(jì)協(xié)作;
  • 設(shè)計(jì)策略替代大量視覺(jué)展示;
  • 設(shè)計(jì)技巧的成熟度替代花哨不明確的設(shè)計(jì);

2. Combine(結(jié)合)

  • 設(shè)計(jì)思維“以人為本”設(shè)計(jì)過(guò)程用于構(gòu)建作品集;
  • 將不同的視覺(jué)風(fēng)格設(shè)定方法論合并;
  • 使用所有招聘渠道以最大化作品集使用次數(shù);
  • 壓縮到適當(dāng)大小,以降低閱讀作品集消耗的時(shí)間;

3. Adapt(適應(yīng))

  • 在不同的場(chǎng)景中查看(會(huì)議/交通/電腦桌/廁所);
  • 過(guò)往的作品集可繼續(xù)使用的部分;
  • 從他人的作品集中思考方法路以及表現(xiàn)方式;
  • 適應(yīng)技術(shù)面,HR招聘流程;
  • 適應(yīng)目前招聘大環(huán)境或面試官的需求;
  • 適應(yīng)不同的設(shè)備展示;

4. Modify(修改)

  • 項(xiàng)目的方法論使用以及驗(yàn)證的方法;
  • 之前的項(xiàng)目做得不恰當(dāng)及不完整的地方;

5. Put to another use(其它用途)

  • 面試官可以從作品集中受益;
  • 同行交流,相互學(xué)習(xí);
  • 梳理完作品集的構(gòu)成可制作模版使用;
  • 有利于設(shè)計(jì)思維的熟練運(yùn)用,形成體系的思維方式;

6. Eliminate(刪除)

  • 刪除作品集只展示界面視覺(jué)的一部分;
  • 簡(jiǎn)化個(gè)人介紹,保留個(gè)人優(yōu)勢(shì)重要信息;
  • 刪除作品集中與項(xiàng)目角色無(wú)關(guān)的展示;

7. Rearrange(顛倒)

  • 復(fù)盤(pán)設(shè)計(jì),通過(guò)榮格十二品牌原型做風(fēng)格設(shè)定;
  • 反向執(zhí)行工作流程;

04 原型:繪制故事版

使用故事板可視化用戶的旅程或用戶體驗(yàn)問(wèn)題或作品集的方式繪制。嘗試想象完整的用戶體驗(yàn)后將其繪制一系列草圖。

用戶觸點(diǎn):招聘新成員需求下發(fā)——編寫(xiě)人員崗位需求——設(shè)計(jì)需求視覺(jué)——各平臺(tái)發(fā)布招聘需求——篩選作品集簡(jiǎn)歷——通過(guò)篩選——通知面試——面試中——面試完——發(fā)送offer/面試失敗——入職/結(jié)束。

構(gòu)建作品集觸點(diǎn):萌發(fā)看機(jī)會(huì)想法——篩選過(guò)往項(xiàng)目——確定代表性的項(xiàng)目作品——梳理項(xiàng)目工作流程——梳理該項(xiàng)目的設(shè)計(jì)策略及商業(yè)價(jià)值——梳理該項(xiàng)目的所使用的設(shè)計(jì)方法論及體現(xiàn)系統(tǒng)的專(zhuān)業(yè)思維——梳理設(shè)計(jì)創(chuàng)新——梳理個(gè)人成長(zhǎng)及積累帶來(lái)的優(yōu)勢(shì)——展示項(xiàng)目界面視覺(jué)效果——輸出作品集。

05 測(cè)試:收集反饋,迭代

收集反饋是設(shè)計(jì)思維過(guò)程及所有其他以人為本的設(shè)計(jì)過(guò)程中關(guān)鍵要素。作品集的測(cè)試關(guān)于用戶招募無(wú)疑就是尋求幾個(gè)業(yè)界的同行基于“我喜歡,我希望,如果發(fā)生什么”方法在測(cè)試中做出誠(chéng)實(shí)的反饋,用于改善作品集設(shè)計(jì)路徑。

用戶A

  • 我喜歡:作品集中的項(xiàng)目梳理,能清楚的明白候選人是如何進(jìn)行設(shè)計(jì)的,解決了哪些問(wèn)題,面對(duì)有一些難度的工作時(shí),個(gè)人快速的成長(zhǎng)。
  • 我希望:在方法論上多磨,多在不同的項(xiàng)目上使用,使更加成熟。
  • 如果發(fā)生什么?如果一些業(yè)務(wù)方向或者視覺(jué)風(fēng)格是不擅長(zhǎng)的,你該如何做?

用戶B

  • 我喜歡:候選人的個(gè)人成長(zhǎng)和沉淀,梳理了專(zhuān)業(yè)類(lèi)的理論并運(yùn)用在項(xiàng)目上;
  • 我希望:知識(shí)面更廣,保持積極了解前瞻性;
  • 如果發(fā)生什么?如何行業(yè)大咖的分享與業(yè)務(wù)時(shí)間沖突,改怎么做呢?

用戶C

  • 我喜歡:候選人在工作流程,專(zhuān)業(yè)領(lǐng)域的創(chuàng)新;
  • 我希望:保持對(duì)于設(shè)計(jì)的熱愛(ài)和工作的積極性;
  • 如果發(fā)生什么?你的創(chuàng)新不被同事/行業(yè)認(rèn)可,你會(huì)怎么辦?

針對(duì)反饋進(jìn)行分析現(xiàn)有作品集的不足,結(jié)合現(xiàn)有的項(xiàng)目考慮建議。構(gòu)建作品集其實(shí)也是對(duì)于項(xiàng)目的復(fù)盤(pán)以及對(duì)于自我的價(jià)值驗(yàn)證。設(shè)計(jì)思維提供了多樣的方法論圍繞用戶展開(kāi),移情階段是基礎(chǔ)核心的,若能更細(xì)化用戶行為將利于定義與構(gòu)思,若條件允許可進(jìn)行workshop梳理用戶需求獲知痛點(diǎn),從而更完整作品集路徑。

 

作者:Emilychen;公眾號(hào):Design Thinker,UIUX設(shè)計(jì)師,從業(yè)6年+,關(guān)注設(shè)計(jì)思維及實(shí)踐,核心宗旨:設(shè)計(jì)思維驅(qū)動(dòng)下的設(shè)計(jì)沉淀。

本文由 @Emily 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash,基于CC0協(xié)議。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 滿滿的方法論運(yùn)用啊

    來(lái)自北京 回復(fù)
  2. 沙發(fā)???

    來(lái)自湖北 回復(fù)