交互設(shè)計師是什么意思？詳解交互設(shè)計師的職能、工作內(nèi)容及常用工具

2023-08-26 08:59:50

交互設(shè)計師是什么意思

一、交互設(shè)計師是什么

交互設(shè)計師（英文：Interaction Designer）是指參與完成對產(chǎn)品與它的使用者之間的互動機制進行分析、預(yù)測、定義、規(guī)劃、描述和探索的過程的設(shè)計師，即定義人造物的行為方式的工作者。交互指的是產(chǎn)品與它的使用者之間的互動過程，而交互設(shè)計師則是秉承以用戶為中心的設(shè)計理念，以用戶體驗度為原則，對交互過程進行研究并開展設(shè)計的工作人員。

二、交互設(shè)計師的職能

交互設(shè)計是以一種目標(biāo)導(dǎo)向設(shè)計，所有的工作內(nèi)容都是圍繞著用戶行為去設(shè)計的。交互設(shè)計師通過去設(shè)計用戶的行為，讓用戶更方便更有效率的去完成產(chǎn)品的目標(biāo)任務(wù)，獲得愉快地用戶體驗。

交互設(shè)計師的職能.png

交互設(shè)計師的職能

從上圖中可以看出，交互設(shè)計主要干三件事：定義部分需求、定義信息架構(gòu)和操作流程、組織頁面元素并制作原型demo。

1、完善需求

需求不只是業(yè)務(wù)需求還有用戶的情感需求，在情感分析方面，交互設(shè)計還是有優(yōu)勢的，交互設(shè)計師需要協(xié)助產(chǎn)品人員一起完善需求。

2、定義框架

這部分的內(nèi)容屬于交互設(shè)計師的核心工作內(nèi)容，也就是我上一章節(jié)所講的框架設(shè)計階段。這個階段的產(chǎn)出質(zhì)量直接影響到業(yè)務(wù)目標(biāo)和轉(zhuǎn)化率。如果框架混亂，接下來的界面怎么優(yōu)化都是無效的。這好比大型超市的走道設(shè)計，如果路線規(guī)劃的不好，再多再大的指引圖標(biāo)都是低效的。交互設(shè)計就是讓用戶快速完成目標(biāo)，提升操作效率，這才是框架設(shè)計的意義所在。定義框架包括結(jié)構(gòu)導(dǎo)航設(shè)計、流程的設(shè)計。

(1)、結(jié)構(gòu)導(dǎo)航的設(shè)計

把我們的產(chǎn)品想象成一個巨大的圖書館，我們需要幫助用戶（有目的性的、目的不明確的，無目的性的）尋找他們感興趣的圖書，怎么幫助用戶準(zhǔn)確的尋找完成目標(biāo)任務(wù)，這就是導(dǎo)航設(shè)計。導(dǎo)航的設(shè)計任務(wù)一般在新項目或重構(gòu)項目。

導(dǎo)航大概可以分為三種類型：結(jié)構(gòu)導(dǎo)航、關(guān)聯(lián)導(dǎo)航、可用性導(dǎo)航，交互設(shè)計師的首要任務(wù)就是將業(yè)務(wù)內(nèi)容信息組織分類，劃分出主次關(guān)系，根據(jù)業(yè)務(wù)目的和用戶習(xí)慣定義規(guī)劃全局導(dǎo)航和局部導(dǎo)航的設(shè)計。

(2)、流程的設(shè)計

在流程的規(guī)劃設(shè)計中要遵循：1、以業(yè)務(wù)目的為主要導(dǎo)向；2、兼容到用戶的習(xí)慣；3、盡量讓流程做減法，多一個流程就會丟一部分用戶；4、任務(wù)是連貫和清晰的；5、考慮實現(xiàn)方式的復(fù)雜程度。

3、組織頁面元素并制作原型demo

經(jīng)過了需求的完善和框架的設(shè)計，之前的這些工作還是停留在抽象的想法階段，怎么把想法轉(zhuǎn)達給項目組的其他人員呢？交互還需要把想法和規(guī)劃表達出來，那么最好的方式就是制作原型Demo。把Demo做出來，讓產(chǎn)品，開發(fā)，測試直觀的看到產(chǎn)品的雛形, 再廣泛的接受意見，對原型進行不斷的修正，改進，做簡單的用戶測試繼續(xù)挖掘情感需求。

三、交互設(shè)計師工作內(nèi)容

交互設(shè)計師工作內(nèi)容包括：對產(chǎn)品進行行為設(shè)計和界面設(shè)計。行為設(shè)計是指各種用戶操作后的效果設(shè)計。具體表現(xiàn)為：

1、分析業(yè)務(wù)需求，深入研究用戶的使用偏好、習(xí)慣和需求，設(shè)計產(chǎn)品的信息展示架構(gòu)、人機交互界面結(jié)構(gòu)、用戶操作流程、交互反饋細節(jié)等；

2、輸出清晰的產(chǎn)品交互原型和交互說明文檔，對產(chǎn)品的整體用戶體驗與交互設(shè)計質(zhì)量負責(zé)；

3、與產(chǎn)品經(jīng)理、視覺設(shè)計師和開發(fā)工程師合作，跟進產(chǎn)品的開發(fā)與落地；

4、結(jié)合用戶反饋、競品分析、用戶研究等多角度信息，對產(chǎn)品的交互體驗和功能進行改良，持續(xù)優(yōu)化產(chǎn)品的可用性、易用性和用戶體驗；

5、參與交互規(guī)范的制定，輸出交互規(guī)范文檔。

四、交互設(shè)計師的職業(yè)要求

交互設(shè)計師所需的知識按照交互設(shè)計的一般流程，即從需求分析開始，到信息架構(gòu)、流程設(shè)計，到原型設(shè)計，再到可用性測試，大致包含以下幾方面。

1、熟練使用原形制作工具，熟練運用交互設(shè)計各種方法；

2、對交互有熱情和興趣，有一定知識積累和眼界。富有激情和創(chuàng)造，勇于挑戰(zhàn)。

3、有很強的執(zhí)行力，出色的溝通意識和表達能力，能與團隊和不同職能部門密切合作。并對工作有規(guī)劃、有結(jié)果、有積累。

4、豐富的相關(guān)經(jīng)驗和項目背景，能快速理解產(chǎn)品、運營模式。熟悉視覺與前端技術(shù)，了解開發(fā)常識。

5、建立交互數(shù)據(jù)分析模型、建立監(jiān)測規(guī)則，整理結(jié)果。通過深度的分析和發(fā)掘?qū)W(wǎng)站、產(chǎn)品和流程的體驗進行優(yōu)化

6、通過數(shù)據(jù)指導(dǎo)對UED產(chǎn)出和產(chǎn)品設(shè)計。對運營模式進行策略影響，增強業(yè)務(wù)合作方對交互數(shù)據(jù)的認知。

7、有較好的溝通能力、團隊合作能力。

五、交互設(shè)計師工作流程

一個規(guī)范的交互設(shè)計師的工作流程是：需求分析→設(shè)計初稿→設(shè)計細化→設(shè)計評審→設(shè)計走查→效果評估。

1、需求分析

在這個階段，交互設(shè)計師要配合產(chǎn)品經(jīng)理做好市場調(diào)研工作，深刻理解需求，因為只有理解了需求，才能做出符合自身產(chǎn)品特性的好設(shè)計。同時也要對競品進行一定的調(diào)研與分析，充分的競品分析完善你的用戶場景，幫你更好地了解產(chǎn)品用戶。尋找你的產(chǎn)品與競品之間的共通性及差異點，找到自己產(chǎn)品的競爭優(yōu)勢，可以幫你清晰自身產(chǎn)品定位，打通自身產(chǎn)品賣點。

工作內(nèi)容：需求討論、競品分析、數(shù)據(jù)分析、用戶調(diào)研

2、設(shè)計初稿

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

工作內(nèi)容：系統(tǒng)架構(gòu)圖、用戶流程圖、導(dǎo)航設(shè)計、頁面布局、重要的交互方式。

3、設(shè)計細化

細化產(chǎn)品功能、內(nèi)容，得出交互原型，進行測試驗證。這個階段，需要對產(chǎn)品的信息、功能進行優(yōu)先級排布，進一步細化產(chǎn)品形態(tài)，得出詳細的功能、流程設(shè)計，并畫出設(shè)計原型，交互Demo，并交與用戶測試。

4、設(shè)計評審

設(shè)計評審的參與者有：產(chǎn)品、設(shè)計、前端、后端、測試，主講人為設(shè)計師。設(shè)計師對自己的設(shè)計產(chǎn)出進行詳細講解，包括導(dǎo)航設(shè)計、用戶使用流程、設(shè)計細節(jié)、異常狀態(tài)等（不講視覺，因為在標(biāo)注里有）。主要照顧的對象是前端、后端、測試。前后端關(guān)心能不能、好不好實現(xiàn)，接口怎么寫。測試關(guān)心邏輯是否清晰。

一般情況下，需求評審?fù)旰螅蠖司鸵呀?jīng)開始工作了，此時后端最關(guān)心的就是，設(shè)計方案是否會影響到自己的實現(xiàn)方法。如果有，一般是比較介意的，因為他要返工。所以，在跟產(chǎn)品經(jīng)理之前做設(shè)計溝通的時候，如果有后端實現(xiàn)方法的變更，要及時同時后端。這個一般產(chǎn)品經(jīng)理能判斷出來。

5、設(shè)計走查

前端樣式和交互寫完，就可以進行設(shè)計走查了，設(shè)計師對前后端實現(xiàn)的效果進行驗收，把不符合設(shè)計稿的地方記錄下來提給相應(yīng)的研發(fā)，讓研發(fā)修改。這個過程可能會循環(huán)好幾遍。

6、效果評估

項目上線后，1-2個星期就行設(shè)計評估，包括定性和定量。通常采用的方式是用戶調(diào)研、可用性測試、各種用戶反饋渠道搜集。交互設(shè)計師需要分析用戶反饋問題的合理性、是否需要優(yōu)化。對于值得重視的反饋，需要思考設(shè)計方案、推進實現(xiàn)。

六、交互設(shè)計師常用工具

1、axure 原型工具

Axure是交互設(shè)計師最核心的工具，Web端產(chǎn)品使用較多。通過它輸出的"原型"（交互稿）是交互設(shè)計師與產(chǎn)品經(jīng)理、前端開發(fā)、后端開發(fā)、測試等人員溝通的最好媒介。"原型"是產(chǎn)品開發(fā)前期的重要設(shè)計內(nèi)容，它直觀的體現(xiàn)了產(chǎn)品的框架結(jié)構(gòu)、界面內(nèi)容以及功能模塊之間的邏輯關(guān)系，且不斷確認產(chǎn)品中的模糊部分，為后續(xù)的視覺設(shè)計，產(chǎn)品開發(fā)提供了準(zhǔn)確的產(chǎn)品信息。主要功能除了繪制"原型設(shè)計圖"，還包括"操作流程圖"、"信息架構(gòu)圖"等其它內(nèi)容。

2、Sketch （蘋果電腦）

Sketch大部分功能和操作思路，和Axure是一樣的，如果我們期待做更精致的原型界面，或者出高保真原型時，sketch是個很好的工具。各種方便的插件，大大提升了工作效率。目前工作過的團隊基本UI設(shè)計都是使用的sketch，如果大家使用同一種工具，那么在交流、修改等時間成本上就會快很多。

3、Xmind or Mindmanager思維導(dǎo)圖工具

XMind/mindmanager是非常實用的思維導(dǎo)圖軟件，簡單易用，功能強大。在進行產(chǎn)品規(guī)劃，頭腦風(fēng)暴，任務(wù)分析等工作時，都需要借助XMind來完成。XMind的文件可以導(dǎo)出成Word，PPT，PDF，圖片等格式，方便將內(nèi)容與其他人共享。

4、Viso

viso這款工具主要是用于繪制流程圖，操作簡單易懂，小伙伴們上手練練就能懂。另外就是ProcessOn，這是一個在線作圖工具的聚合平臺，它可以在線畫流程圖、思維導(dǎo)圖、UI原型圖、UML、網(wǎng)絡(luò)拓撲圖、組織結(jié)構(gòu)圖等等，無需擔(dān)心下載和更新的問題，不管Mac還是Windows，一個瀏覽器就可以隨時隨地的發(fā)揮創(chuàng)意，規(guī)劃工作。

5、Figma

Figma是一個基于瀏覽器的在線工具，與墨刀相似，現(xiàn)在也有桌面版，個人版免費；界面與Sketch相仿，可以制作可交互原型。在國外是時下最多人用的交互設(shè)計軟件之一。但Figma只有英文版，對網(wǎng)絡(luò)也有要求。很好用的一個交互工具，只是目前在國內(nèi)不好推廣。

6、MockingBot 墨刀

墨刀是一款在線原型設(shè)計與協(xié)同工具，以前只有網(wǎng)頁版，現(xiàn)在也有客戶端，但都需要聯(lián)網(wǎng)使用。有點類似于Figma，國產(chǎn)中文版的一款很好的交互設(shè)計軟件。

優(yōu)點：墨刀上手難度不高，墨可以實現(xiàn)元素切換、界面跳轉(zhuǎn)，動效平滑，可以調(diào)試參數(shù)；支持win和mac，有桌面版，支持移動端預(yù)覽（iOS&AndROId），有Sketch插件等。

不足：也是無法實現(xiàn)條件判斷等復(fù)雜交互邏輯（不過這對于很多項目來說也不一定要做出來，有時間成本和學(xué)習(xí)難度）。

7、Mockplus

Mockplus（摹客）是一款簡潔快速的原型圖設(shè)計工具。適合制作低保真原型，界面簡單，能夠快速上手。

優(yōu)點：界面簡潔，快速上手，有交互組件可用，可生成單獨的壓縮包，打開即可演示。摩客還有一個原型托管平臺，也挺方便，不過要收費~

缺點：無法實現(xiàn)復(fù)雜邏輯如條件判斷等情況的交互，市面上可用的組件較少；適合做手機的簡單原型，不適合做網(wǎng)頁的原型。2年前用過，不知道現(xiàn)在這么樣，平臺收費，開發(fā)運維不易，支持國產(chǎn)。