想做好一個(gè)交互設(shè)計(jì)項(xiàng)目，不如先從了解交互設(shè)計(jì)的來龍去脈開始！??本文UXD將從以下4方面為剛踏入這一領(lǐng)域的同學(xué)們講解關(guān)于交互設(shè)計(jì)的方方面面：

●?交互設(shè)計(jì)的定義和由來

●?交互設(shè)計(jì)的主要分類

●?交互設(shè)計(jì)項(xiàng)目常用的思維方法論

●?學(xué)術(shù)類和工作類交互設(shè)計(jì)項(xiàng)目的區(qū)別

??The definition and origin of Interaction Design

01-交互設(shè)計(jì)的定義和由來）

交互設(shè)計(jì)（Interaction Design，簡稱IxD）旨在探索和設(shè)計(jì)人造物在特定情境下的行為方式（即“交互方式”），涵蓋數(shù)字產(chǎn)品、環(huán)境、系統(tǒng)和服務(wù)等領(lǐng)域。隨著新的人造物不斷涌現(xiàn)，產(chǎn)品和用戶體驗(yàn)日益復(fù)雜，交互設(shè)計(jì)的研究和應(yīng)用也愈發(fā)廣泛。

交互設(shè)計(jì)是設(shè)計(jì)師與用戶之間的對(duì)話，其中用戶基于目的和需求與人造物的界面進(jìn)行操作，并獲得反饋信息。這一概念最初由IDEO創(chuàng)始人之一Bill.Moggridge（莫格里奇）于1984年提出。他設(shè)計(jì)了世界上第一臺(tái)筆記本電腦Compass，并撰寫了影響深遠(yuǎn)的‘Designing Interactions’一書，被譽(yù)為交互設(shè)計(jì)之父。

??The main classifications of Interaction Design

02-交互設(shè)計(jì)的主要分類）

在如今的多媒體時(shí)代下，交互設(shè)計(jì)也正在不斷拓展著新的可能性，包含了更廣泛的數(shù)字領(lǐng)域和非數(shù)字領(lǐng)域，如手機(jī)電腦等界面的交互、智能實(shí)體產(chǎn)品交互、語音交互、AR/VR、無人駕駛、全息投影等…… 我們可以看到交互設(shè)計(jì)師的設(shè)計(jì)對(duì)象是非常多樣的，所以在前沿的交互設(shè)計(jì)教學(xué)中，也非常注重交互設(shè)計(jì)師拓展的領(lǐng)域的多樣性：UI、IOT、AR/VR/MR、語音交互等都有涉及。而在職場環(huán)境中，互聯(lián)網(wǎng)企業(yè)為首的交互設(shè)計(jì)師崗位依然是主流，這些主要是指基于手機(jī)等傳統(tǒng)界面的交互設(shè)計(jì)工作。

??The methodologies in Interaction Design Projects

03-交互設(shè)計(jì)項(xiàng)目常用的思維方法論）

雖然交互設(shè)計(jì)的產(chǎn)出可能性非常多，但是設(shè)計(jì)推進(jìn)的背后都依靠一套完整的Design Thinking交互設(shè)計(jì)思維工具。它對(duì)不同的交互設(shè)計(jì)類型、不同訴求（求學(xué)或工作）的交互設(shè)計(jì)項(xiàng)目都具有普適性。下面我們來重點(diǎn)結(jié)合DT設(shè)計(jì)思維帶大家了解一個(gè)完整交互設(shè)計(jì)的流程：

上圖是UXD總結(jié)的一個(gè)完整交互設(shè)計(jì)的重要流程圖，而這一流程也與雙鉆模型Double Diamond保持了同步性。

?01??提出問題?

清晰和有價(jià)值的選題能起到事半功倍的作用，這個(gè)階段要掌握的能力就是如何提煉好的洞察點(diǎn)。

在這個(gè)階段我們會(huì)開始做一些二手調(diào)研，通過線上查閱資料、后臺(tái)查看數(shù)據(jù)等宏觀方式來了解每個(gè)假設(shè)是否是真實(shí)的問題，是否具有深入的價(jià)值，并且目前已有的方案中是否存在值得改進(jìn)的不足。因此多個(gè)假設(shè)可以得到進(jìn)一步的收攏和驗(yàn)證，變成更具真實(shí)價(jià)值的方向。

而通過這一輪二手調(diào)研，我們也會(huì)得到最終聚焦的問題——它有著清晰的背景介紹、問題說明、設(shè)計(jì)預(yù)期。然后再去進(jìn)行后續(xù)調(diào)研和推導(dǎo)。

?02??用戶研究?

在第一個(gè)環(huán)節(jié)，我們通過二手資料、自我洞察和積累聚焦到了相應(yīng)問題，那么接下來就需要進(jìn)入一手調(diào)研的環(huán)節(jié)，進(jìn)行更加深度的問題發(fā)現(xiàn)。

一手調(diào)研的方法有很多，主要包含：問卷調(diào)研、用戶訪談、焦點(diǎn)小組、文化探源、照片觀察記錄……通過這些方式，我們了解用戶及其相關(guān)使用的場景，對(duì)其有更深刻的認(rèn)識(shí)（主要包括用戶使用時(shí)候的心理模式和行為模式），從而為后繼設(shè)計(jì)提供良好的基礎(chǔ)，找出可能的契機(jī)點(diǎn)與方案方向。Persona、用戶旅程圖等是常用的一些工具。

?03??定義問題

定義問題是雙鉆模型中的第一個(gè)收攏階段。通過對(duì)調(diào)研數(shù)據(jù)的分析和整理，我們推導(dǎo)出在這個(gè)設(shè)計(jì)中核心用戶的畫像，并且這些核心用戶的核心痛點(diǎn)和主要解決的機(jī)會(huì)點(diǎn)。

?04??確定問題?

有了多個(gè)痛點(diǎn)和機(jī)會(huì)點(diǎn)，那么這一步我們會(huì)以邏輯分析的形式，對(duì)問題進(jìn)行優(yōu)先級(jí)排序并總結(jié)提煉出你的項(xiàng)目的核心問題描述——Problem Statement（往往可能是1個(gè)主要的問題結(jié)果，可能由1-3個(gè)問題原因?qū)е碌?，問題原因從更嚴(yán)重往更輕排序）。

一個(gè)PS的句式可以是：誰（核心用戶人群）存在xx的問題（結(jié)果），這是因?yàn)閤x(原因1），xx(原因2）……

因此，我們才得以推導(dǎo)出解決方案的設(shè)計(jì)概念即：HMW

一個(gè)HMW的句式可以是：HMW（假設(shè)我們使用）解決方案1（優(yōu)化問題原因1），解決方案2（優(yōu)化問題原因2）來解決核心用戶人群的xx問題。

?05??發(fā)展設(shè)計(jì)方案?

在雙鉆模型的后半部分也就到了實(shí)際的設(shè)計(jì)動(dòng)手階段，同樣分為發(fā)散和收攏兩個(gè)部分。在這個(gè)階段如何使用一些設(shè)計(jì)方法論輔助呢？我們可以通過：

●?搜集解決問題的客觀方法論，指的是權(quán)威的、有科學(xué)依據(jù)的解決問題的方式方法；

●?通過多樣化的方式，如思維導(dǎo)圖等進(jìn)行Solution的頭腦風(fēng)暴；

●?分析具有參考價(jià)值的案例（Case Study）、分析競品（Competitor Analysis) 來對(duì)比分析可能有價(jià)值的領(lǐng)域；

●?通過故事版、功能卡片等方式輔助設(shè)計(jì)討論，并且進(jìn)行Co-Create快速得到用戶反饋等方式進(jìn)行修正。

?06??原型&測(cè)試?

通過如上的方案構(gòu)想和快速的驗(yàn)證，我們的方案已經(jīng)變得更加清晰可行了，接下來會(huì)開始進(jìn)入原型和測(cè)試環(huán)節(jié)。這里主要以界面設(shè)計(jì)為例：

在一般的交互設(shè)計(jì)作品呈現(xiàn)中，往往包含了低保真&用戶測(cè)試——>中保真&用戶測(cè)試。通常，交互設(shè)計(jì)師采用線框圖來描述設(shè)計(jì)對(duì)象的功能和行為。在線框圖中，采用分頁或者分屏的方式（夾帶相關(guān)部分的注解），來描述系統(tǒng)的細(xì)節(jié)。界面流圖主要用于描述系統(tǒng)的操作流程。

隨著用戶測(cè)試和迭代的不斷進(jìn)展，設(shè)計(jì)的結(jié)果逐漸細(xì)致化，并且根據(jù)用戶的需求不斷地優(yōu)化設(shè)計(jì)方案，直至項(xiàng)目得到滿意的結(jié)果。

?07??呈現(xiàn)設(shè)計(jì)?

最后一個(gè)收歸階段也更為關(guān)鍵，考驗(yàn)設(shè)計(jì)師對(duì)色彩、字體、界面布局、圖標(biāo)、易用性(accessibility)的整體把握，也是交互設(shè)計(jì)師需要掌握的技能（當(dāng)然目前在一些交互設(shè)計(jì)工作中，這個(gè)部分有視覺設(shè)計(jì)師進(jìn)行配合和分擔(dān)，但還是非常建議交互設(shè)計(jì)師掌握）。

在這個(gè)過程中，一個(gè)是需要設(shè)計(jì)師梳理出項(xiàng)目的設(shè)計(jì)系統(tǒng)并且進(jìn)行視覺界面設(shè)計(jì)，此外也需要通過故事版、視覺界面流程圖、用戶使用場景圖等形式將用戶在怎么樣的環(huán)境中如何一步步使用，實(shí)現(xiàn)怎么樣的功能講解清楚。

到此，一個(gè)交互設(shè)計(jì)的作品的流程就結(jié)束了。

??The Differences

04-學(xué)術(shù)類和工作類交互設(shè)計(jì)項(xiàng)目的區(qū)別）

最后結(jié)合交互設(shè)計(jì)作品在不同場景里的特點(diǎn)，再來聊聊DT思維在學(xué)術(shù)類和工作類交互設(shè)計(jì)作品中的差異：

?01??負(fù)責(zé)的流程不同?

●?交互設(shè)計(jì)師在學(xué)術(shù)項(xiàng)目和實(shí)際工作中，負(fù)責(zé)的模塊是不同的。在學(xué)術(shù)項(xiàng)目中，交互設(shè)計(jì)師需要全流程進(jìn)行推演和設(shè)計(jì)。

●?而在實(shí)際工作中，交互設(shè)計(jì)師會(huì)在不同項(xiàng)目階段和角色之間進(jìn)行協(xié)同，主要工作是負(fù)責(zé)在得到一個(gè)明確問題后進(jìn)行HMW到設(shè)計(jì)交付的部分、設(shè)計(jì)走查上線、設(shè)計(jì)上線后跟進(jìn)提出迭代。

?02??DT思維的循環(huán)次數(shù)不同?

●?學(xué)術(shù)類交互設(shè)計(jì)作品往往展示的是如雙鉆模型的過程。終點(diǎn)往往是方案有了完善的設(shè)計(jì)方案但并未上線，也沒有后續(xù)的跟進(jìn)，所以它是1次循環(huán)。

●?實(shí)際工作中的交互設(shè)計(jì)作品是真實(shí)項(xiàng)目，它是一個(gè)隨著業(yè)務(wù)不斷迭代的過程，因此是多次的循環(huán)。

?03??作品著重點(diǎn)不同?

●?學(xué)術(shù)類僅有一次循環(huán)，所以在前期的調(diào)研等階段會(huì)花費(fèi)更多的精力，最終設(shè)計(jì)方案對(duì)可實(shí)現(xiàn)性等的關(guān)注相對(duì)是偏低的。

●?實(shí)際工作中的交互設(shè)計(jì)項(xiàng)目因?yàn)榇嬖诙啻窝h(huán)，對(duì)于前期問題梳理和優(yōu)先級(jí)往往更加清晰明確。而在方案設(shè)計(jì)的邏輯思考，各種流程和異常流程的考慮上會(huì)更多。對(duì)最終的實(shí)現(xiàn)非常關(guān)注，并且也會(huì)埋點(diǎn)統(tǒng)計(jì)收集實(shí)際上線后的數(shù)據(jù)，再提出迭代意見。

?04??媒介多樣性不同?

●?學(xué)術(shù)類作品在準(zhǔn)備上，建議展示能力的多樣性。所以幾個(gè)項(xiàng)目配置上，最好有作品分別是UIUX、ARVR等不同媒介的交互設(shè)計(jì)。

●?工作類作品更具有領(lǐng)域特點(diǎn)，往往根據(jù)所在的行業(yè)類型來，整個(gè)作品集本身的媒介是比較單一的，往往是UIUX項(xiàng)目，而且這些項(xiàng)目在細(xì)節(jié)上著力更多。

?05??展示效果不同?

●?學(xué)術(shù)類作品集的目的是為了申請(qǐng)?jiān)盒＃热缫恍┯脑O(shè)計(jì)類院校更喜歡藝術(shù)感強(qiáng)烈的作品集，因此在作品集準(zhǔn)備上視覺表現(xiàn)張力也是一個(gè)重要的篩選因素，講求項(xiàng)目視覺能力的多樣性；

●?工作類作品則需要匹配到工作場景中去看，項(xiàng)目條理性更加重要，視覺呈現(xiàn)簡潔易懂即可。

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

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

UXD交互工業(yè)產(chǎn)品設(shè)計(jì)學(xué)院是尤克斯國際旗下的一家專注于交互、服務(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)系