一份優秀的交互設計作品集應該准備哪些內容？

 

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

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

　　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/