編輯導語：交互設計師作為互聯(lián)網(wǎng)產(chǎn)生的新崗位，對大多數(shù)人來說還比較陌生。本篇文章從多個角度帶你了解交互設計師工作流程及產(chǎn)物，一起來看看吧！

想要了解或者學習交互設計？卻又不知道如何下手，或許是很多初入職場的新人所面臨的問題，今天我們就來了解一下交互設計。

一、交互設計初識別

1. 交互設計的定義

交互設計（英文Interaction Design，縮寫IXD)，是定義、設計人造系統(tǒng)的行為的設計領(lǐng)域，它定義了兩個或多個互動的個體之間交流的內(nèi)容和結(jié)構(gòu)，使之互相配合，共同達成某種目的。交互設計努力去創(chuàng)造和建立的是人與產(chǎn)品及服務之間有意義的關(guān)系，以“在充滿社會復雜性的物質(zhì)世界中嵌入信息技術(shù)”為中心。交互系統(tǒng)設計的目標可以從“可用性”和“用戶體驗”兩個層面上進行分析，關(guān)注以人為本的用戶需求-百度。

首先我們先了解一下什么是“交互”，我們?nèi)粘Ｉ钪刑幪幙梢娊换バ袨?，從使用微信與朋友聊天到使用超市自助收款機結(jié)賬，從簡單的聊天操作到復雜的數(shù)據(jù)管理，再到精密的儀器操作，人們對于使用設備的要求越要越高，對于產(chǎn)品使用體驗的需求也越多。

例如如何在排隊買單時結(jié)賬快速又便捷，如何幫助企業(yè)做好降本增效，因此如何滿足用戶在使用中的各項交互體驗，為用戶提供更好使用方案就逐漸衍生出了交互設計師崗位，交互設計是個多行業(yè)交叉學科，包含心理學，社會學，設計及工科等多個領(lǐng)域。

交互設計通俗來說是兩個實體之間的信息交換，例如用戶與產(chǎn)品，系統(tǒng)之間等不同組合的對話設計。與視覺設計師注重外觀表現(xiàn)不同的是，交互設計是更注重行為，交互設計具有一定的場景性，例如我們要煮飯時會打開電飯煲，要讀取U盤信息時會將U盤插入USB接口。

2. 大廠中的的交互設計

進入互聯(lián)網(wǎng)快速發(fā)展的時代，依托于智能手機及網(wǎng)絡的發(fā)展，崛起了一批又一批的互聯(lián)網(wǎng)公司，同時，更多的傳統(tǒng)企業(yè)也尋找數(shù)字化轉(zhuǎn)型之路，企業(yè)對于產(chǎn)品的交互設計也愈發(fā)看重，但較少有公司會設置交互設計師崗位，一般公司多由產(chǎn)品或者視覺設計兼任，但其實三者的崗位職位有著本質(zhì)的差別。

產(chǎn)品經(jīng)理負責產(chǎn)品生命周期，產(chǎn)品規(guī)劃等產(chǎn)品大方向，視覺設計師負責產(chǎn)品的外觀風格定義，運營活動等視覺展現(xiàn)，而對于交互設計師來說，本質(zhì)是挖掘用戶深層次需求與痛點，利用以用戶為中心的設計等交互方法幫助用戶“用的更好” ，更多關(guān)注的是用戶操作流程。

因為交互設計涉及過個學科的特殊性，目前互聯(lián)網(wǎng)公司的交互崗位多是由交互，設計，用戶研究三合一的綜合職位。 交互設計師不僅要處理好產(chǎn)品交互設計，也要負責用戶研究及低保真界面設計。

例如阿里巴巴的交互設計崗位要求：

1. 負責業(yè)務平臺設計部的體驗設計，包含業(yè)務中臺產(chǎn)品化、數(shù)字化政務平臺線上線下一體化體驗設計；
2. 負責從前期的業(yè)務對接、用戶研究、概念設計、最終設計輸出、開發(fā)落地協(xié)同以及產(chǎn)品迭代；
3. 聯(lián)合上下游匯總信息和數(shù)據(jù)，發(fā)掘設計價值機會點，驅(qū)動業(yè)務產(chǎn)生設計價值。

同時頭部互聯(lián)網(wǎng)企業(yè)也會組件內(nèi)部交互體驗設計團隊，例如騰訊CDC，騰訊ISUX ，百度MEUX，58UXD，作業(yè)幫UXC，酷家樂用戶體驗設計，閱文體驗設計YUX等。

二、交互設計的發(fā)展

1. 階段一

交互設計起源于近代設計，但交互在遠古時期就已經(jīng)存在，人類在遠古時期開始使用木頭，石頭等進行簡單的操作，例如轉(zhuǎn)木取火，土著印第安人已經(jīng)學會使用狼煙來進行較遠距離的通信工作，可以見的交互行為在沒有文字的史前年代就被人使用。到了19世紀摩爾斯密碼開始在全球廣泛使用，工程師們則開始研究機器與人之間的響應關(guān)系。

2. 階段二

20世紀40年代起，隨著第一代計算機的發(fā)明，人們不斷的設計新的機器使用方法，如泰得·尼爾森的“Xanadu”項目，希望創(chuàng)造一個可以進行簡單頁面操作的計算機網(wǎng)絡系統(tǒng)，此后計算機科學家及工程師們不斷探索，出現(xiàn)了鼠標鍵盤等交互行為，可以進行點擊，剪切和粘貼等功能。

互聯(lián)網(wǎng)的出現(xiàn)改變了世界，越來越多的傳感器更微電子處理器被用到各行各業(yè)，20世紀90年代，計算機網(wǎng)絡技術(shù)及交互設計逐漸成為一門正式的學科，伴隨著手機和移動設備不斷更新迭代，交互設計也在此階段得到快速發(fā)展。

艾倫·庫珀的《交互設計精髓》，尼爾森的“十大可用性原則”等將“交互設計”重新被定義，設計工程師也從純代碼行交互界面轉(zhuǎn)到了由鼠標點擊圖片操作的GUI界面。

3. 階段三

千禧年開始，各類設備及軟件（手機、筆記本電腦等）逐漸走進千家萬戶，用戶對于產(chǎn)品設備的使用要求也越來越高，用戶界面不僅從實用性，易用性和美觀度都提出了需求，用戶不單單是一對一的使用產(chǎn)品及服務，取而代之的是一對多體驗，用戶可以查看到來自方方面面的信息和數(shù)據(jù)。

而蘋果公司的手勢界面和觸摸屏設計又給交互設計帶來新的面貌與體驗，近年來虛擬技術(shù)，智能VR，AI技術(shù)，語音交互等新技術(shù)的不斷研發(fā)，用戶與機器之間的交互也隨之產(chǎn)生改變，用戶可以通過面部識別，語言表述，動作手勢等進行隔空操作，又為交互設計提供了新的方向。

三、為什么需要交互設計

1. 交互設計的價值

交互設計旨在完成用戶與系統(tǒng)，與機器間“友好地溝通”，目的是為了打開用戶與系統(tǒng)間的交互語言，設計規(guī)范化，流程化的交互模式。跟隨著技術(shù)的不斷前進，交互設計則需要不斷解決技術(shù)與用戶之間的新問題，并且這個過程將會是持續(xù)性的優(yōu)化體驗。

2. 交互設計的方法

在《交互設計指南》中闡述了交互設計的四種常用方法：

（1）以用戶為中心的設計

交互設計的研究中心即是用戶與系統(tǒng)或者機器之間的交流互動，用戶作為主動操作者，對于使用系統(tǒng)或機器前就存在一定的使用期望，而設計師設計中很容易攜帶個人的想法及體驗，以用戶為中心的設計方法，可以幫助設計師轉(zhuǎn)換角度，減少與用戶的體驗沖突。

（2）以活動為中心的設計

和以用戶為中的設計研究類似，但是關(guān)注的對象由用戶轉(zhuǎn)到了具體的活動上，這里不關(guān)注用戶的使用目標和使用傾向，主要圍繞用戶完成某一任務的一系列決策和行為。例如一些功能性較強的產(chǎn)品設計，例如轉(zhuǎn)賬匯款，需要幫助用戶快速完成匯款流程，關(guān)注的更多是對于整個流程的完整性。

（3）系統(tǒng)設計

系統(tǒng)設計也是基于用戶和目標之上的，但系統(tǒng)設計是一種理論化的設計手法，系統(tǒng)設計需要設計一個嚴謹化的設計系統(tǒng)，系統(tǒng)中包含目標，環(huán)境，傳感器，擾動等部件，以一種全視角地圖的方式研究項目，系統(tǒng)設計幫助設計關(guān)注于產(chǎn)品或服務所處的環(huán)境，關(guān)注部件之間的互動關(guān)系。

（4）天才設計

相比較前三種設計方法，天才設計更具有自由性，主要依靠設計師的設計經(jīng)驗和體驗來進行設計，設計師會占據(jù)較大的主導地位，例如蘋果的ipad就是Jonathanlve利用天才設計法創(chuàng)作的。當然這也對新人設計師和用戶產(chǎn)生了問題，單純的依靠設計師又滿足不了各類用戶的需求。

因此使用何種交互設計方式，設計師可根據(jù)實際情況及任務環(huán)境決定。

四、交互設計的工作流程及產(chǎn)物

互聯(lián)網(wǎng)公司常由產(chǎn)品經(jīng)理或領(lǐng)導提出需求，由交互設計師進行需求分析繪制產(chǎn)品原型，然后交由視覺設計師還原成設計稿，最后交付給前后端開發(fā)人員技術(shù)上線。

當然中間還會涉及交互方案評估匯報，設計方案匯報 ，運營人員參與等，在本篇中主要介紹交互設計師所參與的研發(fā)流程。

對于不同的團隊來說，產(chǎn)品設計的過程或多或少存在差異，但也無非是流程的增加或者刪減。

1. 需求分析

針對交互設計的工作流程，我們了解一下交互設計師的日常工作內(nèi)容。

首選是評估需求階段，在產(chǎn)品初創(chuàng)時期我們產(chǎn)品規(guī)劃，用戶群體等還不明確，大部分的需求往往來自產(chǎn)品經(jīng)理或者主管領(lǐng)導，而對于成熟期產(chǎn)品交互設計師在日常工作中也可以自行挖掘用戶使用痛點和機會點。

交互設計師接收到需求后也不是立即著手畫原型，首先評估需求的需求層級，然后進行需求分析，包含產(chǎn)品的市場研究，商業(yè)價值分析，用戶價值分析等，同時也可以利用KANO模型等梳理產(chǎn)品，同時基于項目本身我們可以收集產(chǎn)品相關(guān)歷史數(shù)據(jù)，梳理出相關(guān)競品，行業(yè)現(xiàn)狀，進行競品分析等。匯總后的信息可以形成需求分析報告。

（1）市場分析

主要分析當前市場環(huán)境發(fā)展，了解行業(yè)內(nèi)變化趨勢，為企業(yè)上下游決策提供參考，從細分市場來說可以尋找市場特點，確定行業(yè)的競爭點，同時也可以找到自身的發(fā)展機會。總覽市場可以對發(fā)展風向進行預測，緊跟市場潮流。

（2）背景分析

了解了市場分析，對于產(chǎn)品改版背后的信息也需要交互設計師去發(fā)現(xiàn)，經(jīng)過需求背景分析，我們可以找到產(chǎn)品的特點，是基于什么背景下的進行產(chǎn)品改版，業(yè)務轉(zhuǎn)型等需求，可以幫助我們確定方向，避免設計方向偏移。

（3）競品分析

競品分析對于企業(yè)來說可以幫助我們了解競爭對手的商業(yè)經(jīng)營情況，發(fā)掘自身優(yōu)勢與市場定位，學習市場商業(yè)模式。

對于設計師來說可以了解競品產(chǎn)品結(jié)構(gòu)，交互流程等，為交互設計師優(yōu)化任務流程，調(diào)整模塊順序等提供幫助。同時也可以明確設計目標與方向，為設計方案提供依據(jù)支撐。

競品分析的主要流程有：明確分析目的-收集/篩選競品-梳理分析-結(jié)論輸出。

【明確分析目的】

整個競品分析應以目標結(jié)果為導向，應該避免流于表象的目的，聚焦于產(chǎn)品優(yōu)化目標及圍繞商業(yè)展開，例如提升付款完成率，降低門店運維成本等。

【收集/篩選競品】

根據(jù)主體產(chǎn)品的定位，在了解核心業(yè)務和功能的基礎上尋找合適的競品，競品分成直接競品和間接競品，直接競品就是與我們的主體產(chǎn)品產(chǎn)品形態(tài)，用戶群體等都一致的產(chǎn)品，間接產(chǎn)品是指與我們的主體產(chǎn)品在產(chǎn)品形態(tài)和用戶群體上有很大相似的產(chǎn)品，這些產(chǎn)品也可以為我們改版提供思路。

【梳理分析】

常見的競品分析方式主要有對比法，SOWT分析，測試法等，對比法是比較常用的分析方式，可以利用用戶體驗五要素進行分析產(chǎn)品差異。

完整的競品分析梳理需要包含以下幾個模塊：

1. 市場環(huán)境分析
2. 產(chǎn)品定位分析
3. 業(yè)務流程梳理
4. 設計分析
5. 體驗走查

【結(jié)論輸出】

通過前面的分析匯總，我們可以發(fā)現(xiàn)自身產(chǎn)品與競品間的差異點，以及自身產(chǎn)品的優(yōu)缺點，接下來就需要匯集整理輸出，此時的結(jié)論應當對業(yè)務目標具有建設意義，避免落不到實地的內(nèi)容

2. 交互設計

（1）目標梳理

我們接收到來自產(chǎn)品的需求后需要對需求的目標進行拆解，確定這些需求對應的數(shù)據(jù)指標是什么，如何利用產(chǎn)品的需求轉(zhuǎn)化為設計所能產(chǎn)出的具體內(nèi)容。例如產(chǎn)品方的需求是讓用戶通過首頁進行注冊，并收集相關(guān)信息，對于設計師來說則要梳理為幫助用戶快速注冊，注冊流程盡可能流程等設計可量化的內(nèi)容。

（2）流程解構(gòu)

對于一些涉及到關(guān)鍵用戶的產(chǎn)品需求，交互設計師也會進行用戶研究，分析關(guān)鍵用戶行為信息，以及用戶調(diào)研等對于后續(xù)的交互設計都有切實的幫助。用戶的行為是什么樣？用戶使用前中后在思考什么？用戶的使用預期目標是什么？交互設計并非憑空猜測，交互設計師需要通過以目標為導向的方式進行設計研究，結(jié)合上步中發(fā)現(xiàn)/評估需求我們定義項目目標，可以采用定性與定量方式進行。

【設計目標】

設計目標將會是貫穿我們后續(xù)研究和設計的目標，這個目標需要包含來自產(chǎn)品的業(yè)務目標，也包含來自用戶的使用目標。例如產(chǎn)品的目標是讓用戶進行注冊管理信息，用戶的使用目標是能快速找到注冊入口并完成注冊，結(jié)合兩點設計的目標可以拆解為吸引用戶注冊，提升注冊效率，縮短注冊流程等。

【用戶研究】

針對用戶研究我們要確定設計方案，篩選出關(guān)鍵用戶，進行用戶群體分析，同時我們可以根據(jù)收集到的數(shù)據(jù)信息繪制用戶畫像，簡單的用戶畫像包含用戶基礎信息，使用場景，使用目標，使用需求及動機等。

進行用戶研究可以幫助交互設計師理解當前的產(chǎn)品架構(gòu)是否滿足用戶的需要，分析用戶是如何理解產(chǎn)品的，同時在分析流程時可以帶入用戶信息，研究產(chǎn)品的易用性，對于企業(yè)來說，當產(chǎn)品需求與用戶價值極度匹配時，商業(yè)價值也會能發(fā)揮到最大，提升商業(yè)價值。

【用戶體驗地圖】

作用：用戶是如何使用產(chǎn)品的呢？用戶使用產(chǎn)品是什么樣的情緒呢？在使用產(chǎn)品過程中會遇到哪些問題呢？想要了解這些問題可以從繪制用戶體驗地圖開始。

用戶體驗地圖可以幫助交互設計師了解用戶是如何與產(chǎn)品進行交互操作的，是一種展示用戶使用產(chǎn)品時為某個目標而經(jīng)歷的過程的可視化表達。同時可以直觀的展示用戶體驗痛點，發(fā)現(xiàn)產(chǎn)品機會點以及預測未來可能會出現(xiàn)的問題。

一張完整的用戶體驗地圖應該包含用戶角色，行為階段，用戶行為，承載媒介，用戶情緒，用戶痛點，潛在機會等內(nèi)容。

值得注意的是，用戶體驗地圖也具有時效性，交互設計師也需要根據(jù)業(yè)務和任務流程的調(diào)整來更新體驗地圖。也不可以根據(jù)個人的臆想來定位用戶的想法，整個研究的過程是為了更好的滿足用戶體驗得出具有指導性的意見和結(jié)論，不要為了研究而研究哦～

【設計原則】

我們確定了設計目標，了解了用戶行為路徑，如何設計好適合用戶產(chǎn)品還需要掌握一些設計原則也就是設計理論，這些原則可以幫助我們設計出更完善更貼合使用規(guī)范的頁面，并進行盧理論支撐。掌握原則并非處處使用，選擇適合的內(nèi)容，設計時可靈活運用。

【桌面研究】

桌面研究相比較用戶訪談，可用性測試會直白一些，通過互聯(lián)網(wǎng)平臺，書籍資料等尋找相關(guān)信息，以幫助我們更好的分析需求背景，發(fā)現(xiàn)產(chǎn)品改版點。桌面研究研究成本較低，可以獲取多個方向的數(shù)據(jù)資料，但因為網(wǎng)絡和書籍信息可能存在滯后性，時效性較差。

（3）繪制原型/交互文檔

了解了關(guān)鍵用戶信息，交互設計師在這一步會梳理產(chǎn)品任務流程圖、產(chǎn)品結(jié)構(gòu)圖，以進行管理信息和組織信息，為方便繪制原型圖，同時也要輸出交互設計最重要的交互文檔。

【任務流程圖】

任務流程圖是為了一個明確的目標而進行有特定邏輯關(guān)系的步驟，主要梳理任務流程，確定使用規(guī)范和表述規(guī)范，可以描述用戶在使用產(chǎn)品中從開始到結(jié)束時的操作流程，有時也會包含多個操作用戶，清晰明了的任務流程圖可以細致的展示用戶所需要面臨的每一個情況和關(guān)鍵點，這樣可以幫助交互設計師更好的帶入角色，保證任務流程邏輯的暢通。

單方向的任務流程，例如用戶掃碼支付，用戶需要從打開APP，到完成支付一步一步流程進行，不可以跳過。

【信息結(jié)構(gòu)圖】

而信息結(jié)構(gòu)圖是梳理產(chǎn)品的信息框架，對于復雜的業(yè)務梳理信息結(jié)構(gòu)圖有助于幫助設計師理解產(chǎn)品，根據(jù)不同的產(chǎn)品類型設計不同的信息架構(gòu)，有的輻射信息點范圍較廣，有的會涉及到較深的信息點。常用的分類結(jié)構(gòu)是線性結(jié)構(gòu) ，是一種 ，此外還有層級結(jié)構(gòu)，自然結(jié)構(gòu)，矩形結(jié)構(gòu)等。

【產(chǎn)品原型圖】

梳理出任務流程圖及產(chǎn)品結(jié)構(gòu)圖后，就到了交互設計師的主要工作部分，繪制交互原型圖，交互原型圖的作用主要是快速還原原稿的實物特征，進行模擬實驗，用來降低時間和開發(fā)成本，是對用戶使用流程模擬，一般以低保真原型為主，主要是為了表達理念，以節(jié)約時間成本，這一環(huán)節(jié)中邏輯很重要。要保證任務流程的完整度，減少頁面內(nèi)的信息缺失。因為只是表述頁面之間的流轉(zhuǎn)，十分便于調(diào)整和修改，可以根據(jù)項目需求及時響應。

產(chǎn)品原型圖需要基于流程圖繪制，根據(jù)已有的頁面布局，確定模塊間合適的關(guān)系，包含什么承載方式，大小，控件的各種狀態(tài)等，同時也要注意內(nèi)容的整體邏輯性，符合可用性原則。

【交互文檔】

交互設計文檔包含項目基本信息及之前對需求的各項研究和結(jié)論，能夠在部門間進行高效處理問題，完整的交互文檔有利于部門間的分工協(xié)作，有助于信息記錄，交互文檔應當盡可能全面，細節(jié)到功能的不同狀態(tài)及異常態(tài)處理，同時保持內(nèi)容簡潔，清晰直觀是文檔的基礎要求。

（4）交互評審

經(jīng)過一輪的需求分析及產(chǎn)品梳理，我們手上設計產(chǎn)物已經(jīng)有：需求分析報告，用戶研究信息，用戶畫像，用戶體驗地圖，任務流程圖 ，產(chǎn)品結(jié)構(gòu)圖，交互原型圖，交互說明文檔，同時在設計中還可能設計核心功能分析，線框草圖等等。為了評估整個流程的專業(yè)性，就需要進行專家評審，以確定最終的設計方向。

在這一環(huán)節(jié)，交互設計師需要將整體的設計思路，通過講解，分享等方式呈現(xiàn)給聽眾?？梢圆捎肞PT，PDF等方式進行。

3. 視覺設計

產(chǎn)出視覺/設計評審：

這一階段主要由視覺設計師進行頁面繪制，覺設計師前期需要分析競品等確定頁面色彩，模塊對應位置關(guān)系，圖標大小等，了解用戶交互行為，并輸出視覺規(guī)范，保證在不同頁面間保持相同的效果。

當視覺設計師繪制完成頁面后，需要進行設計評審，視覺評審需求確定視覺調(diào)性及風格是否一致，設計語言是否統(tǒng)一，是否完成了設計目標等問題。

4. 設計跟進

設計交付：

頁面設計完成后，需要由設計師切圖交付給到程序員進行頁面開發(fā)，需要包含頁面切圖，設計文檔等。也可以對需要研究的數(shù)據(jù)進行數(shù)據(jù)埋點，以驗證設計效果。

5. 復盤總結(jié)

上線測試/持續(xù)跟蹤：

經(jīng)過專家評審的溝通評定，就可以進入測試環(huán)節(jié)，此時交互設計師則需要根據(jù)上線測試的結(jié)果進行分析，查看那些調(diào)整是成功的，那些問題是遺漏的，根據(jù)測試實驗的分析在上線前進行嚴格的調(diào)整，以確保項目的順利進行。

五、寫在最后

由于篇幅有限，完整的交互設計流程沒有全部展開，只是描述了交互崗位的大綱與框架，想要深入學習交互設計還應多看相關(guān)文章及書籍，同時進行相關(guān)實踐體驗，學習更多的交互設計方法論充實自己。在這個信息更新之快的時代，交互設計師也應該及時更新自己的知識庫，緊跟交互設計趨勢，培養(yǎng)優(yōu)秀的設計思維及方法，向一個優(yōu)秀的交互設計師邁進。