求職敲門磚！一份優秀的交互設計作品集應該準備哪些內容？

Spell（高級產品設計@Salesforce）：我覺得首先要明白的一點就是，為什么找交互設計，或者其他設計的工作需要作品集。從我面試各種設計師的經驗來說，作品集其實是一個人設計風格和思考過程的折射。所以基于這個觀點，我們來說說怎么用作品集來傳達這些信息。

本文主要基于硅谷的業界標準，如果有和國內不完全相同的地方歡迎跟我討論~

1，你解決了什么問題

我見過最普遍的作品集，也是最普遍的讓我看了一眼就會選擇不要這個candidate的作品集，通常有一個固定的格式：上來就說“我的流程”。UX是一門科學，請問你除了做用戶研究做線框圖做原型做測試做迭代，還能給我玩出什么花樣來？我不需要你把這些贅述一遍，我真正想看到的是，你如何用你的設計解決了一個具體的問題。

可能你會說我做的東西都是產品經理提的需求，我做的都是學生項目只是個大作業，但其實萬變不離其宗，你之所以設計一個款產品或者產品中的一個功能，總是要解決一個問題吧。哪怕是個很小的例子，你做了朋友圈點贊的設計，這個設計存在也有他的理由吧，你是如何思考得到了你最終的解決方案的呢？我在意的是這個。

下面來一發栗子

我非常喜歡的設計師事務所MetaLab是設計了大名鼎鼎的 Slack | CrunchBase （融資3億多美金，一年前估值已達到28億）的事務所。他們怎么展示了他們對于Slack的設計呢？

是的你沒有看錯，只有這么短的內容。你可能會說那是因為他們名聲在外不需要做很高級的Portfolio展示了。那么你就錯了，在做了Slack之前，MetaLab在硅谷眾多老牌牛逼事務所里面，只是名不見經傳的小事務所一枚，沒有Portfolio，哪里來的客戶。

扯回來。之所以說他們是個很好的栗子，并不是因為他們做了Unicorn Startup的設計，而是他們怎么展示了自己用設計解決的問題："How we got people talking."整個布局中，他們很簡單的展示了他們設計中不同的走向，不需要他們說太多話，你能感受到他們在設計產品中，投入在產品中的思考力。

當然，這個栗子只是為了幫大家認識到怎么確立一個好的problem statement. 讓別人第一眼就知道你做了什么。

（后面的Portfolio會比較接地氣，只是忍不住給大家看看這個很牛逼的Portfolio）

2，你如何思考并解決問題

設計不是純粹主觀的，交互設計更不是。交互設計強調功能性，強調解決問題。作為一個每天審閱很多作品集的人，我很看重你的思考力，你如何解決問題。

接地氣一點的說，就是你的“流程”。你可能很疑惑，剛才第一條里面不是說了如果上來就說流程我會立馬Pass么。恩，此流程非比流程，如果你在這一步做的還是列出來你做的事情，告訴我我做了用戶調研，然后做了線框圖，然后做了高保真blah blah，那么不好意思，你還是out。大多數時候，我們需要的不是只會簡單重復一個流程的人，而是能說明白為什么在某個特定場景需要使用特點流程的人，也就是事情背后的那個“為什么”。

這個聽起來好像很簡單，但是我認為是作品集實踐中最難的一步。因為你要不著痕跡的把你解決的問題，使用的方法融入到你敘述自己如何解決這個問題的過程中。

在這里提幾個小技巧：

1. 給一個不是行業內的人講一遍你做了什么，用了哪些方法解決了哪些問題的故事，看看他們哪里有了疑問。這就是你故事沒有講好的地方。

我們舉例你做了個App幫用戶找附近好喝的奶茶店（這是一個虛構的項目請不要太認真為什么是奶茶不是咖啡之類的問題），你采訪了10個愛喝奶茶的人，然后你做了個流程圖，接著你做了線框圖，你把線框圖給工程師看了，他們提了點建議，你做了改進然后做了高保真.現在你要把這個項目放到你的Portfolio里面。

找個人說說這個流程，你每一步做了什么之類的。你可能會被問到：你為什么要找10個愛喝奶茶的人，為什么不是不愛喝的人？為什么你要做流程圖之類之類的。然后你再來做改進。

于是改進后的版本可能是：為了知道誰是我們的用戶，他們有什么痛點，我們采訪了十個人。我們希望我們的App能夠給喜歡喝奶茶的人帶來價值，所以我們采訪的都是奶茶的愛好者。。。（后面的請開腦洞自己編下去）

重點就是你知道誰是你的聽眾，并且講清楚你每一步的決策是為什么。

2. 能使用圖來講故事的時候，多使用圖片

你們讀我寫的這么多字到現在，估計也要哭了吧哈哈哈。想想我看你Portfolio的時候你全是字我的心情~！來讓我給你們個栗子吧。

Tingyu Li | The Feast Catering 是親愛的萌萌噠的學生聽雨小朋友的作品之一，這也是一個課堂項目。她做了一些很有意思的觀察，然后在作品集里面，很聰明的把這些流程用圖像表現了出來。比如她和用戶訪談的過程中，發現用戶說點餐的時候想要一個餐巾紙都要很久，她就形象的把這部分做了出來，讓你能夠感同身受，同時也深入的說了這個問題是因為顧客并不能總是及時的和服務員交流。我覺得大家對于作品集最多的問題可能就是：我都做得是用研，怎么辦？我做的東西看起來并不高大上，怎么辦？你們可以自己感受一下聽雨這里的方法。（所以學生項目也可以做的很有意思并且被包裝的很好）

3. 能展示結果，一定要展示結果

就像剛才說的，交互設計不是純主觀的，一個設計有沒有起到他本來的作用，是可以被衡量的。比如一個交友網站，你做了讓用戶對其他用戶點贊的功能，目的是為了增強用戶間的交流，加強用戶粘性，那么有沒有做到這件事情，是可以衡量的。

估計你們也喜歡看更接地氣一點的栗子，那我還是用學生的例子吧。XUAN同學本科期間一直在為在校同學做一枚App，在過程中積累了不少用戶，于是在她的作品集里面，她很清楚的寫出了自己的這個結果。我建議大家再有這樣的結果的時候，就一定要展示出來。

4. 沒人不喜歡驚喜，來個彩蛋吧

這個沒什么太多可以解釋的，每次看到申請者的作品集里面有很匠心獨運的小彩蛋的時候，都肯定會是個加分項。

來個我好朋友的Portfolio安利一下，這除了是一個非常好的作品集之外，彩蛋請自尋。Shuang's Portfolio

3，你到底是個怎樣的設計師

其實說來說去，我看你的作品集，最想知道的就是你到底是個怎么樣的設計師呢？有沒有自己的風格，自己分析問題處理問題的方式。

你可能會說，作為交互設計師我不想限制自己，我的風格就是項目是什么風格我就是什么風格。那么你可能錯誤理解了我這里說的風格的意思，我所指的風格，是指你作為設計師，思考的風格。

這次先來一枚栗子

I Am | Ying Wang Sunny是灣區挺厲害的設計師一枚，也是我很喜歡的一個妹子，之前在Google，最近剛剛去了Airbnb。她做過的項目，不管是Freelance的還是在公司做的項目，跨度很大，風格也不禁相同，但是她的Portfolio展示出來的，卻是一個很完整的有自己體系的設計師。你看了她的Portfolio之后，就像是能看到她這個人一樣。（是的她本人也是這么萌萌噠）

再比如Melanie Daveid 的例子就是完全不同的風格，但是你能從她的作品里面直接感覺到她到底是怎么樣的設計師。

做到這一點，其實是很難的，因為不同時期的項目，不同時期的你，會有不同的思考和工作流程，那么應該怎么辦呢？下面是幾個小技巧。

1. 多使用stock image

2. 先確定整體Portfolio的風格，再對項目逐個調整

3. 整個作品集別使用太多字體，不論是你包裝出來的圖片還是你的作品本身。也別用太多顏色。

4. 別在布局上創新，我能順利的瀏覽你的作品集是重中之重，別搞出什么導航在左下角這種反人類設計。

最后說幾句大家談起Portfolio的時候經常問我的問題：

1. 多少個項目最合適？

我的Portfolio?上面只有六個項目，其中 UXOffer 那個項目還只是個鏈接，有充數的嫌疑。我個人認為3-8個都是合適的，無需太多。

2. 之前做的和UX/交互設計無關怎么辦？

這個其實有點因人而異，但是你要做的第一步無疑是要開始做更多的項目開始積累。但是更重要的是不要浪費自己之前的經歷，因為你的每部分經歷都會對你的人生和成長有幫助的。我面試過從數據科學家，建筑師，日語翻譯等等各行各業轉行來做交互設計的人，我反而覺得這些人很有趣。在項目不夠的時候可以想想怎么把自己之前的經歷講成故事，放在你的網站上。

3. 我不太擅長視覺設計，怎么包裝自己的項目？

幾個建議：stock image大法好。別吝嗇留白。選好字體。

作者簡介：Spell，高級產品設計@Salesforce。曾助力微軟，亞馬遜，HTC，Citrix及若干創業公司的產品設計。當下樂趣是將UX的知識傳遞給更多的人，并創立了UXOffer-專注于幫助中國學生獲得最好的HCI/交互設計教育機會。

個人網站：http://hangyu.me/

歡迎關注作者的微信公眾號，提供HCI留學培訓精英服務：（友情宣傳非軟文）

「2016年設計趨勢」

1. 色彩篇：《2016流行這2種色彩！附優秀網頁設計案例》
2. 設計篇：《再作印證！2016年網頁設計領域11個流行趨勢預測》
3. 電商網站篇：《不學就落伍咯！2016年電商設計的9個熱門趨勢（附案例）》
4. 插畫設計：《畫出個未來！幫你梳理2016年網頁插畫設計趨勢》

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量104萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com