新人交互設計師的作品集制作方法

發布時間:2017-04-19 13:05 來源:互聯網 當前欄目:網頁設計教程

   常有學生問起交互該怎么體現自己的作品與能力,所以今天就來說說新人交互設計師的作品集制作。

  聲明:本文用到的所有素材均經過授權,僅作學習交流,不得用于任何商業用途,否則一定追究法律責任。

  特別感謝:家誠Leo、小和、Ding、Bubu 提供他們的作品集給我參考。

  轉眼又到了一年之春,除了萬物復蘇天氣轉暖,同時也迎來了一個求職季:不僅僅是學生們要忙著春招、找實習、申請國外的學校,同時也是在職人員跳槽的高峰期。對交互設計師來說,既然要求職,簡歷與作品集自是必不可少,前者已經在以前的文章里聊過很多次,倒是后者經常有學生問起交互該怎么體現自己的作品與能力,所以今天就來說說新人交互設計師的作品集制作。

  對于交互設計師的核心競爭力,似乎國內外都比較認可的一種說法就是「Story telling」和「Persona」,用中文來說就是「場景演繹」與「用戶畫像/建模」。話雖如此,這兩項能力的具體理解還沒那么容易,尤其是「場景演繹」。很多人剛開始做作品集的時候就是堆砌——堆砌做過的項目、把界面排列起來、把個人經歷羅列一下,總讓人感覺讀起來干巴巴的。要知道,作品集本身就是一個產品,于是制作作品集也是體現這兩項重要能力的過程。

  Persona

  用戶畫像是非常重要的一項能力,對用戶的理解、歸納將直接影響設計師工作的效果,盡管現在很多大公司并不嚴格按照交互設計流程來進行設計,但是這依然是很有分量的一個考察點。《About Face 》中有很大的篇幅來專門介紹這種工具如何在實際項目中發揮作用,感興趣的朋友可以針對這幾個章節專門去研究一下。下圖就是一個比較好的畫像例子(來自 Bubu)。

新人交互設計師的作品集制作方法 電腦高手

  一些比較失敗的作品集中不會專門描述項目的用戶畫像,他們可能會表達目標人群是學生、是老人、是年輕女性,但是過于寬泛的定義將會掩蓋真正的受眾。如果能夠針對選擇幾個有代表性的例子,并建立起更具針對性、指向性的畫像,可以幫助設計師在前期構建項目雛形。因此在作品集中,非常建議將這部分畫像展示出來,也非常利于讀者了解這個項目。

  上面這張圖是另一個我個人覺得比較好的用戶畫像范例(來自家誠Leo),針對的產品是一個在線學習平臺。雖然使用真人照片也可以,但是設計師自己根據用戶特點繪制了三個典型卡通人物,并且在旁邊仔細描述了他們的基本情況和與產品相關的訴求。從 Skill buyer 到 Skill seller 再到 Employer,也是從校園到社會(Campus to Society)的一個進階過程。這樣敘述整體會顯得很有層次感,也包含了足夠廣的覆蓋面。

  Storytelling

  我自己對場景演繹的理解主要就是 5W 原則,你必須具備將項目及場景中「Who、What、When、Why、How」都清晰表達出來的能力。聽起來好像很玄乎,其實并不是,比較失敗的作品集只描述了設計師做了什么工作,比如我設計了一個打車軟件,展示了其中的個人中心、打車界面,但事實上對于項目的背景、解決的問題、適用的場景都沒有詳細的表述。

  像上面這張圖就是我自己作品集里一個比較失敗的例子。我僅僅羅列了溝通模塊、附近尋伴、我的圈子三個功能及界面,本身比較單薄,而且前后并沒有直接的串聯,也沒有與場景結合在一起,屬于場景演繹的失敗典型。頂部「新功能」、「新思路」幾個字完全是廢話,沒有對比根本體現不出「新」,也表達不出這樣設計解決了什么問題。

  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、