一份優(yōu)秀的交互設(shè)計作品集應(yīng)該準(zhǔn)備哪些內(nèi)容？

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

本文主要基于硅谷的業(yè)界標(biāo)準(zhǔn)，如果有和國內(nèi)不完全相同的地方歡迎跟我討論~

1，你解決了什么問題

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

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

下面來一發(fā)栗子

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

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

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

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

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

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

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

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

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

在這里提幾個小技巧：

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

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

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

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

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

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

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

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

3. 能展示結(jié)果，一定要展示結(jié)果

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

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

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

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

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

3，你到底是個怎樣的設(shè)計師

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

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

這次先來一枚栗子

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

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

做到這一點，其實是很難的，因為不同時期的項目，不同時期的你，會有不同的思考和工作流程，那么應(yīng)該怎么辦呢?

下面是幾個小技巧

1. 多使用stock image

2. 先確定整體Portfolio的風(fēng)格，再對項目逐個調(diào)整

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

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

最后說幾句大家談起Portfolio的時候經(jīng)常問我的問題：

1. 多少個項目最合適?

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

2. 之前做的和UX/交互設(shè)計無關(guān)怎么辦?

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

3. 我不太擅長視覺設(shè)計，怎么包裝自己的項目?

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

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

個人網(wǎng)站：http://hangyu.me/