您現在的位置是:電腦技術吧?>? 組裝維修 ??>??交互設計作品集輔導,交互設計作品??>??正文詳情

交互設計作品集輔導,交互設計作品

俟春冬2019-11-15 10:50:42 人圍觀
簡介北京交互設計作品集培訓斯佩爾(中國設計總監):我想我首先需要了解的是,為什么我們需要一個投資組合來尋找互動設計或其他設計工作。從我采訪各個設計師的經驗來看,作品集

  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安利一下,這除了是一個非常好的作品集之外,彩蛋請自尋。

Shuangs 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/

版權聲明:本文由 俟春冬 整理編輯。

原標題:交互設計師作品集案例,交互設計作品集欣賞

轉載注明出處:http://www.dn9ww09s.icu/assemble/12472.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • bios硬盤啟動順序,bios設置硬盤啟動

    bios硬盤啟動順序,bios設置硬盤啟動 相關圖片bios設置ssd第一啟動盤許多計算機用戶不知道,當計算機啟動時,他們會從硬盤中尋找啟動文件來啟動系統。如果硬盤不是第一個引導項目,或者有兩個硬盤,系統將無法啟動。有時,有...

  • 居中顯示,div居中顯示

    居中顯示,div居中顯示 相關圖片設置表格居中代碼如下:div style=width:1000px;margin:0auto;div style=background color:red;text ali頁碼居中怎么設置...

  • 苯磺酸氨氯地平片價格,湖南天雁股吧

    苯磺酸氨氯地平片價格,湖南天雁股吧 相關圖片ST信威在手機撥號界面輸入具體指令,查詢相應的手機信息。有些用戶不知道**Chen 06的用途,所以本文將與您分享**chen06找到的信息是什么?每個手機都有一個世界000760斯太爾股吧...

  • win7旗艦版優化設置,win7系統最流暢優化

    win7旗艦版優化設置,win7系統最流暢優化 相關圖片win7設置優化大全很多人在安裝了win7系統之后就開始使用它了。事實上,如果你對win7做了一些設置,你的系統在win7安裝后會更流暢,更省電,更好的使用,你可以清理垃圾和無效的win...

  • css background屬性,css中background

    css background屬性,css中background 相關圖片html中background背景大小的值類型:1或2個值。這些值可以是像素Px、百分比%或自動,也可以是特定值cover和contain。可以為背景大小設置兩個值,一個是必需的,另一個是可css display屬性...

  • origin客戶端安裝慢,origin平臺下載游戲速度慢

    origin客戶端安裝慢,origin平臺下載游戲速度慢 相關圖片origin平臺下載速度慢Origin是EA在2011年搭建并推出的一個全方位的游戲社交平臺。它集成了數字游戲購買、物理版本激活、下載、數據云存儲、社交網絡等功能,正在逐步增加更多功能。...

  • 交互設計,交互設計怎么做

    交互設計,交互設計怎么做 相關圖片為什么做了交互設計還要做動效今天,我花時間看了看銀色的插件。這是第一個內置到sketch中的交互式插件。通過它,可以在不依賴其他軟件的情況下完成草圖交互方案的設計和顯示。...

  • 三星s4卡刷教程,三星s4刷什么系統最好

    三星s4卡刷教程,三星s4刷什么系統最好 相關圖片三星手機s4怎么刷機三星S4是一款非常老的機型。現在大多數用戶將它用作存儲備用機器。該機配備了exynos 5410雙核處理器,運行Android 4.2.2 touchwiz系統三星手機如何刷機...

  • 邊框透明,動態透明邊框

    邊框透明,動態透明邊框 相關圖片手機p圖邊框透明當CSS多邊框背景級別3仍然是草稿時,CSS工作組就是否支持多邊框進行了大量的討論,就像討論多背景圖片一樣。不幸的是,當時認為多個邊界并不有用,即使需要,也可...

  • win8怎么清理c盤,c盤滿了怎么清理win8

    win8怎么清理c盤,c盤滿了怎么清理win8 相關圖片c盤滿了怎么清理win10現在win10系統的份額逐漸接近win7,這意味著越來越多的用戶開始選擇win10。同樣,win8的用戶在厭倦使用win8后,也希望升級到win10。他們想知道win7如何深度清理c盤...

熱評文章

  • 高通驍龍625怎么樣,驍龍625處理器怎么樣

    高通驍龍625怎么樣,驍龍625處理器怎么樣 相關圖片驍龍660一些入門級手機使用小龍450,這個CPU呢?小龍450是小龍發布的中低端移動SOC,但事實上,沒有一款中端機型會選擇小龍450。450多臺小龍用于小龍450采用驍龍660怎么樣...

  • superamoled屏幕好嗎,ltps和amoled哪個好

    superamoled屏幕好嗎,ltps和amoled哪個好 相關圖片super amoled 手機市場上的一些安卓手機提到,他們在宣傳手機屏幕時使用了超級AMOLED屏幕。超級AMOLED和之前的AMOLED屏幕之間哪一個最好?兩者有什么區別?AMOLED(super amoled屏幕...

  • css搜索框居中,搜索框css

    css搜索框居中,搜索框css 相關圖片css搜索框樣式代碼最終渲染:首先設置一個帶有背景色的公共div框,然后使用上一篇文章中從post獲得的三角形圖標,將div框設置為相對定位模式,將三角形圖標設置為絕對定位,并將位...

  • 證件照編輯,photoshop cc

    證件照編輯,photoshop cc 相關圖片ps導出為png快捷鍵有網友在網上尋找Photoshop CS4的序列號,想激活它。Photoshop CS4軟件具有更直觀的用戶體驗、更大的編輯自由度和大大提高的工作效率photoshop序列號 破解...

  • ui設計師和交互設計師,交互設計師和ui設計師的區別

    ui設計師和交互設計師,交互設計師和ui設計師的區別 相關圖片ui設計和交互設計哪個好2016年,視覺 互動設計師的就業價值將更高。盡管大多數視覺設計師還沒有接受過正式的基本交互訓練,但不用擔心。今天這篇扣人心弦的雜志文章的@虹膜翻譯分...

  • 如何用ibooks,ibooks怎么用不了

    如何用ibooks,ibooks怎么用不了 相關圖片蘋果6的ibooks怎么用iPhone上的IBooks是一種閱讀工具。IPhone用戶可以直接在iBooks上購買和閱讀書籍。iBooks的使用并不復雜。如果你不知道如何使用iBooksridibooks軟件怎么用...

  • css優先級,css的優先級順序

    css優先級,css的優先級順序 相關圖片css優先級的意義是什么概念瀏覽器通過判斷優先級來確定哪些屬性值與元素最相關,以便將它們應用于元素。優先級由選擇器的匹配規則決定。如何計算?優先級是根據每個選擇器類型...

  • ibooks,ibooks author

    ibooks,ibooks author 相關圖片ibooks軟件下載IBooks author是蘋果公司2012年發布的一款電子書制作工具。用戶可以免費下載和使用。iBooks作者制作的電子書可以在iBooks上下載并在iPadibookstart...

  • 界面配色,的配色

    界面配色,的配色 相關圖片調色配色如何快速選擇或匹配顏色?今天@MICU設計并介紹了界面中最常用的三種方法,它們簡單實用,有大量優秀的例子,特別適合新手色彩初學者。快到元旦了。每個人手頭都有很多配...

  • 蘋果6s激活出錯怎么解決,蘋果6s激活出錯

    蘋果6s激活出錯怎么解決,蘋果6s激活出錯 相關圖片蘋果6s手機激活出錯iPhone到達后,需要激活iPhone才能正常使用,但部分用戶遇到iPhone激活錯誤的情況。如果Apple激活出錯,我該怎么辦?不久前,用戶在激活蘋果時遇到蘋果破解激活...

關注微信

变脸官网查询