起點(diǎn)課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識如何運(yùn)用設(shè)計思維構(gòu)建 UI 作品集？
設(shè)計思維是一個以人為中心的設(shè)計過程，最終目標(biāo)是設(shè)計一種滿足，可行性的解決方案。設(shè)計思維5階段包括移情、定義、概念、原型、測試，構(gòu)建作品集需要將5階段貫穿始末。
注：本人只針對使用設(shè)計思維方法論探索作品集思考路徑，視覺技巧請繞道！本文涉及的圖片均是作者輸出，請勿使用圖片做他用！本文所涉及的DT理論背書來自D.School.
01 移情用戶
移情階段就是建立同理心，通過了解用戶及用戶痛點(diǎn)，尋找機(jī)會點(diǎn)。那么作品集的用戶是誰？你的面試官。了解用戶的需求及用戶心理是構(gòu)建作品集的思路基礎(chǔ)。如何了解？通過結(jié)合這三個要素（用戶，需求和洞察力）來梳理：
首先運(yùn)用EmpathyMap（中文名移情地圖/親和圖/同理心地圖）來構(gòu)建用戶角色。
1. 說
- 候選人的作品集設(shè)計思路是什么呢？
- 候選人的作品集原創(chuàng)性在哪？
- 候選人作品集思路梳理怎么這么不清晰？
- 候選人在工作中的狀態(tài)是怎么樣呢？
- 候選人在項(xiàng)目上是主導(dǎo)還是協(xié)助？
- 候選人在項(xiàng)目中充當(dāng)?shù)慕巧鞘裁矗?/li>
- 候選人的自我成長是什么樣的？
- 候選人分析需求解決問題的能力如何？
- 候選人的設(shè)計策略是什么？
- 候選人如何驗(yàn)證設(shè)計？
- 候選人作為設(shè)計師與別人的差異點(diǎn)在哪呢？
- 候選人通過設(shè)計解決業(yè)務(wù)問題帶來了什么價值？
- 候選人的工作流程是怎樣的呢？
- 設(shè)計師如何在項(xiàng)目上創(chuàng)新？
- 候選人的設(shè)計成熟度；候選人的個人優(yōu)勢；候選人的職業(yè)發(fā)展方向是什么呢？
- 候選人的設(shè)計影響力是怎樣的？
- 候選人的職業(yè)深度與廣度如何呢？
2. 做
- 尋找候選人作品集；
- 查閱作品集的設(shè)計思路，技巧；
- 搜圖辨別真實(shí)性與原創(chuàng)性；
- 背景調(diào)查；
- 要求候選人做測試題；
- 詢問設(shè)計師問題獲得判斷；
- 多人多輪面試；
- 判斷候選人是否適合崗位需求；
- 查閱職業(yè)社交平臺；
- 關(guān)注候選人的微笑公眾號，博客；
- 參加候選人舉辦的workshop；
- 查驗(yàn)候選人的學(xué)校專業(yè)；
- 啟動面試流程。
3. 想
（動機(jī)，目標(biāo)，需求，欲望）業(yè)務(wù)量與崗位人數(shù)不匹配，需要人員加入；尋找符合崗位要求的候選人；一個月之內(nèi)尋找到合適的候選人；每天閱讀不同背景的100+份作品集；尋找履歷真實(shí)，設(shè)計思路及解決方案可行，具有原創(chuàng)性的候選人；通過查看大量作品集了解不同的方法論，設(shè)計流程在項(xiàng)目上的運(yùn)用及可能性。通過作品集的思考思維解決現(xiàn)有項(xiàng)目問題；了解目前行業(yè)一部分設(shè)計師水準(zhǔn)；到崗候選人超出預(yù)期；替換團(tuán)隊(duì)中欠佳的小伙伴；
4. 感受
微笑 ，無感 ，皺眉 ，高興 ，沮喪 ，不滿 ，哎聲 ，饒頭 ，猶豫 ，感嘆 ，贊許，肯定。
梳理完EmpathyMap后需要思考作品集如何滿足其中一些需求。尋找驅(qū)動用戶行為和需求的潛在因素和動機(jī)是成功設(shè)計的原因。
（1）
- 什么：在項(xiàng)目中體現(xiàn)創(chuàng)新，方法論及梳理工作流程；
- 如何：查看設(shè)計樣式，思考方式，設(shè)計策略，驗(yàn)證方式；
- 為什么：尋找具備創(chuàng)新意識的，系統(tǒng)的方法論梳理運(yùn)用的設(shè)計師；
（2）
- 什么：在項(xiàng)目中體現(xiàn)個人價值與成長，尋求自我差異點(diǎn)；
- 如何：查看設(shè)計師的關(guān)注點(diǎn)與積累，自我在項(xiàng)目的貢獻(xiàn)；
- 為什么：尋找具備個人沉淀，體系學(xué)習(xí)，積極成長的設(shè)計師；
（3）
- 什么：在項(xiàng)目中是怎么體現(xiàn)設(shè)計價值，解決業(yè)務(wù)問題；
- 如何：查看作品集中設(shè)計思考及體驗(yàn)設(shè)計能力；
- 為什么：尋找具備全局思考，關(guān)注鏈路的設(shè)計師；
通過“什么，如何，為什么”發(fā)現(xiàn)用戶的痛點(diǎn)大多來自作品集的創(chuàng)新性與設(shè)計價值方法論?！皯?yīng)聘者需要在項(xiàng)目中尋找創(chuàng)新與運(yùn)用合適方法論及梳理工作流程，解決問題才能使作品集更具創(chuàng)新與真實(shí)性”。如何在作品集中體現(xiàn)真實(shí)感與設(shè)計創(chuàng)新性帶來的設(shè)計價值是作品集能得到青睞的一個機(jī)會。
02 定義問題并解釋結(jié)果
在定義階段，將對用戶的觀察進(jìn)行綜合，對問題陳述的清晰定義。問題陳述或設(shè)計挑戰(zhàn)的定義時，將大大改善設(shè)計思維過程和結(jié)果并指導(dǎo)工作朝著正確的方向啟動過程。HMW問題探索想法，以創(chuàng)新的方式解決設(shè)計難題。
1. H（HOW）如何
- 我們?nèi)绾卧陧?xiàng)目中運(yùn)用設(shè)計方法論？
- 我們?nèi)绾尾拍芴釤挸鲇写硇缘捻?xiàng)目經(jīng)歷？
- 我們?nèi)绾尾拍苁棺髌芳袀€人特色呢？
- 我們?nèi)绾卧谌粘９ぷ髦袑ふ以O(shè)計靈感？
- 我們?nèi)绾问故崂砉ぷ髦械墓ぷ髁鞒蹋?/li>
- 我們?nèi)绾卧陧?xiàng)目中創(chuàng)新？
- 我們?nèi)绾卧陧?xiàng)目中解決問題？
- 我們?nèi)绾胃淖冏约旱母惺芑驊B(tài)度？
- 我們?nèi)绾瓮ㄟ^設(shè)計帶來商業(yè)價值？
- 我們?nèi)绾瓮ㄟ^項(xiàng)目促使個人成長？
- 我們?nèi)绾悟?yàn)證設(shè)計？
- 我們?nèi)绾误w現(xiàn)個人價值？
2. M（Might）可能
- 視覺風(fēng)格設(shè)定，界面設(shè)計，設(shè)計系統(tǒng)；
- 關(guān)注項(xiàng)目中的解決問題難點(diǎn)及重點(diǎn)，自我對其貢獻(xiàn)；
- 梳理個人品牌，分析優(yōu)點(diǎn)及提升影響力；
- 培養(yǎng)特有的自我感知力以獲取靈感來源；
- 與協(xié)作團(tuán)隊(duì)溝通磨合提煉流程；
- 創(chuàng)新的工作方法，視覺表現(xiàn)；
- 梳理問題，尋找根源，尋找解決路徑；
- 現(xiàn)有感受or態(tài)度帶給項(xiàng)目的影響，調(diào)整負(fù)面影響；
- 梳理服務(wù)藍(lán)圖，明確商業(yè)價值；
- 掌握深度與廣度，提升研究與思考能力；
- 可用性測試；
- 梳理自我的優(yōu)勢用于項(xiàng)目中；
3. W（We）我們
項(xiàng)目的完成是團(tuán)隊(duì)協(xié)作的結(jié)果。最佳的解決方案來自于團(tuán)隊(duì)，協(xié)作共贏。
03 構(gòu)思最佳設(shè)想
通過HMW問題探索我們獲知了大概的作品集構(gòu)建路徑，定義問題后，將問題應(yīng)用于價值，服務(wù)，接觸點(diǎn)。運(yùn)用S-C-A-M-P-E-R優(yōu)化設(shè)計路徑。使現(xiàn)有作品集產(chǎn)生一系列新的構(gòu)思。
1. Substitute（替代）
- 設(shè)計系統(tǒng)替代界面規(guī)范；
- 設(shè)計協(xié)同工作流替代設(shè)計協(xié)作；
- 設(shè)計策略替代大量視覺展示；
- 設(shè)計技巧的成熟度替代花哨不明確的設(shè)計；
2. Combine（結(jié)合）
- 設(shè)計思維“以人為本”設(shè)計過程用于構(gòu)建作品集；
- 將不同的視覺風(fēng)格設(shè)定方法論合并；
- 使用所有招聘渠道以最大化作品集使用次數(shù)；
- 壓縮到適當(dāng)大小，以降低閱讀作品集消耗的時間；
3. Adapt（適應(yīng)）
- 在不同的場景中查看（會議/交通/電腦桌/廁所）；
- 過往的作品集可繼續(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è)計思維的熟練運(yùn)用，形成體系的思維方式；
6. Eliminate（刪除）
- 刪除作品集只展示界面視覺的一部分；
- 簡化個人介紹，保留個人優(yōu)勢重要信息；
- 刪除作品集中與項(xiàng)目角色無關(guān)的展示；
7. Rearrange（顛倒）
- 復(fù)盤設(shè)計，通過榮格十二品牌原型做風(fēng)格設(shè)定；
- 反向執(zhí)行工作流程；
04 原型：繪制故事版
使用故事板可視化用戶的旅程或用戶體驗(yàn)問題或作品集的方式繪制。嘗試想象完整的用戶體驗(yàn)后將其繪制一系列草圖。
用戶觸點(diǎn)：招聘新成員需求下發(fā)——編寫人員崗位需求——設(shè)計需求視覺——各平臺發(fā)布招聘需求——篩選作品集簡歷——通過篩選——通知面試——面試中——面試完——發(fā)送offer/面試失敗——入職/結(jié)束。
構(gòu)建作品集觸點(diǎn)：萌發(fā)看機(jī)會想法——篩選過往項(xiàng)目——確定代表性的項(xiàng)目作品——梳理項(xiàng)目工作流程——梳理該項(xiàng)目的設(shè)計策略及商業(yè)價值——梳理該項(xiàng)目的所使用的設(shè)計方法論及體現(xiàn)系統(tǒng)的專業(yè)思維——梳理設(shè)計創(chuàng)新——梳理個人成長及積累帶來的優(yōu)勢——展示項(xiàng)目界面視覺效果——輸出作品集。
05 測試：收集反饋，迭代
收集反饋是設(shè)計思維過程及所有其他以人為本的設(shè)計過程中關(guān)鍵要素。作品集的測試關(guān)于用戶招募無疑就是尋求幾個業(yè)界的同行基于“我喜歡，我希望，如果發(fā)生什么”方法在測試中做出誠實(shí)的反饋，用于改善作品集設(shè)計路徑。
用戶A
- 我喜歡：作品集中的項(xiàng)目梳理，能清楚的明白候選人是如何進(jìn)行設(shè)計的，解決了哪些問題，面對有一些難度的工作時，個人快速的成長。
- 我希望：在方法論上多磨，多在不同的項(xiàng)目上使用，使更加成熟。
- 如果發(fā)生什么？如果一些業(yè)務(wù)方向或者視覺風(fēng)格是不擅長的，你該如何做？
用戶B
- 我喜歡：候選人的個人成長和沉淀，梳理了專業(yè)類的理論并運(yùn)用在項(xiàng)目上；
- 我希望：知識面更廣，保持積極了解前瞻性；
- 如果發(fā)生什么？如何行業(yè)大咖的分享與業(yè)務(wù)時間沖突，改怎么做呢？
用戶C
- 我喜歡：候選人在工作流程，專業(yè)領(lǐng)域的創(chuàng)新；
- 我希望：保持對于設(shè)計的熱愛和工作的積極性；
- 如果發(fā)生什么？你的創(chuàng)新不被同事/行業(yè)認(rèn)可，你會怎么辦？
針對反饋進(jìn)行分析現(xiàn)有作品集的不足，結(jié)合現(xiàn)有的項(xiàng)目考慮建議。構(gòu)建作品集其實(shí)也是對于項(xiàng)目的復(fù)盤以及對于自我的價值驗(yàn)證。設(shè)計思維提供了多樣的方法論圍繞用戶展開，移情階段是基礎(chǔ)核心的，若能更細(xì)化用戶行為將利于定義與構(gòu)思，若條件允許可進(jìn)行workshop梳理用戶需求獲知痛點(diǎn)，從而更完整作品集路徑。
作者：Emilychen；公眾號：Design Thinker，UIUX設(shè)計師，從業(yè)6年+，關(guān)注設(shè)計思維及實(shí)踐，核心宗旨：設(shè)計思維驅(qū)動下的設(shè)計沉淀。
本文由 @Emily 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。
題圖來自Unsplash，基于CC0協(xié)議。
滿滿的方法論運(yùn)用啊
沙發(fā)???