5個(gè)步驟,教你從0開(kāi)始制作UX作品集

0 評(píng)論 16713 瀏覽 59 收藏 18 分鐘

對(duì)于設(shè)計(jì)師來(lái)說(shuō),一個(gè)能突出設(shè)計(jì)過(guò)程和過(guò)去工作的作品集可以很好的向別人展示自己,創(chuàng)建用戶(hù)體驗(yàn)作品集的過(guò)程也可以使你反思自己的技能和成果。本文將指導(dǎo)你完成一個(gè)UX設(shè)計(jì)作品集的創(chuàng)建,該作品集包含你的整個(gè)UX設(shè)計(jì)過(guò)程,而不僅僅是最終亮眼的效果圖。

“設(shè)計(jì)師”這個(gè)詞有很多不同的含義,設(shè)計(jì)師的角色伴隨著許多不同的技能和責(zé)任。UX設(shè)計(jì)作品集展示他們的所有者:擅長(zhǎng)的領(lǐng)域、優(yōu)勢(shì),他們的工作流程,以及他們的設(shè)計(jì)風(fēng)格。關(guān)于設(shè)計(jì)作品集的一個(gè)常見(jiàn)誤區(qū)是,它們只能由最終的UI設(shè)計(jì)和屏幕截圖組成。

01 招聘經(jīng)理在從作品集中尋找什么?

作為我們當(dāng)前對(duì)用戶(hù)體驗(yàn)職業(yè)研究的一部分,我們調(diào)查了204名負(fù)責(zé)招聘的用戶(hù)體驗(yàn)專(zhuān)業(yè)人士,了解他們?cè)谧髌芳袑ふ沂裁?。以下是他們提到的一些事情?/p>

  • “向我展示你是如何從一個(gè)機(jī)會(huì)開(kāi)始,并為用戶(hù)和公司創(chuàng)造真正的價(jià)值的?!?/li>
  • “我很想知道設(shè)計(jì)中沒(méi)有什么以及為什么,就像我想知道為什么某些元素被采用一樣。”
  • “不要只給我看成品。我希望能看到雜亂的過(guò)程以及為了最終優(yōu)秀的成果而進(jìn)行的所有工作和研究。告訴我你試圖解決的問(wèn)題、你擔(dān)任的角色、受到的限制、項(xiàng)目時(shí)間、版本之間的變化,以及所做的研究是如何為設(shè)計(jì)提供依據(jù)的?!?/li>

作品集的“用戶(hù)”將是招聘經(jīng)理、招聘專(zhuān)員或其他UX專(zhuān)業(yè)人士,因此你的作品集必須能吸引到這些不同的人群。思考你想要展示哪些功能,以及每個(gè)群體如何理解這些信息。招聘經(jīng)理很少會(huì)花時(shí)間逐字閱讀你的整個(gè)作品集——這也是為什么你的作品集應(yīng)該是可掃描的、而不要包含那些不必要的細(xì)節(jié)的原因之一。

在設(shè)計(jì)作品集之前,先確定你想傳達(dá)的信息。關(guān)于你和你的作品集,最值得讀者關(guān)注的三個(gè)點(diǎn)是什么?當(dāng)你的作品集完成的時(shí)候,再重新考慮這個(gè)問(wèn)題,以確保你達(dá)到了目標(biāo)。

02 制作作品集

第一步:盤(pán)點(diǎn)所有項(xiàng)目

用戶(hù)體驗(yàn)專(zhuān)業(yè)人員從事多種類(lèi)型的項(xiàng)目和任務(wù)。因此,可能很難縮小作品集的范圍。第一步就是清點(diǎn)你曾經(jīng)做過(guò)的項(xiàng)目。

你需要通過(guò)多種類(lèi)型工作來(lái)展示你的專(zhuān)業(yè)。為此,請(qǐng)回顧所有項(xiàng)目,并先問(wèn)自己以下幾個(gè)問(wèn)題:

  • 我最擅長(zhǎng)什么?
  • 我最喜歡的用戶(hù)研究方法是什么?
  • 我和其他設(shè)計(jì)師的區(qū)別是什么?
  • 我為哪些項(xiàng)目帶來(lái)了最大的價(jià)值?
  • 我從哪些項(xiàng)目中學(xué)到的最多?
  • 關(guān)于我所做的工作,我能講些什么有趣的故事呢?

優(yōu)先考慮與你正在尋找的工作相匹配的項(xiàng)目。

當(dāng)你在找一份新工作時(shí),根據(jù)你想要完成的工作職責(zé)來(lái)調(diào)整你的項(xiàng)目選擇。例如,如果你很喜歡原型設(shè)計(jì),請(qǐng)展示您在其中做原型設(shè)計(jì)的項(xiàng)目以及它們是如何使最終結(jié)果受益的。你不想向別人展示自己不喜歡做的工作,因此請(qǐng)確保避免添加與您的未來(lái)職業(yè)規(guī)劃目標(biāo)不符的項(xiàng)目。

第二步:選擇3-5個(gè)項(xiàng)目作為詳細(xì)的案例研究

把你的作品放在一起時(shí),最好遵循質(zhì)量高于數(shù)量的原則。由于招聘經(jīng)理沒(méi)有太多的時(shí)間專(zhuān)注于每個(gè)應(yīng)聘者的作品集,所以最好從第一步列出的優(yōu)先順序列表中選擇一些你認(rèn)為最好的項(xiàng)目來(lái)展示。你選擇的項(xiàng)目應(yīng)該與工作描述中描述的工作內(nèi)容一致。

你所包含在作品集中的項(xiàng)目數(shù)量本身并不重要。重要的是,你的作品集能展示各種各樣的工作和技能——因此,如果你對(duì)某些大項(xiàng)目做出了實(shí)質(zhì)性的貢獻(xiàn),那么就要著重強(qiáng)調(diào)你參與過(guò)的許多不同的工作內(nèi)容。

除了每個(gè)項(xiàng)目的視覺(jué)效果圖之外,創(chuàng)建一個(gè)案例研究,其中包括以下信息:

(1)您必須解決的問(wèn)題或?yàn)榻鉀Q該問(wèn)題而提出的假設(shè)

示例:我們的應(yīng)用程序獲得負(fù)面評(píng)價(jià),因?yàn)橛脩?hù)沒(méi)有在網(wǎng)站上收到有關(guān)新訂單的提醒通知。根據(jù)評(píng)論的內(nèi)容,我們可以作出假設(shè) — 用戶(hù)不知道他們可以在應(yīng)用程序中進(jìn)行“通知設(shè)置”。

(2)您在項(xiàng)目中的特定角色以及與他人的合作方式

示例:我是團(tuán)隊(duì)中唯一的UX設(shè)計(jì)師,該團(tuán)隊(duì)由三名開(kāi)發(fā)人員,一名產(chǎn)品負(fù)責(zé)人,一名項(xiàng)目管理和一名質(zhì)量工程師組成。我負(fù)責(zé)確定項(xiàng)目的總體設(shè)計(jì)方向,同時(shí)與團(tuán)隊(duì)中的其他成員一起進(jìn)行構(gòu)思。

(3)您是如何提出建議的解決方案的

示例:可用性測(cè)試表明,用戶(hù)沒(méi)有意識(shí)到他們可以調(diào)整其“通知設(shè)置”。我們決定將“通知設(shè)置”設(shè)計(jì)在網(wǎng)站的導(dǎo)航中,使其更加突出。

(4)您提出的解決方案是如何解決問(wèn)題的

示例:我們針對(duì)新的設(shè)計(jì),組織了一次與之前相同的可用性測(cè)試。與上一輪測(cè)試相比,發(fā)現(xiàn)可用性有所提高。用戶(hù)能夠調(diào)整其通知設(shè)置,從而使他們可以更方便的訪(fǎng)問(wèn)收到新的訂單提醒通知。

(5)您所面臨的挑戰(zhàn),包括最終沒(méi)有采納的設(shè)計(jì)方案

示例:在構(gòu)思期間,我們輸出了幾種不同的設(shè)計(jì)方案,這些設(shè)計(jì)方案最終并未完全滿(mǎn)足用戶(hù)的需求。我們其中一個(gè)設(shè)計(jì)方案原型在用戶(hù)登錄時(shí)以模態(tài)彈窗的方式顯示了通知設(shè)置,但是它引起了用戶(hù)的挫敗感,用戶(hù)必須先關(guān)閉它才能繼續(xù)進(jìn)行原來(lái)的任務(wù)。

(6)項(xiàng)目是如何影響用戶(hù)和業(yè)務(wù)的

示例:由于用戶(hù)現(xiàn)在可以打開(kāi)新訂單通知提醒,因此銷(xiāo)售額增長(zhǎng)了15%。我們的APP正在往成功的方向前進(jìn),用戶(hù)的滿(mǎn)意度調(diào)查得分也有所提高。

(7)你學(xué)到了什么

示例:由于這個(gè)項(xiàng)目,我們意識(shí)到了原型測(cè)試對(duì)于探索新設(shè)計(jì)概念的重要性。它使我們?cè)谕度腴_(kāi)發(fā)工作之前測(cè)試新的設(shè)計(jì)概念,以確保是可行的解決方案。

這些案例研究應(yīng)以便于瀏覽和易于理解的方式展示。包括描述方案的相關(guān)照片和截圖,包括早期草圖、白板、研究文檔或最終效果圖。

請(qǐng)記住,最終的效果圖或屏幕截圖僅是整個(gè)案例的一部分。招聘經(jīng)理想要了解您的工作方式,讓他們了解您的工作流程,將有助于他們?cè)O(shè)想你如何與他們的團(tuán)隊(duì)融為一體。

第三步:選擇展示作品的形式

不管是以何種形式,你的作品集都應(yīng)該是在講述一個(gè)故事。同時(shí)將文本與視覺(jué)效區(qū)果分開(kāi),并明確區(qū)分各個(gè)項(xiàng)目。

設(shè)計(jì)師的作品集通常有三種常見(jiàn)的格式:

(1)基于Web網(wǎng)站的作品集

基于Web網(wǎng)站的作品集是指一個(gè)可以展示你作品的網(wǎng)站或線(xiàn)上的作品。這是設(shè)計(jì)師最常見(jiàn)的展示作品的形式。這種形式下的作品集不應(yīng)過(guò)于華麗,內(nèi)容應(yīng)該是重點(diǎn),網(wǎng)站應(yīng)該易于瀏覽和使用。

典型的基于Web的作品集有某種形式的導(dǎo)航欄以及一系列的項(xiàng)目。用戶(hù)可以單獨(dú)單擊每個(gè)項(xiàng)目以了解更多信息。

(2)PPT/PDF

另一種比較流行的作品集的展示形式是PPT或PDF,它也可以作為項(xiàng)目的演示。當(dāng)創(chuàng)建一個(gè)作品集時(shí),保存一個(gè)包含所有項(xiàng)目的PDF或PPT,這樣你就可以根據(jù)你想要申請(qǐng)的工作或你想突出的技能來(lái)隱藏和顯示項(xiàng)目。

基于PPT保存PDF文檔,可以輸出不同的項(xiàng)目顯示給不同受眾。只需隱藏與所要申請(qǐng)的工作無(wú)關(guān)的項(xiàng)目即可。

(3)實(shí)物作品集

實(shí)物作品集在印刷設(shè)計(jì)師中更為常見(jiàn),但是您可以將設(shè)計(jì)過(guò)程中使用的實(shí)物(例如草圖或紙質(zhì)原型)帶入面試。將您的實(shí)體作品與基于Web的文檔或PDF的文檔相結(jié)合,以便招聘經(jīng)理可以在面試時(shí)更深入的了解你的工作內(nèi)容。

實(shí)物作品可以顯示粗略的草圖和流程圖,包括未用于最終產(chǎn)品的設(shè)計(jì)方案。

在決定用哪種格式時(shí),先問(wèn)自己以下幾個(gè)問(wèn)題:

  • 招聘經(jīng)理是否指定要哪種格式?
  • 完成此格式的作品集要耗費(fèi)多少成本?
  • 制作作品集所使用的軟件我了解多少?

如果仍然不能得到明確的答案,下面列出了一些這幾個(gè)格式的利弊可供參考。

第四步:創(chuàng)建作品集

現(xiàn)在已經(jīng)為項(xiàng)目和格式制定好了計(jì)劃,可以開(kāi)始將所有內(nèi)容放在一起了。無(wú)論選擇哪種格式,都要?jiǎng)?chuàng)建一個(gè)需要遵循的基本模板,以使所有項(xiàng)目看起來(lái)具有凝聚力。

UX設(shè)計(jì)作品集基本組件的示例模板:標(biāo)題頁(yè),項(xiàng)目介紹,帶標(biāo)題和介紹的圖像和上線(xiàn)成果。

第五步:獲得反饋并更新作品集

創(chuàng)建作品集后,將其發(fā)送給其他人以提供反饋。你的作品集在別人的眼里可能會(huì)出現(xiàn)拼寫(xiě)或語(yǔ)法錯(cuò)誤,內(nèi)容混淆以及格式的整體可用性等問(wèn)題。

在與招聘經(jīng)理進(jìn)行面談時(shí),請(qǐng)注意與他們產(chǎn)生共鳴的地方以及尚不清楚的地方,然后更新你的作品集。

當(dāng)你在未來(lái)的新項(xiàng)目中工作時(shí),記得保存所有工件或過(guò)程文檔,以便在你的作品集中當(dāng)作案例。你的作品集應(yīng)該是一項(xiàng)永遠(yuǎn)在進(jìn)行中的項(xiàng)目,這些小細(xì)節(jié)可以使作品集的更新變得更加簡(jiǎn)單和高效。

03 面臨的障礙

“我的工作是根據(jù)保密協(xié)議(NDA)進(jìn)行的?!?/h3>

在進(jìn)行UX工作時(shí),保密協(xié)議很常見(jiàn) — 在進(jìn)行政府項(xiàng)目時(shí)更是如此。這些合同禁止您顯示有關(guān)公司、用戶(hù)或項(xiàng)目詳情等的標(biāo)識(shí)性信息。在制作作品集時(shí),這些注意事項(xiàng)讓人很無(wú)奈,但是有一些方法可以在不違反NDA的情況下來(lái)展示你的作品。

(1)顯示過(guò)程圖像

與其展示優(yōu)美的UI效果圖和顯示公司特定信息的視覺(jué)設(shè)計(jì)方案,不如展示這些項(xiàng)目的流程。通過(guò)草圖或黑白線(xiàn)框突出溝通技巧,例如研討會(huì)或早期的設(shè)計(jì)概念。

研討會(huì)照片使面試官可以洞悉您的設(shè)計(jì)過(guò)程。

(2)模糊處理信息

如果您要顯示線(xiàn)框或原型,請(qǐng)模糊識(shí)別信息。(對(duì)于顯示財(cái)務(wù)或醫(yī)療信息等的應(yīng)用程序,模糊關(guān)鍵信息尤其重要。)

模糊姓名和聯(lián)系信息之類(lèi)的個(gè)人信息可保護(hù)個(gè)人隱私,同時(shí)仍可讓您展示自己的設(shè)計(jì)。

(3)使它通用

使用不同的樣式重新設(shè)計(jì)你的作品。盡管此方法很耗時(shí),但可以確保你不會(huì)使用容易被識(shí)別的品牌顏色或樣式。

刪除公司徽標(biāo),更改品牌,并更新內(nèi)容信息,以便在不損害公司信息的情況下顯示布局和設(shè)計(jì)。

“我沒(méi)有太多時(shí)間,我應(yīng)該專(zhuān)注于什么?”

如果你沒(méi)有充足的時(shí)間,但仍然想產(chǎn)生巨大的影響,那就專(zhuān)注于一兩個(gè)項(xiàng)目,你必須在有限的項(xiàng)目里融入各種各樣的用戶(hù)體驗(yàn)和設(shè)計(jì)技能。這些項(xiàng)目案例需要很深入,并能顯示你的多才多藝。

“我有很棒的想法/設(shè)計(jì),但從未實(shí)現(xiàn)?!?/h3>

作為設(shè)計(jì)師,我們經(jīng)常會(huì)為一個(gè)需求做出很多候選解決方案,最終只會(huì)選擇一個(gè)。在此過(guò)程中,許多偉大的想法留在了草稿箱里。在編寫(xiě)項(xiàng)目案例研究時(shí),請(qǐng)將候選解決方案囊括在哪并解釋設(shè)計(jì)背后的思考過(guò)程。招聘經(jīng)理希望知道您可以應(yīng)對(duì)挑戰(zhàn)和限制,并且可以向他們展示您是工作生活在現(xiàn)實(shí)中,而不是理想的世界。

“我是學(xué)生?!?/h3>

第一份工作是最難??獲得的。如果你能展示的只有學(xué)生項(xiàng)目,那么很難提供引人注目的設(shè)計(jì)作品集。我們強(qiáng)烈建議你去公司實(shí)習(xí),以便至少可以展示一個(gè)真實(shí)的項(xiàng)目。

做任何設(shè)計(jì)的關(guān)鍵因素是處理約束限制的能力。學(xué)生項(xiàng)目通常具有虛構(gòu)的約束(包括虛構(gòu)的用戶(hù)和角色),這樣無(wú)法證明你為現(xiàn)實(shí)世界設(shè)計(jì)的能力。如果你仍在從事學(xué)生項(xiàng)目,請(qǐng)選擇與業(yè)務(wù)相關(guān)(即會(huì)賺錢(qián))和實(shí)際約束的項(xiàng)目。如果你已經(jīng)做完了,請(qǐng)至少在你的作品集中描述并承認(rèn)學(xué)生項(xiàng)目中那些不切實(shí)際的要素,以使面試官們不會(huì)得出你沒(méi)有任何經(jīng)驗(yàn)的結(jié)論。

結(jié)論

作品集永遠(yuǎn)是設(shè)計(jì)師職業(yè)歷程的一部分。創(chuàng)建一個(gè)能展示你優(yōu)勢(shì)的作品集,以吸引你的受眾,這將幫助你找到下一份用戶(hù)體驗(yàn)設(shè)計(jì)工作。創(chuàng)建作品集的行為還能使你確定你的技能和成就,同時(shí)反思你將來(lái)想要做的工作。

  • 專(zhuān)業(yè)、專(zhuān)業(yè)、專(zhuān)業(yè)
  • 展示真實(shí)的作品,即使不夠整潔
  • 強(qiáng)調(diào)與團(tuán)隊(duì)的合作
  • 思考一下你是誰(shuí),以及你想去哪里

 

原文地址:https://www.nngroup.com/articles/ux-design-portfolios/

原文作者:雷切爾·克勞斯(Rachel Krause)

本文由 @Henry-Lee 翻譯發(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. 目前還沒(méi)評(píng)論,等你發(fā)揮!