139-1008-4168

首頁 > SEO建站 > 建站百科交互設計師是什么意思？詳解交互設計師的職能、工作內(nèi)容及常用工具

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

2023-08-26 08:59:50

推薦訪問：SEO百科 SEO資料建站百科營銷百科

交互設計師是什么意思

一、交互設計師是什么

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

二、交互設計師的職能

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

交互設計師的職能.png

交互設計師的職能

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

1、完善需求

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

2、定義框架

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

(1)、結構導航的設計

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

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

(2)、流程的設計

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

五、交互設計師工作流程

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

1、需求分析

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

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

2、設計初稿

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

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

3、設計細化

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

4、設計評審

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

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

5、設計走查

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

6、效果評估

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

六、交互設計師常用工具

1、axure 原型工具

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

2、Sketch （蘋果電腦）

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

3、Xmind or Mindmanager思維導圖工具

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

4、Viso

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

5、Figma

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

6、MockingBot 墨刀

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

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

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

7、Mockplus

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

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

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