關(guān)于設(shè)計(jì)作品集最常見的迷思（誤解）是：僅靠UI設(shè)計(jì)最終稿和屏幕截圖就可以拼湊出作品集。本文將指導(dǎo)你如何通過五個(gè)步驟制作一份涵蓋整個(gè)用戶體驗(yàn)過程的作品集，而不流于表面。

“設(shè)計(jì)師”一詞可以有許多不同含義，同樣，設(shè)計(jì)師這一角色也擁有諸多可能的技能和職責(zé)。用戶體驗(yàn)設(shè)計(jì)師的作品集就是在展示自己所擅長的領(lǐng)域、優(yōu)勢、設(shè)計(jì)過程和設(shè)計(jì)風(fēng)格。

本文中提到的“設(shè)計(jì)師”泛指那些參與用戶體驗(yàn)?zāi)骋画h(huán)節(jié)（或模塊）或多個(gè)環(huán)節(jié)（或模塊）設(shè)計(jì)人，這些環(huán)節(jié)（或模塊）包括發(fā)生在臺式設(shè)備、觸屏設(shè)備或其他設(shè)備上的交互流程，獨(dú)立界面元素，視覺外觀，或者全旅程。

一、招聘經(jīng)理想知道什么？

近期正在進(jìn)行的一期用戶體驗(yàn)職業(yè)調(diào)研中，我們就“你查閱作品集想要知道什么？”詢問了204位負(fù)責(zé)用戶體驗(yàn)崗位招聘的專業(yè)人士。以下是他們提到一些點(diǎn)：

• “告訴我你是如何從一個(gè)機(jī)會點(diǎn)開始，并對用戶和公司產(chǎn)生真正的價(jià)值”
• “我對那些沒有出現(xiàn)在設(shè)計(jì)中的東西以及沒出現(xiàn)的原因充滿好奇，就像我非常想知道你為什么用了這些元素來設(shè)計(jì)一樣”
• “不要只向我展示成品。我想要看到那些凌亂的過程和形成你最終精細(xì)設(shè)計(jì)方案的所有工作和研究。告訴我你曾經(jīng)嘗試解決的問題，你的角色，任何約束，項(xiàng)目時(shí)間表，不斷迭代中出現(xiàn)的變化，以及研究如何為設(shè)計(jì)提供幫助?！?/li>

你作品集的“用戶”很有可能是招聘經(jīng)理、獵頭，亦或是用戶體驗(yàn)專業(yè)人士（你未來的同事），因此，你的作品集必須能夠吸引不同人群。思考一下你想要通過作品集展示哪些能力，以及不同人群是如何理解這些信息的。招聘經(jīng)理幾乎不會花時(shí)間一字一句地看完整個(gè)作品集——這也是為什么作品集需要能夠快速瀏覽，而無需包含不必要的細(xì)節(jié)。

在設(shè)計(jì)作品集之前，首先確定你所要傳達(dá)的信息優(yōu)先級。你希望讀者首要獲得的關(guān)于你和你的工作的最重要的3點(diǎn)是什么？在你的作品集完成后重新審視一下這個(gè)問題，確保你已達(dá)成目標(biāo)。

二、把作品整合在一起

步驟1：列出所有的項(xiàng)目清單

用戶體驗(yàn)從業(yè)者的工作涉及許多不同類型的項(xiàng)目和任務(wù)。因此，決定作品集中篩選和留下哪些內(nèi)容可能會有點(diǎn)困難。第一步是列出你做過的所有項(xiàng)目清單。你想通過不同類型的工作展示你的特長。為了做到這一點(diǎn)，回顧你做過的所有項(xiàng)目，問自己以下幾個(gè)問題：

• 我真正擅長的是什么？
• 我真正喜歡去做的用戶體驗(yàn)工作事項(xiàng)是什么？
• 我與其它設(shè)計(jì)師的不同之處是什么？
• 我在哪個(gè)項(xiàng)目中產(chǎn)生的價(jià)值最大？
• 我從哪個(gè)項(xiàng)目中收獲最多？
• 我能講出以往工作中哪些有趣的故事？

優(yōu)先考慮那些與你應(yīng)聘崗位相一致的項(xiàng)目。當(dāng)你想跳槽時(shí)，根據(jù)你想應(yīng)聘的崗位要求專門篩選合適的項(xiàng)目。舉個(gè)例子，如果你真的喜歡做原型設(shè)計(jì)，充分展示過往項(xiàng)目中你做過的原型，以及它們的表現(xiàn)如何超過預(yù)期。你并不想找一份不喜歡的工作，因此，請避免在作品集中加入與未來職業(yè)規(guī)劃不一致的項(xiàng)目。

步驟2：選擇3-5個(gè)項(xiàng)目作為詳細(xì)的案例回顧

當(dāng)你整合作品集時(shí)，請遵循“質(zhì)量遠(yuǎn)比數(shù)量重要”的原則。盡管招聘經(jīng)理不會花太多時(shí)間仔細(xì)查閱每個(gè)候選人的作品集，但最好還是在優(yōu)先級列表中（步驟1）篩選出最好的幾個(gè)項(xiàng)目案例。你選定的項(xiàng)目需要跟職位描述中的工作要求相一致。

作品集包含的項(xiàng)目數(shù)量并不重要。重要的是，你的作品集需要全方位展示你的工作內(nèi)容和專業(yè)技能——因此，如果你在一個(gè)大項(xiàng)目中做出了實(shí)質(zhì)性的多元貢獻(xiàn)，請強(qiáng)調(diào)你參與了項(xiàng)目中諸多不同的任務(wù)。

除了每個(gè)項(xiàng)目的視覺產(chǎn)出外，你還需要?jiǎng)?chuàng)建一份包含以下信息的案例研究：

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

例如：由于用戶沒有收到新售賣信息的提醒，我們的應(yīng)用程序收到了負(fù)面評價(jià)?；谠u論內(nèi)容，我們假設(shè)用戶不知道他們可以在應(yīng)用程序里設(shè)置消息提醒。

（2）你在項(xiàng)目中扮演的具體角色，以及你如何與別人合作

例如：我曾是敏捷團(tuán)隊(duì)里唯一1位用戶體驗(yàn)設(shè)計(jì)師，該團(tuán)隊(duì)由3位開發(fā)，1位產(chǎn)品經(jīng)理，1位敏捷專家和1位質(zhì)量工程師組成。我負(fù)責(zé)制定項(xiàng)目的整體設(shè)計(jì)方向，同時(shí)與團(tuán)隊(duì)其他成員合作輸出概念方案。

（3）你如何提出解決方案

例如：可用性測試顯示用戶沒有意識到他們能夠設(shè)置消息提醒。我們決定在網(wǎng)站導(dǎo)航中更顯眼的位置增加消息提醒設(shè)置入口。

（4）你的方案如何解決問題

例如：我們使用相同的任務(wù)對新設(shè)計(jì)進(jìn)行了第二輪可用性測試，與上一輪測試相比，發(fā)現(xiàn)可用性水平有所提高。用戶能夠順暢設(shè)定消息提醒，進(jìn)而收到新售賣通知。

（5）你面臨的挑戰(zhàn)，包括那些最終沒有被采納的設(shè)計(jì)概念

例如：在概念階段，我們設(shè)想了幾款不同的概念方案，但最終都無法完全滿足用戶需求。其中一個(gè)概念原型是這樣的：當(dāng)用戶登錄時(shí)，在頁面中間彈出“消息提醒設(shè)置”的浮窗，但這種方式讓用戶很沮喪，因?yàn)楸仨毾汝P(guān)閉這個(gè)彈窗才能繼續(xù)進(jìn)行他們的原任務(wù)。（對主任務(wù)有干擾）

（6）項(xiàng)目如何影響用戶和商業(yè)？

例如：由于用戶現(xiàn)在可以接收并打開新銷售通知，因此銷售額增長了15％。我們的應(yīng)用程序評價(jià)也偏向積極，客戶滿意度調(diào)查得分也有所提高。

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

例如：通過這個(gè)項(xiàng)目，我們意識到原型測試對探索新設(shè)計(jì)概念的重要性。這促使我們在投入開發(fā)工作之前先進(jìn)行新設(shè)計(jì)的測試，確保方案可行性。

這些案例回顧應(yīng)該以一種便于快速閱讀和理解的方式展現(xiàn)。包括能用于講述故事的相關(guān)照片和截圖，也包括早期的草圖，白板，研究文檔或最終圖片。

請記住，最終截圖只是故事的一部分。招聘經(jīng)理想了解你是如何工作的，并讓他們瞥見你的工作流程，這將有助于他們判斷你是否適合他們的團(tuán)隊(duì)。

步驟3：選擇你所需的作品集形式（媒介）

無論采用哪種形式，你的作品集都應(yīng)該講述一個(gè)完整的故事。用視覺效果分解大段文本，并明確區(qū)隔不同項(xiàng)目。設(shè)計(jì)師作品集有三種常見形式：

（1）網(wǎng)頁作品集（web based）

網(wǎng)頁作品集是指能夠展示你作品的個(gè)人網(wǎng)站或服務(wù)站點(diǎn)。網(wǎng)頁作品集是設(shè)計(jì)師最常用的形式。請鎖死你的落伍沖動，避免使用過于招搖的模板而導(dǎo)致翻船。作品集的內(nèi)容是重中之重，并且你要確保你的網(wǎng)頁易于瀏覽和使用。

一個(gè)典型的網(wǎng)頁作品集，包含某種形式的導(dǎo)航及多個(gè)項(xiàng)目，用戶可以自主點(diǎn)擊每個(gè)項(xiàng)目深入了解。

（2）PDF/PPT作品集

另一種流行的作品集形式是PDF或PPT幻燈片，它可以展示你的項(xiàng)目。在你制作創(chuàng)建數(shù)字作品集的時(shí)候，請保存包含所有項(xiàng)目的主PDF或PPT文件，以便你根據(jù)所申請的崗位隱藏不必要的項(xiàng)目，亦或突出顯示你想強(qiáng)調(diào)的技能。

保存一份基于完整PPT幻燈片格式PDF作品集文件，方便給不同受眾定制不同項(xiàng)目。你只需簡單隱藏于崗位無關(guān)的項(xiàng)目即可。

（3）刷作品集（Physical Artifacts）

對平面設(shè)計(jì)師（主要集中在印刷領(lǐng)域）群體而言，他們更傾向使用印刷作品集。當(dāng)然，你也可以在面試中帶著你在之前設(shè)計(jì)過程中用到的實(shí)物（例如草稿或紙質(zhì)原型）。你也可以將部分實(shí)物融入你的網(wǎng)頁作品集或PDF作品集，這樣，招聘經(jīng)理可在面試之前就可以看到你的作品。

你可以通過印刷物展示粗略的草圖和流程圖，也包括最終產(chǎn)品，沒有采用的設(shè)計(jì)方案。

在決定使用那種形式前，先問自己以下幾個(gè)問題：

• 招聘經(jīng)理有是否明確限定了形式？
• 這種形式會產(chǎn)生哪些費(fèi)用？
• 我是否可以駕馭要將要使用的軟件？

如果答案仍不明確，以下是3種形式的優(yōu)劣勢對比。

步驟4：制作你的作品集

現(xiàn)在，你已經(jīng)對作品集包含的項(xiàng)目和采用的形式制定了計(jì)劃，可以開始把所有項(xiàng)目整合在一起了。不論選擇了哪種形式（媒介），你都需要?jiǎng)?chuàng)建1個(gè)可以套用的基礎(chǔ)模板，這樣你作品集中所有項(xiàng)目看起來更統(tǒng)一。

用戶體驗(yàn)設(shè)計(jì)作品集的4個(gè)基本組件（模板示例）：標(biāo)題頁、項(xiàng)目簡介頁、帶文字說明的圖片頁和項(xiàng)目結(jié)果頁。

步驟5：獲取反饋意見并迭代

在你完成作品集后，把它發(fā)給其他人以便聽取反饋意見。以第三方視角看你的作品集將及時(shí)發(fā)現(xiàn)拼寫或語法錯(cuò)誤、內(nèi)容混淆以及格式的整體可用性。

在與招聘經(jīng)理面試過程中，請記下他們產(chǎn)生共鳴以及尚不清晰的地方，然后迭代你的作品集。

伴隨你的新項(xiàng)目推進(jìn)，請保留好任何實(shí)物或過程文檔，以便將來用于制作你作品集中的案例回顧。作品集的制作是一項(xiàng)持續(xù)性的工作，如果你平時(shí)就注重對項(xiàng)目的有效跟蹤，你的作品集更新就會變得十分簡單。

三、常見路障

障礙1：我的工作簽訂了保密協(xié)議（NDA）

在做用戶體驗(yàn)相關(guān)工作時(shí)，簽訂保密協(xié)議很常見，如果你為政府工作，更是如此。保密協(xié)議禁止你向外透漏任何可識別的信息，包括公司、用戶及項(xiàng)目細(xì)節(jié)。在制作作品集時(shí)，項(xiàng)目的保密限制會讓你沮喪，但仍有一些方法可以在不觸犯保密協(xié)議的前提下展示你的作品。

辦法a：展示過程圖片

你可以用圖片的形式將項(xiàng)目的過程展示給對方，而不是展示精美的UI界面和帶有公司特定信息的視覺稿，你可以通過草圖或者黑白線框圖來突出你在工作坊中的溝通技能和早期的概念設(shè)計(jì)能力。

工作坊的照片能夠讓你潛在的雇主洞悉你的設(shè)計(jì)過程。

辦法b：隱去或模糊處理某些信息（脫敏）

如果你有線框圖或原型想要展示，可以將敏感信息模糊處理。（對于金融或者醫(yī)療相關(guān)應(yīng)用程序來說，脫敏非常重要）

通過把列表中的姓名和聯(lián)系方式模糊處理就可以保護(hù)個(gè)人隱私，同時(shí)你仍可以對外展示設(shè)計(jì)方案。

辦法c：通用化處理

采用不同的風(fēng)格（或樣式）重新設(shè)計(jì)你的作品，盡管費(fèi)時(shí)耗力，但可以確保你不使用客戶采納的真實(shí)品牌色或樣式。

刪除公司logo，更改品牌風(fēng)格，在不泄露公司信息的條件下更新原稿，展示頁面布局和設(shè)計(jì)。

障礙2：我沒有充足的時(shí)間。我更應(yīng)該關(guān)注什么？

如果你時(shí)間不夠充裕，但仍想通過作品集給人留下深刻印象，你可以集中精力在1-2個(gè)主要項(xiàng)目上，這1-2個(gè)項(xiàng)目案例你必須融合各種各樣的用戶體驗(yàn)事項(xiàng)和設(shè)計(jì)技巧，而且這1-2個(gè)項(xiàng)目案例可以非常深入展示你的全鏈路（全方位）設(shè)計(jì)能力。

障礙3：我有很棒的想法/設(shè)計(jì)，但沒有被采納

作為設(shè)計(jì)師，我們常常會針對某個(gè)問題輸出許多備選的解決方案，但最終只能選擇1個(gè)。在這個(gè)過程中，許多偉大的想法被遺棄。當(dāng)你編寫項(xiàng)目案例時(shí)，可以將這些備選方案背后的思考過程展示出來。招聘經(jīng)理希望你能夠應(yīng)對挑戰(zhàn)和約束，并向他們展示你可以在現(xiàn)實(shí)中工作，而不是只活在理想中。

障礙4：我還是學(xué)生

第一份工作是最難找到的。如果你的作品集里全是學(xué)生項(xiàng)目，這很難吸引人。我們強(qiáng)烈建議你去公司實(shí)習(xí)，這樣，你至少可以展示1個(gè)真實(shí)世界的項(xiàng)目案例。

任何設(shè)計(jì)的關(guān)鍵因素是處理約束（或限制）的能力。學(xué)生項(xiàng)目常常虛構(gòu)限制條件（包括虛擬用戶和用戶角色），這些無法證明你有足夠的設(shè)計(jì)能力解決現(xiàn)實(shí)問題。如果你仍然在做學(xué)生項(xiàng)目，請選擇有商業(yè)價(jià)值（比如能賺錢）和真實(shí)限制的項(xiàng)目。如果你已經(jīng)做完了，至少在你的作品集描述中承認(rèn)那些虛構(gòu)的要素，這樣招聘經(jīng)理就不會對你的“所知不詳”妄下結(jié)論。

總結(jié)

作品集一直都是設(shè)計(jì)師成長的一部分。作品集是展現(xiàn)你某方面優(yōu)勢的一種方式，有助于你得到潛在雇主的青睞從而獲得一份新工作。制作作品集能讓你認(rèn)清自己的設(shè)計(jì)技能和成果，同時(shí)反思將來你在工作中想要做的事。

當(dāng)你要制作用戶體驗(yàn)設(shè)計(jì)作品集時(shí)，請記住以下4點(diǎn)提示：

1. 精心挑選、精心挑選、精心挑選項(xiàng)目案例
2. 展示真實(shí)作品，即使它們凌亂不堪
3. 突出與團(tuán)隊(duì)的協(xié)作能力
4. 反思一下你是什么樣的設(shè)計(jì)師，以及你想成為什么樣的設(shè)計(jì)師

原作者：Rachel Krause

原文鏈接：https://www.nngroup.com/articles/ux-design-portfolios/（2019.08.04）

翻譯：跳舞的花生 審校：Hiro? 終審：寶珠；譯文地址：https://uxren.cn/?p=64543

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

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