交互是當(dāng)下時(shí)常被提到的熱門專業(yè)，如何制作一本好的交互作品集也成為了大家無(wú)法繞離的話題。今天UXD將為大家介紹交互設(shè)計(jì)作品集的制作方法，讓大家對(duì)交互設(shè)計(jì)有一個(gè)系統(tǒng)的了解，建立必要的知識(shí)體系，本文將從以下幾點(diǎn)來對(duì)交互設(shè)計(jì)作品集進(jìn)行解讀：

-交互設(shè)計(jì)的定義、設(shè)計(jì)思維、理論框架

-交互設(shè)計(jì)不同方向的介紹和區(qū)別

-交互設(shè)計(jì)作品集的構(gòu)成

01?什么是交互設(shè)計(jì)

什么是交互設(shè)計(jì)？作為近幾年來較為熱門的設(shè)計(jì)專業(yè)，交互設(shè)計(jì)得到了很多關(guān)注，我們可以把交互設(shè)計(jì)理解為藝術(shù)、技術(shù)和科學(xué)交叉領(lǐng)域的一個(gè)學(xué)科。它包括設(shè)計(jì)具有互動(dòng)性的產(chǎn)品和設(shè)計(jì)互動(dòng)服務(wù)，形式除了包含交互設(shè)計(jì)本身，還包含交互的方式和體驗(yàn)，例如我們都知道的UI/UX、人機(jī)交互、數(shù)字媒體裝置等。

很多剛開始接觸交互設(shè)計(jì)專業(yè)的同學(xué)常常會(huì)陷入一個(gè)誤區(qū)，就是會(huì)將太多的精力放在交互設(shè)計(jì)作品視覺的表達(dá)上面，認(rèn)為交互設(shè)計(jì)主要就是把交互界面做的美觀。

大家需要注意的是，交互設(shè)計(jì)絕不僅僅是把一個(gè)交互界面做的很好看，或者僅僅是一個(gè)復(fù)雜的交互裝置，它其實(shí)更多地是探討這個(gè)交互產(chǎn)品背后的邏輯和意義，去辯證地思考技術(shù)、材料、產(chǎn)品和使用者之間的關(guān)系和文化，之后在此基礎(chǔ)上去做技術(shù)的革新和概念的創(chuàng)新。

交互設(shè)計(jì)就是人和不同的媒介之間交互、研究、探索和設(shè)計(jì)。我們經(jīng)常所看到的UI作品、多媒體裝置作品、人機(jī)交互作品等等都可以理解為交互作品的不同方向和表現(xiàn)形式，比如：手機(jī)、軟件、網(wǎng)頁(yè)、AR、VR、裝置、衣服等，這些都可以作為交互作品中的表現(xiàn)載體。所以我們可以從不同的角度討論人和不同媒介之間的交互關(guān)系，從而產(chǎn)生不同的設(shè)計(jì)作品。

以UI界面為例，它其實(shí)就是人和手機(jī)軟件產(chǎn)生交互中的一個(gè)方面——界面設(shè)計(jì)，因?yàn)樵谌藱C(jī)交互中都會(huì)涉及到三個(gè)方面：界面、系統(tǒng)和體驗(yàn)。所以在交互設(shè)計(jì)作品中，雖然不同的方向有很多，但是其內(nèi)在的思維方式都是相同的，也就是交互設(shè)計(jì)最為核心的設(shè)計(jì)方法。

02?交互作品項(xiàng)目流程

在做交互設(shè)計(jì)時(shí)通常會(huì)使用設(shè)計(jì)邏輯和思維，邏輯和思維會(huì)貫穿整個(gè)設(shè)計(jì)作品，主要分為兩類，一類就是比較主流、應(yīng)用比較廣泛的Double Diamond雙鉆模型設(shè)計(jì)法，另一類就是Story-Theory-Thing設(shè)計(jì)法。

?邏輯性的用戶需求實(shí)踐（Double Diamond設(shè)計(jì)法）

雙鉆石法主要分為兩個(gè)階段，即發(fā)現(xiàn)階段和呈現(xiàn)階段。

發(fā)現(xiàn)階段：在這個(gè)階段我們需要把生活中的某句話、某個(gè)事件進(jìn)行總結(jié)成可以輔助我們?cè)O(shè)計(jì)的思考和洞見，從而形成最初的思考和設(shè)計(jì)問題。之后再針對(duì)這些思考和問題去深入調(diào)研，這樣我們就會(huì)得到一個(gè)最初的想法。然而最初的想法往往是不夠具體、不夠清晰的，所以我們需要繼續(xù)進(jìn)行展開，把最初的不太成熟的想法轉(zhuǎn)化成更加合理的、符合邏輯的設(shè)計(jì)問題和想法。

呈現(xiàn)階段：針對(duì)發(fā)現(xiàn)階段研究出的較為成熟的問題和想法，運(yùn)用Prototype等手法不斷嘗試去解決問題，不斷去做模型、進(jìn)行測(cè)試、產(chǎn)品迭代，最終進(jìn)行整體作品的呈現(xiàn)。

?案例1：UI/UX

上圖所示是一個(gè)智能香薰機(jī)和一個(gè)與香薰機(jī)搭配使用的app產(chǎn)品，設(shè)計(jì)師首先講述了自己的設(shè)計(jì)靈感來源：日常使用香薰機(jī)和精油的人已經(jīng)把使用香薰機(jī)的步驟變成了他們的日常，但是用戶在使用過程中會(huì)遇到很多影響體驗(yàn)感的事情，比如要給香薰機(jī)插電、精油用完需要二次購(gòu)買等瑣碎需要花時(shí)間解決的流程步驟，這就會(huì)造成用戶的享受感被降低、氛圍感被打破。

因此，設(shè)計(jì)師提出想法：將使用精油的體驗(yàn)過程變得更加智能以及自動(dòng)化，從而保證使用過程的流暢感，提升用戶的享受度。并以人、健康、生活方式之間的關(guān)系為設(shè)計(jì)切入點(diǎn)，以新技術(shù)為手段，展開后續(xù)的設(shè)計(jì)。

接下來設(shè)計(jì)師開始進(jìn)行背景調(diào)研。在調(diào)研階段，首先就是對(duì)真實(shí)用戶進(jìn)行問卷調(diào)查，由此可以得到用戶的基本分布，了解用戶的基本情況，這便于我們?cè)谠O(shè)計(jì)的時(shí)候思考用戶的多樣性，并以此為后續(xù)設(shè)計(jì)提供依據(jù)。

上圖的右半部分是設(shè)計(jì)師的問題設(shè)置，從問卷的設(shè)計(jì)中就可以看出來這個(gè)設(shè)計(jì)師是否有較為準(zhǔn)確地把握到目標(biāo)的用戶群體，并且通過他的問題得到的問卷結(jié)果是否能得出有助于設(shè)計(jì)的信息，也就是他有沒有問對(duì)問題。

從訪談中提取與設(shè)計(jì)問題相關(guān)的內(nèi)容，這需要設(shè)計(jì)師具有敏銳的觀察力和洞察力。也就是說，我們需要在大量的訪談內(nèi)容中主動(dòng)挖掘到用戶的需求痛點(diǎn)，以及多樣性的用戶對(duì)于相同產(chǎn)品的使用體驗(yàn)的差異，并從中總結(jié)出核心的、清晰的內(nèi)容，這也就是所謂的洞見Insight。

完成了以上的內(nèi)容以后其實(shí)就是完成了雙鉆模型的第一個(gè)階段：發(fā)現(xiàn)尋找和確定問題。接下來就是如何做好和做正確的設(shè)計(jì)，在這個(gè)階段設(shè)計(jì)師要用不同的方法整合信息，對(duì)用戶進(jìn)行更加深入的分析，和用戶產(chǎn)生共情，去分析他們的需求，最終得出自己要做什么、怎么做。具體的設(shè)計(jì)工具就涉及到要制作交互信息架構(gòu)、低保真模型、高保真模型、用戶測(cè)試。

通過這個(gè)案例，交互作品集的大致設(shè)計(jì)流程可以總結(jié)為：

觀察—提出問題—提出假設(shè)—深入調(diào)研—細(xì)化設(shè)計(jì)問題—嘗試解決或探索—制作—測(cè)試/迭代

?案例2 -Tangible interaction

上圖是另外一個(gè)技術(shù)類型的項(xiàng)目。該設(shè)計(jì)的目的是將聽音樂的環(huán)境和享受音樂的感受進(jìn)行創(chuàng)新設(shè)計(jì)，設(shè)計(jì)者討論的設(shè)計(jì)假象——如果我們周圍的物體都有自己的旋律，也就是不同于我們?nèi)粘Ｂ牭降陌自胍?，那我們將?huì)如何改變與周圍物體的交互形式和體驗(yàn)?zāi)?？之后設(shè)計(jì)師進(jìn)行實(shí)踐環(huán)節(jié)，將想法進(jìn)行實(shí)踐，不斷迭代、更新，得出最終結(jié)論。

03?交互設(shè)計(jì)作品集呈現(xiàn)方式

交互設(shè)計(jì)作品有很多不同方面的做法，但是設(shè)計(jì)邏輯大多是相通的，無(wú)論是設(shè)計(jì)交互界面，還是交互體驗(yàn)，我們首先都要有一個(gè)設(shè)計(jì)問題，“我們?yōu)槭裁匆鲞@個(gè)東西？為什么這個(gè)東西值得做？”。

有了問題之后，才能得出答案，例如我們應(yīng)該怎么做，怎么做好它，怎么將作品集更好地呈現(xiàn)。呈現(xiàn)方式有多種，比如：

• 電子Portfolio

• PDF

• Image

• 視頻（vimeo/youtube）

• 個(gè)人網(wǎng)站

建議大家在向老師展現(xiàn)作品集時(shí)，最好有靜態(tài)的方式可以呈現(xiàn)，例如PDF。網(wǎng)站上的動(dòng)畫等內(nèi)容也要在PDF中說明清楚，避免國(guó)外學(xué)校因?yàn)榫W(wǎng)絡(luò)權(quán)限問題而看不了自己的個(gè)人網(wǎng)站視頻的事故發(fā)生。

04?如何做好一個(gè)交互設(shè)計(jì)作品

1.交互設(shè)計(jì)作品常見的問題和誤區(qū)

-邏輯混亂：很多同學(xué)會(huì)擔(dān)心自己不會(huì)使用軟件，急于去進(jìn)行技能上的提升，卻容易忽略邏輯問題，其實(shí)交互設(shè)計(jì)中最重要的是思維能力，其次才是設(shè)計(jì)呈現(xiàn)效果。所以就會(huì)出現(xiàn)很多同學(xué)在設(shè)計(jì)前期做背景調(diào)研的時(shí)候非常盲目、沒有一個(gè)明確的核心的調(diào)研想法，往往花費(fèi)很多時(shí)間得到了大量散亂的調(diào)研內(nèi)容，導(dǎo)致學(xué)生自己無(wú)法從調(diào)研內(nèi)容中得到他獨(dú)特的看法和結(jié)論。

-概念與構(gòu)思：很多同學(xué)的概念形成可能都是基于自己的一些假想，如一些不正確的、未經(jīng)過調(diào)研驗(yàn)證的假設(shè)，在這種假設(shè)上建立“我想要做一個(gè)什么樣的東西可以解決我發(fā)現(xiàn)的這個(gè)問題”。

其實(shí)，這個(gè)所謂的“發(fā)現(xiàn)的問題”僅僅是假設(shè)而已，不僅不能對(duì)設(shè)計(jì)產(chǎn)生幫助，往往還容易帶偏設(shè)計(jì)思路。這就會(huì)出現(xiàn)很多同學(xué)是用調(diào)研去驗(yàn)證自己假設(shè)的情況，我們學(xué)習(xí)交互設(shè)計(jì)不應(yīng)該是在調(diào)研過程中去修正假設(shè)，這樣的調(diào)研是沒有意義的也是虛假的，而是應(yīng)該老老實(shí)實(shí)從調(diào)研開始發(fā)現(xiàn)問題，研究問題，解決問題。

-設(shè)計(jì)選擇隨意：每一個(gè)顏色和材料等都要符合設(shè)計(jì)邏輯，而不能武斷，沒有依據(jù)地按照自己的喜好去選擇

-過分關(guān)注細(xì)節(jié)：有些同學(xué)過分關(guān)注視覺設(shè)計(jì)而顧此失彼，失去了對(duì)整體的宏觀把控，在信息架構(gòu)上缺少總結(jié)與思考。用戶調(diào)研時(shí)過分關(guān)注用戶某一方面的細(xì)節(jié)，導(dǎo)致在后期的-Persona分析不夠宏觀、整體。

例如有同學(xué)想做調(diào)研疫情期間青少年心理健康的問題，在做調(diào)研時(shí)沒有細(xì)化調(diào)研對(duì)象，是哪個(gè)地區(qū)的青少年？是什么樣的青少年？正在上學(xué)還是已經(jīng)輟學(xué)等等。關(guān)于心理健康的調(diào)研，是哪方面的心理健康？人際關(guān)系？學(xué)習(xí)壓力還是其他？調(diào)研內(nèi)容沒有細(xì)化，沒有切入點(diǎn)，是很難去做具體分析的。

-思唯固化，解決主義（solutionism）：做作品時(shí)陷入解決主義。認(rèn)為所有的問題都是可以被解決的，但事實(shí)并非如此。另外，陷入治標(biāo)不治本的陷阱里面，只發(fā)現(xiàn)表面現(xiàn)象并解決問題，沒有發(fā)現(xiàn)深層次的問題原因。

綜上所述，大部分同學(xué)會(huì)陷入作品集模板化的境地，沒有自己的獨(dú)特的風(fēng)格，導(dǎo)致老師在看作品集的時(shí)候覺得千篇一律，沒有亮點(diǎn)。

2.院校老師對(duì)于交互設(shè)計(jì)作品集的判斷準(zhǔn)則

在看作品集時(shí)，老師會(huì)主要從以下方面去判斷作品集是否合適，學(xué)生是否有能力在這個(gè)學(xué)校、這個(gè)專業(yè)進(jìn)行學(xué)習(xí)。

-想法概念（concept）：學(xué)生的關(guān)注點(diǎn)，思考角度是否夠新穎，獨(dú)特，有趣。

-設(shè)計(jì)思維(design thinking )：對(duì)于成熟度沒有很嚴(yán)苛的要求，主要觀察學(xué)生的設(shè)計(jì)潛力，以及根據(jù)作品集上呈現(xiàn)的設(shè)計(jì)思維去判斷同學(xué)在未來的學(xué)習(xí)中能不能發(fā)掘并利用好更多的潛力。并且對(duì)于不同學(xué)習(xí)層次的同學(xué)，老師的觀察著重點(diǎn)都不同，高中生更在意創(chuàng)意性，本科生，研究生更在意設(shè)計(jì)思維和個(gè)人風(fēng)格等。

-設(shè)計(jì)能力（Technique）：是否會(huì)用工具去呈現(xiàn)，實(shí)現(xiàn)你的想法。

3.交互設(shè)計(jì)的批判性

目前大多數(shù)交互思維都是比較單一的（Monological）。例如我們的手機(jī)界面，我們?nèi)绻挥衞k和cancel，永遠(yuǎn)只能進(jìn)入和退出。但是如果是不小心按了ok，就沒有撤銷的余地。

在這個(gè)社會(huì)，我們的外部環(huán)境不斷地在變化，一套單一的體系是永遠(yuǎn)不夠的，因此針對(duì)不同的問題，不同的情況，我們要學(xué)會(huì)用多樣化的角度去思考分析，不斷地去挑戰(zhàn)一些陳舊的思維和形式，在討論和探索中我們才能不斷地進(jìn)步。

我們需要從不同的角度出發(fā)，去解讀和設(shè)計(jì)交互。在道德，政治，文化等等方面，利用批判性理論和分析方法，去探討我們和技術(shù)之間的關(guān)系、我們和機(jī)器互動(dòng)中的體驗(yàn)，然后在不同的平臺(tái)去應(yīng)用。

上圖中的核心部分是我們所討論到的人工智能算法、虛擬現(xiàn)實(shí)、互聯(lián)網(wǎng)等。關(guān)于互聯(lián)網(wǎng)，我們有很多方面可以探索，比如和它的交互方式里面所涉及到的界面，使用交互方式時(shí)所產(chǎn)生的摩擦、沖突等很細(xì)小的東西，這些都值得我們?nèi)ビ懻摗?/p>

從這些問題中我們可以找到很多值得我們真正探討的有意義的問題，然后解決問題。并不是說所有的問題都需要被解決，也不是所有的問題我們都可以通過交互設(shè)計(jì)的方式解決。從我們感興趣的問題點(diǎn)去入手和探討交互設(shè)計(jì)，才是一個(gè)有意義的交互作品的開始。

05?學(xué)校與專業(yè)分析

接下來，分享一下院校選擇的分析。這里主要針對(duì)研究生階段關(guān)于交互設(shè)計(jì)專業(yè)的美國(guó)和其他院校的選擇。

美國(guó)院校主要分綜合類院校和藝術(shù)類院校。CMU、UW和MIT這些學(xué)校更注重于通過邏輯的思考和設(shè)計(jì)，去解決實(shí)際的問題，有著較強(qiáng)的工科思維，同時(shí)也比較注重技術(shù)層面的研究，有著典型的工科綜合大U特質(zhì)。

而以Pratt、RISD、UCLA、ACCD為代表的藝術(shù)類學(xué)校，整體風(fēng)格和感覺會(huì)比較自由和創(chuàng)意，他們都不僅僅在做傳統(tǒng)的交互設(shè)計(jì)。比如說，RISD和UCLA的這兩個(gè)專業(yè)會(huì)更像是在做藝術(shù)，因?yàn)檫@兩所學(xué)校的形式和概念比較先鋒，具備探索性和實(shí)驗(yàn)性。而NYU和Parsons這類的院校會(huì)則會(huì)更加強(qiáng)調(diào)媒體裝置和技術(shù)。

在其他國(guó)家中，比如英國(guó)的皇藝RCA、倫藝LCC則是更注重設(shè)計(jì)的方法論和思維方式，在設(shè)計(jì)的呈現(xiàn)方式上也更多元大膽。歐洲的院校則有著較強(qiáng)的工科特色，和美國(guó)院校類似強(qiáng)調(diào)邏輯的推導(dǎo)和技術(shù)的研究

以上是UXD關(guān)于交互作品集的制作方法的分享，希望能幫助到同學(xué)們，給同學(xué)們?cè)谧鲎髌芳瘯r(shí)提供一些方法，讓大家在做交互設(shè)計(jì)作品集的時(shí)候思路更加清晰。

更多知識(shí)干貨以及其他海外留學(xué)的資訊可以關(guān)注UXD交互工業(yè)產(chǎn)品設(shè)計(jì)分享或者添加小助手，還可獲取講座直播哦~

|福利大放送 | WELFARE?
對(duì)于設(shè)計(jì)初學(xué)者，完成從0開始創(chuàng)作幾乎是不可能的，就像學(xué)習(xí)過程中書讀百遍其義自見一樣。有了大量的積累，才能在腦海里建立素材庫(kù)，這些素材庫(kù)能幫助同學(xué)們完成最初的設(shè)計(jì)想法積累，基于這樣的基礎(chǔ)再進(jìn)行個(gè)性化的創(chuàng)作，最終才能做出高質(zhì)量的作品集。全球院校最新作品集免費(fèi)拿！添加小助手即可獲?。?/p>

UXD交互工業(yè)產(chǎn)品設(shè)計(jì)學(xué)院是尤克斯國(guó)際旗下的一家專注于交互、服務(wù)、工業(yè)、產(chǎn)品設(shè)計(jì)專業(yè)的頂級(jí)設(shè)計(jì)學(xué)院。除了一對(duì)一設(shè)計(jì)課、基礎(chǔ)技能課程、小組課題、設(shè)計(jì)評(píng)圖、聯(lián)合教學(xué)外，我們提供不定主題的公開課和內(nèi)部小組課，教學(xué)計(jì)劃課程由三大部分組成，包括基礎(chǔ)軟件技能教學(xué)、設(shè)計(jì)理論系統(tǒng)講座、申請(qǐng)必備知識(shí)解析等。

本文版權(quán)歸UXD尤克斯所有??

部分圖片來自于網(wǎng)絡(luò)??

如有侵權(quán)請(qǐng)與我們聯(lián)系