交互设计师是什么意思？详解交互设计师的职能、工作内容及常用工具

2023-08-26 08:59:50

交互设计师是什么意思

一、交互设计师是什么

交互设计师（英文：Interaction Designer）是指参与完成对产品与它的使用者之间的互动机制进行分析、预测、定义、规划、描述和探索的过程的设计师，即定义人造物的行为方式的工作者。交互指的是产品与它的使用者之间的互动过程，而交互设计师则是秉承以用户为中心的设计理念，以用户体验度为原则，对交互过程进行研究并开展设计的工作人员。

二、交互设计师的职能

交互设计是以一种目标导向设计，所有的工作内容都是围绕着用户行为去设计的。交互设计师通过去设计用户的行为，让用户更方便更有效率的去完成产品的目标任务，获得愉快地用户体验。

交互设计师的职能.png

交互设计师的职能

从上图中可以看出，交互设计主要干三件事：定义部分需求、定义信息架构和操作流程、组织页面元素并制作原型demo。

1、完善需求

需求不只是业务需求还有用户的情感需求，在情感分析方面，交互设计还是有优势的，交互设计师需要协助产品人员一起完善需求。

2、定义框架

这部分的内容属于交互设计师的核心工作内容，也就是我上一章节所讲的框架设计阶段。这个阶段的产出质量直接影响到业务目标和转化率。如果框架混乱，接下来的界面怎么优化都是无效的。这好比大型超市的走道设计，如果路线规划的不好，再多再大的指引图标都是低效的。交互设计就是让用户快速完成目标，提升操作效率，这才是框架设计的意义所在。定义框架包括结构导航设计、流程的设计。

(1)、结构导航的设计

把我们的产品想象成一个巨大的图书馆，我们需要帮助用户（有目的性的、目的不明确的，无目的性的）寻找他们感兴趣的图书，怎么帮助用户准确的寻找完成目标任务，这就是导航设计。导航的设计任务一般在新项目或重构项目。

导航大概可以分为三种类型：结构导航、关联导航、可用性导航，交互设计师的首要任务就是将业务内容信息组织分类，划分出主次关系，根据业务目的和用户习惯定义规划全局导航和局部导航的设计。

(2)、流程的设计

在流程的规划设计中要遵循：1、以业务目的为主要导向；2、兼容到用户的习惯；3、尽量让流程做减法，多一个流程就会丢一部分用户；4、任务是连贯和清晰的；5、考虑实现方式的复杂程度。

3、组织页面元素并制作原型demo

经过了需求的完善和框架的设计，之前的这些工作还是停留在抽象的想法阶段，怎么把想法转达给项目组的其他人员呢？交互还需要把想法和规划表达出来，那么最好的方式就是制作原型Demo。把Demo做出来，让产品，开发，测试直观的看到产品的雏形, 再广泛的接受意见，对原型进行不断的修正，改进，做简单的用户测试继续挖掘情感需求。

三、交互设计师工作内容

交互设计师工作内容包括：对产品进行行为设计和界面设计。行为设计是指各种用户操作后的效果设计。具体表现为：

1、分析业务需求，深入研究用户的使用偏好、习惯和需求，设计产品的信息展示架构、人机交互界面结构、用户操作流程、交互反馈细节等；

2、输出清晰的产品交互原型和交互说明文档，对产品的整体用户体验与交互设计质量负责；

3、与产品经理、视觉设计师和开发工程师合作，跟进产品的开发与落地；

4、结合用户反馈、竞品分析、用户研究等多角度信息，对产品的交互体验和功能进行改良，持续优化产品的可用性、易用性和用户体验；

5、参与交互规范的制定，输出交互规范文档。

四、交互设计师的职业要求

交互设计师所需的知识按照交互设计的一般流程，即从需求分析开始，到信息架构、流程设计，到原型设计，再到可用性测试，大致包含以下几方面。

1、熟练使用原形制作工具，熟练运用交互设计各种方法；

2、对交互有热情和兴趣，有一定知识积累和眼界。富有激情和创造，勇于挑战。

3、有很强的执行力，出色的沟通意识和表达能力，能与团队和不同职能部门密切合作。并对工作有规划、有结果、有积累。

4、丰富的相关经验和项目背景，能快速理解产品、运营模式。熟悉视觉与前端技术，了解开发常识。

5、建立交互数据分析模型、建立监测规则，整理结果。通过深度的分析和发掘对网站、产品和流程的体验进行优化

6、通过数据指导对UED产出和产品设计。对运营模式进行策略影响，增强业务合作方对交互数据的认知。

7、有较好的沟通能力、团队合作能力。

五、交互设计师工作流程

一个规范的交互设计师的工作流程是：需求分析→设计初稿→设计细化→设计评审→设计走查→效果评估。

1、需求分析

在这个阶段，交互设计师要配合产品经理做好市场调研工作，深刻理解需求，因为只有理解了需求，才能做出符合自身产品特性的好设计。同时也要对竞品进行一定的调研与分析，充分的竞品分析完善你的用户场景，帮你更好地了解产品用户。寻找你的产品与竞品之间的共通性及差异点，找到自己产品的竞争优势，可以帮你清晰自身产品定位，打通自身产品卖点。

工作内容：需求讨论、竞品分析、数据分析、用户调研

2、设计初稿

了解了关键用户信息，交互设计师在这一步会梳理产品任务流程图、产品结构图，以进行管理信息和组织信息，为方便绘制原型图，同时也要输出交互设计最重要的交互文档。

工作内容：系统架构图、用户流程图、导航设计、页面布局、重要的交互方式。

3、设计细化

细化产品功能、内容，得出交互原型，进行测试验证。这个阶段，需要对产品的信息、功能进行优先级排布，进一步细化产品形态，得出详细的功能、流程设计，并画出设计原型，交互Demo，并交与用户测试。

4、设计评审

设计评审的参与者有：产品、设计、前端、后端、测试，主讲人为设计师。设计师对自己的设计产出进行详细讲解，包括导航设计、用户使用流程、设计细节、异常状态等（不讲视觉，因为在标注里有）。主要照顾的对象是前端、后端、测试。前后端关心能不能、好不好实现，接口怎么写。测试关心逻辑是否清晰。

一般情况下，需求评审完后，后端就已经开始工作了，此时后端最关心的就是，设计方案是否会影响到自己的实现方法。如果有，一般是比较介意的，因为他要返工。所以，在跟产品经理之前做设计沟通的时候，如果有后端实现方法的变更，要及时同时后端。这个一般产品经理能判断出来。

5、设计走查

前端样式和交互写完，就可以进行设计走查了，设计师对前后端实现的效果进行验收，把不符合设计稿的地方记录下来提给相应的研发，让研发修改。这个过程可能会循环好几遍。

6、效果评估

项目上线后，1-2个星期就行设计评估，包括定性和定量。通常采用的方式是用户调研、可用性测试、各种用户反馈渠道搜集。交互设计师需要分析用户反馈问题的合理性、是否需要优化。对于值得重视的反馈，需要思考设计方案、推进实现。

六、交互设计师常用工具

1、axure 原型工具

Axure是交互设计师最核心的工具，Web端产品使用较多。通过它输出的"原型"（交互稿）是交互设计师与产品经理、前端开发、后端开发、测试等人员沟通的最好媒介。"原型"是产品开发前期的重要设计内容，它直观的体现了产品的框架结构、界面内容以及功能模块之间的逻辑关系，且不断确认产品中的模糊部分，为后续的视觉设计，产品开发提供了准确的产品信息。主要功能除了绘制"原型设计图"，还包括"操作流程图"、"信息架构图"等其它内容。

2、Sketch （苹果电脑）

Sketch大部分功能和操作思路，和Axure是一样的，如果我们期待做更精致的原型界面，或者出高保真原型时，sketch是个很好的工具。各种方便的插件，大大提升了工作效率。目前工作过的团队基本UI设计都是使用的sketch，如果大家使用同一种工具，那么在交流、修改等时间成本上就会快很多。

3、Xmind or Mindmanager思维导图工具

XMind/mindmanager是非常实用的思维导图软件，简单易用，功能强大。在进行产品规划，头脑风暴，任务分析等工作时，都需要借助XMind来完成。XMind的文件可以导出成Word，PPT，PDF，图片等格式，方便将内容与其他人共享。

4、Viso

viso这款工具主要是用于绘制流程图，操作简单易懂，小伙伴们上手练练就能懂。另外就是ProcessOn，这是一个在线作图工具的聚合平台，它可以在线画流程图、思维导图、UI原型图、UML、网络拓扑图、组织结构图等等，无需担心下载和更新的问题，不管Mac还是Windows，一个浏览器就可以随时随地的发挥创意，规划工作。

5、Figma

Figma是一个基于浏览器的在线工具，与墨刀相似，现在也有桌面版，个人版免费；界面与Sketch相仿，可以制作可交互原型。在国外是时下最多人用的交互设计软件之一。但Figma只有英文版，对网络也有要求。很好用的一个交互工具，只是目前在国内不好推广。

6、MockingBot 墨刀

墨刀是一款在线原型设计与协同工具，以前只有网页版，现在也有客户端，但都需要联网使用。有点类似于Figma，国产中文版的一款很好的交互设计软件。

优点：墨刀上手难度不高，墨可以实现元素切换、界面跳转，动效平滑，可以调试参数；支持win和mac，有桌面版，支持移动端预览（iOS&AndROId），有Sketch插件等。

不足：也是无法实现条件判断等复杂交互逻辑（不过这对于很多项目来说也不一定要做出来，有时间成本和学习难度）。

7、Mockplus

Mockplus（摹客）是一款简洁快速的原型图设计工具。适合制作低保真原型，界面简单，能够快速上手。

优点：界面简洁，快速上手，有交互组件可用，可生成单独的压缩包，打开即可演示。摩客还有一个原型托管平台，也挺方便，不过要收费~

缺点：无法实现复杂逻辑如条件判断等情况的交互，市面上可用的组件较少；适合做手机的简单原型，不适合做网页的原型。2年前用过，不知道现在这么样，平台收费，开发运维不易，支持国产。