怎樣做一個優秀的交互設計作品集（自己經驗+他人經驗總結）

主要是為了自己在做作品集時不要捨本逐末，顧列出自己需要注意的tips。

想到或者看到一些新的內容，我會及時更新。謝謝各位的點贊支持，不勝榮幸。

————————————————————

2018年3月28日更新

清晰，明了的作品集十分重要！

————————————————————

2018年3月12日更新

在做作品集的時候，不要盲目的把自己彙報的ppt一頁頁排版好放上去，這樣只是在記流水賬

重要的是要想清楚，你的「每一頁」都想要告訴讀者什麼內容

有很多人問我怎麼申請海外院校的專業，怎麼準備作品集

其實說實話，一個作品集的好壞，更多的取決於你作品的內容與質量，

是設計師在做的過程中應該考慮的事情

————————————————————

11月17日更新

一個作品集，當你真正開始做的時候，你就會發現，糾結的事情實在是太多了

而我就是會因為一個排版可以糾結半天的人。那麼有什麼辦法可以加快速度呢？

我的經驗：

第一步，弄清楚這一個項目你要講故事的順序

第二步，先把要寫的文字，圖片都弄到id或者ps裡面

第三步，在糾結怎麼排版好看

切記，不要一開始就糾結要排成什麼樣子！！

————————————————————

11月13日更新：

一個作品集，要從兩個方面入手：一個是作品內容本身，一個是承載內容的容器。

怎麼理解呢？

作品內容：就是這個文章之前總結的一些內容

容器：用什麼表現手法對作品進行呈現

舉個例子：作品內容決定一個女生素顏好不好看，而容器則是化妝。雖然決定這個女生好不好看確實要看素顏，但是化妝也很重要。

容器具體指的是什麼？ 例如：

你的文字排版，中文還是英文，要用哪個字體是最合適的？哪個字體是最適合屏幕顯示？哪個字體是最適合列印出來？最佳的行距是多少？等等

你的作品是屏幕表現，還是列印出來？色彩管理作了嗎？列印和屏幕顯示的顏色一樣嗎？

……這些你在做作品集時，都應該要懂，尤其是你是一個用戶體驗設計師！

————————————————————

10月4日更新：

前段時間陪朋友去出國留學設計作品集培訓機構，見識到了所謂的作品集培訓。

現在交互的作品集如何去做，想必都已經很清楚了：最核心的點在於你怎樣解決了一個問題。

拋開所謂的「作品集製作流程」，我還想強調一點：

你所解決的問題，是否足夠新穎？是否別人未曾想到？是否具有價值？

例如：

1）給流浪的寵物，設計了一個幫助他們回家的APP

2）給獨自生活的老人，設計了一個領養動物的APP

哪個更好？

或許例子不夠好，拋磚引玉

————————————————————

7月21日更新：

今天有看到一個人在知乎寫準備作品集的帖子，內容很好故引用，怕自己忘記：

原帖：UX Coffee播客#1（上）：和Google設計師曾浩聊聊 作品集、面試、矽谷vs西雅圖、設計工具

作者：RiceMan

鏈接：https://zhuanlan.zhihu.com/p/20738764

來源：知乎

著作權歸作者所有。商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。

之前講的是怎麼呈現作品集，那麼怎麼呈現每一個作品、怎麼講好故事？

作品集是個story-telling experience，最重要的是要引人入勝。不要每一個都是完全按照process從problem statement、prototype、user interview到hi-fi這樣下來，像流水賬一樣，同質化很嚴重。一定要引起觀看者的同理心，讓他們有興趣讀下去。比如你有一個作品，幫別人找到機票上的登機口，一上來就說乾巴巴的problem statement「大家覺得很難找到登機口」，雖然也可以，但沒有講故事的模式。比較好的是堆幾張老的機票，然後提問題「這種場景你一定遇到過無數次，在你著急要登記的時候，卻找不到登機口在哪裡，也看不清楚登機口什麼時候關閉」，這樣比較引人入勝，能夠喚起同理心。接下來就是提出你要解決的問題，以problem-solving的方法和內容來組織一個項目，問題是什麼，有哪些解決方案，為什麼某些解決方案不行，某個解決方案可行，然後怎麼深化這個可行的方案。要用內容來呈現process，而不是用process來裝內容。核心思路是發現問題、解決問題、不斷試錯，最後怎麼驗證和收尾，中間要輔以有邏輯的起承轉合。

作者：RiceMan

鏈接：https://zhuanlan.zhihu.com/p/20738764

來源：知乎

著作權歸作者所有。商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。

作品集是萬里長征第一步，面試是讓很多同學困惑的地方，你有什麼建議嗎？

面試官對應屆生和跳槽的人期待是很不一樣的。

對於第一次找工作的同學，我覺得首先找UX職位要避免純粹展示你的設計，炫酷的效果和showcase看上去挺賞心悅目的，但可能並不能給你加分，如果面試官是有經驗的UX設計師，他可能會知道這是模板，或者這是你設計並不太成熟的表現。如果我們把設計抽絲剝繭，把最外層的視覺設計的殼撥開之後，人們更關心的是你的functional design、interaction design、information architecture。

第二點是流程，有的經驗不是很豐富的設計師會像流水賬一樣平鋪直敘，把容器的結構講出來，但是沒有突出容器里裝了什麼，我覺得更要突出你作品內容。

第三點是要提到你具體的contribution是什麼，一定不要誇大自己做了什麼。

面試的時候還會有很多behavioral questions。我一直覺得設計是50%是在電腦前做設計，另外50%是communication,、presentation等等。面試中有很多這種問題，比如假設PM不同意怎麼辦，engineer說不能implement怎麼辦，怎麼在組織里sell your design，如果你在工作里有實踐經驗，回答這些問題會更加得心應手。

對於跳槽的同學，是case by case的，跳到大公司和start up是不一樣的。對於大公司，面試官感興趣你是怎樣在複雜的環境中發現和分析問題、怎樣面對模稜兩可的情景、怎樣sell your design，怎樣manage自己的project。他們也特別重視和不同角色的溝通，因為大公司很少有full-stack designer這種角色， 他們會問你怎麼和researcher交流，怎麼說服engineer實現你的設計，怎麼和visual designer溝通等等。如果你之前沒有這種經歷，可以誠實地說沒有，因為確實很難編。

這一段針對於工作當中的作品集可以添加展示「自己作為一名交互設計師溝通能力」的展現。

—————————————————————————————————————————

6月16日更新（忽然發現距離上次更新已經這麼久了）

如果將作品集比作一次用戶體驗設計的話——我認為作品集一共有三個層次

第一層級：單純把作品羅列上去（滿足交互設計中最基本的功能滿足）

第二層級：按照我下面的順序（交互中達到好用）

第三層級：像電影一樣具有故事性講述作品集

—————————————————————————————————————————

3月20日更新：

交互作品集中某一個項目通用的模板是：

• 封面（背景是最終產品圖片+項目名稱/產品名稱+項目簡介（一句話解釋清楚這個東西是什麼）+是否是team work）

• 項目背景 / 任務目標 / 做這個產品的意義
• 介紹app目標用戶Persona（用戶圖片or照片+相關特點），用戶研究/設計調研（問卷、桌面調研、相關競品分析、焦點訪談、頭腦風暴、用戶使用地圖……）
• 發現X個問題，闡述某一個問題最值得解決
• 解決方案、草圖、人與人之間的討論（應有照片）
• 最終效果，相關後台埋點數據監測支持改版效果（例如某頁面跳轉率提高XXXX%）
• 項目思考，哪裡做得好，哪裡做的不好

—————————————————————————————————————————

參考知乎帖子列表：

交互設計作品集應該準備哪些內容？ - 交互設計師

需要掌握一些虛無縹緲的東西：思考力、解決問題能力、洞察力、同理心

如何驗證你把故事說清楚了：給一個不是行業內的人講一遍你做了什麼，用了哪些方法解決了哪些問題的故事，看看他們哪裡有疑問，這個疑問就是你沒有做好的地方。

如何用研部分顯得不枯燥：調研中的訪談、觀察、問卷、流程、問題情境，可以用圖片進行展現：故事板、漫畫、信息/數據可視化。好處：讓看的人感同身受，深入說明問題。例子：Tingyu Li | The Feast Catering

storytelling 和 process

storytelling是考察你能夠*清晰*，*有趣*的描述你的項目的能力。例如：讓一個陌生人甚至是外行，五分鐘內理解了你這個項目做了什麼，發現了亮點，同時又很信服

process是記錄你設計過程中，每一次迭代，推進，修改，背後的原因，結果和分析。也就是展示你分析思考解決問題的能力。面試官看到了這種能力，也就確認了你可以利用這種能力解決未來工作中遇到的設計問題。例子：Pico: Share Your Driveway

process不是流水賬，不是你第一步做了訪談，第二部畫了線框圖，第三步做個UI，這樣的process一點意義也沒有。

如果是申請學校的作品集，我個人認為突出challenge比較重要。歐洲的標準似乎是細節。

如何展現很多的設計過程？：把過程用鏈接形式貼在頁面里。雖然這樣讓讀者增加了點擊動作，但是你點開鏈接就發現，過程真是太多了！！要是全部展開在本頁，就會有過於冗長，滾輪滾半天滾不到頭的不爽感。 我認為對於過程較多的作品，這個手法值得借鑒，也讓讀者一目了然你是通過怎樣的過程達到了最終結果的。

作者：馬克與謝特

鏈接：交互設計作品集應該準備哪些內容？ - 知乎用戶的回答

來源：知乎

著作權歸作者所有。商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。

如何展現你的思考有深度？

1）在做項目本身時，請做usability test。目的是測試用戶是否能理解界面完成任務。（用拍攝視頻方法記錄用戶操作過程，利用mapping 分析實際用戶使用步驟）

2）做完usability test後，總結出更insightful(有深刻見解的，富有洞察力的)的看法。例如：比如說界面讓人困惑的根本原因是什麼，哪些設計錯誤是只針對這個課題，哪些錯誤是廣泛的錯誤，等等

3）在作品集中，展現「whats changed」。例如：作者說根據結果，他去掉了某些按鈕，然後用戶覺得好。 大家不要太在意這個過程是不是膚淺，至少作者做到了，收集用戶反饋 - 每一次迭代的原因，根據反饋進行重新設計 - 每一次迭代的結果， 對新設計再次收集用戶反饋 - 每一次迭代的分析和下一次迭代的原因。

IBM Design: blog

4） 選擇好的、有代表性的作品

在工作中的項目，如何描述項目任務、目標？

參考下圖：