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

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

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

作為我們當(dāng)前對用戶體驗職業(yè)研究的一部分，我們調(diào)查了204名負(fù)責(zé)招聘的用戶體驗專業(yè)人士，了解他們在作品集中尋找什么。以下是他們提到的一些事情：

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

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

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

02 制作作品集

第一步：盤點所有項目

用戶體驗專業(yè)人員從事多種類型的項目和任務(wù)。因此，可能很難縮小作品集的范圍。第一步就是清點你曾經(jīng)做過的項目。

你需要通過多種類型工作來展示你的專業(yè)。為此，請回顧所有項目，并先問自己以下幾個問題：

• 我最擅長什么？
• 我最喜歡的用戶研究方法是什么？
• 我和其他設(shè)計師的區(qū)別是什么？
• 我為哪些項目帶來了最大的價值？
• 我從哪些項目中學(xué)到的最多？
• 關(guān)于我所做的工作，我能講些什么有趣的故事呢？

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

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

第二步：選擇3-5個項目作為詳細(xì)的案例研究

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

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

除了每個項目的視覺效果圖之外，創(chuàng)建一個案例研究，其中包括以下信息：

（1）您必須解決的問題或為解決該問題而提出的假設(shè)

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

（2）您在項目中的特定角色以及與他人的合作方式

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

（3）您是如何提出建議的解決方案的

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

（4）您提出的解決方案是如何解決問題的

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

（5）您所面臨的挑戰(zhàn)，包括最終沒有采納的設(shè)計方案

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

（6）項目是如何影響用戶和業(yè)務(wù)的

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

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

示例：由于這個項目，我們意識到了原型測試對于探索新設(shè)計概念的重要性。它使我們在投入開發(fā)工作之前測試新的設(shè)計概念，以確保是可行的解決方案。

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

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

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

不管是以何種形式，你的作品集都應(yīng)該是在講述一個故事。同時將文本與視覺效區(qū)果分開，并明確區(qū)分各個項目。

設(shè)計師的作品集通常有三種常見的格式：

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

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

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

（2）PPT/PDF

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

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

（3）實物作品集

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

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

在決定用哪種格式時，先問自己以下幾個問題：

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

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

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

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

UX設(shè)計作品集基本組件的示例模板：標(biāo)題頁，項目介紹，帶標(biāo)題和介紹的圖像和上線成果。

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

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

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

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

03 面臨的障礙

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

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

（1）顯示過程圖像

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

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

（2）模糊處理信息

如果您要顯示線框或原型，請模糊識別信息。（對于顯示財務(wù)或醫(yī)療信息等的應(yīng)用程序，模糊關(guān)鍵信息尤其重要。）

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

（3）使它通用

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

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

“我沒有太多時間，我應(yīng)該專注于什么？”

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

“我有很棒的想法/設(shè)計，但從未實現(xiàn)?！?/h3>

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

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

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

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

結(jié)論

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

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

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

原文作者：雷切爾·克勞斯（Rachel Krause）

本文由 @Henry-Lee 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議