“冤种职位？”交互设计到底在做些什么？

“在设计中寻找真理，探索每一个设计背后的意义。”


之前和几个做交互设计的朋友聊天，共同谈到了一个问题：“公司里有的部门不知道交互设计师是做什么的”，了解产品经理是负责整个产品架构的，UI设计师是负责界面视觉的美观性的，而交互设计他们是做什么的呢？

简单的说就是帮助产品的整个流程做详细的介绍和细节内容展示，工作主要集合了全局设计说明、业务流程图、页面流程、交互补充说明等；

从目前的内卷程度就业大环境来讲，各个岗位的职责变得越来越交叉，对设计师的要求越来越高，交互要有一些产品思维，甚至要负责产品的一些工作；UI设计要懂一些交互方面的知识，这点我们可以看下boss直聘的岗位描述。

看完我真的会谢～
那日常工作中交互设计师是怎样的工作流程，以及产出物主要有什么，今天我们来聊一聊这个话题。
我们都知道在一个产品开发前需要产品经理去产出一个prd文档，那这个prd文档主要是供业务人员、设计师和开发人员查阅。

但产品经理写的文档更偏向于整体的功能性规划，大概包含一些功能模块和核心流程。

有时候开发并不能对全部的文档内容理解和吸收，也不太清楚点击页面之后的交互模式是什么，显示的信息以何种交互状态展示，包括点击后数据的变化是怎样的...

所以说prd文档是需要交互设计师去补充的，需要产品经理和交互设计的共同合作才能产出一个完整的prd文档，那这个prd文档主要包含了哪些内容呢，我们详细的说下。





01项目概要

这一点相对是比较重要的。需要详细地讲述项目的背景是什么、以及需求来源。

一个好的需求必须满足四个原则和两个维度，那这两个维度就是满足用户价值和业务价值，用户价值就是了解用户对这个需求是否迫切；产品价值就是是否能为公司赚到钱。

小组成员
需要去记录产品经理、测试人员、开发人员（后端和前端）、设计人员（交互设计和UI设计）

版本及修改记录
每一次需求的修改和会议的纪要都要呈现在这里面，保证每一次需求更改的同步。

之前在工作中就遇到过没及时同步的事情，因为一个需求特别急，产品经理修改完一个模块，就立马安排开发上线了，但是这个过程中设计师、测试人员并不知情，最后导致上线之后出现了问题。

所以说为了避免这样的失误，要及时同步版本及修改记录、还要告知项目组里的每一名成员，明确发生的变动以及变动的原因。



02 流程图

业务流程图

我们首先说下业务流程图。业务流程图就是系统内各单位、人员之间业务关系、作业顺序和关系信息流向的图表。

简单的说就是由不同的角色在单个任务流程图里和其他的角色进行协作所发生的流程，又称泳道图，举两个例子。

业务描述1：
老师在课堂上向学生们教授知识，让学生们通过学到的知识完成本章试卷的填写然后家长进行批改。

业务描述2：
用户通过外卖平台点了一份外卖，收到外卖后对其进行评价。

任务流程图

任务流程图表达的是用户在执行某个具体任务时的工作流程，包括具体的操作步骤。

网易云音乐收藏案例：

点击收藏按钮后，要去判断用户是否登录，没有登录就跳转用户登录界面。
如果登陆的话需要去判断网络状态，网络状态一般分为几种：有网络、没网络、网络信号不佳、Wi-Fi转4G、网络连接超时；

如果网络状态不好需要根据不同原因toast提示给用户，比如“没网络，请稍后再试”等。

03 原型图

原型图绘制规范

产品所做的原型里基本上包含了产品框架、页面布局和主要业务流程，展现了产品大致的结构和功能。而交互设计师需要做的就是根据产品原型，将交互说明和页面内容补充完整。

因为原型页面的数量很多，浏览过程中可能会花费较多的时间去理解，所以为了保证页面的易读性，我们需要在界面上做点“功夫”。对于界面的部分我一般会遵循以下几点原则：

• 降噪原则

颜色过多、字数过多、图形过繁，都是分散注意力的”噪音”，整体色调必须以灰色系为主，点缀色为辅。

• 一致原则

不同页面相同内容，设计上的必须保证一致性和连贯性；不同页面相同元件和交互事件必须保证一致性。

• 留白原则

注意页面元素的密度，保持必要的空白。


交互说明
画出功能的所有交互状态，清晰地显性化表示交互状态是作为交互基本功。一个好的标注满足以下几个条件：

• 标注点的位置及含义

在做交互标记前，定义好每个标记的含义，形成统一的规范，使团队成员易于理解。
一般建议使用Axure自带的水滴形样式用来标注位置，使用圆圈+数字/字母来解释说明；圆圈+箭头来识别页面的跳转关系。

• 梳理所有对象和逻辑关系、状态

针对于复杂的功能，尽量在一个页面上显示出所有的交互动态，避免开发或设计在看原型时产生遗漏。
如果没有全部展示出来的话，在测试阶段会发现很多问题，所以为了产品后期稳定的测试以及部门之间甩锅，还是要好好做标注。
以微信消息列表页为例，先用脑图画出所有的状态，补齐所有交互状态，后面再画的时候效率会高很多。

• 模块化区分和标记

在当前页面以表格的形式列出模块的规则，一般会写功能名称、编号、角色、备注、事件、前置条件和后置条件，每个功能做成一个模块，有利于往后的维护和迭代。

原型来源于: 得到App


写在最后


今天浅显的总结了交互设计师所需要负责的工作，但在实际工作中遇到的问题比这还多上许多，是需要我们在工作中去实践并解决的，后面会详细写下在交互工作中应重点关注的场景和检查点等等。


最近了解到就业环境不是很好，疫情也开始反扑，大家心里都很焦虑烦闷，我自己也有过这样的一段时间，直到前天在B站上看到莫言老师写给全国青年的一封信后，豁然开朗。


“如果人生遇到艰难时刻，该怎么办？”


当我们遇到艰难时刻不要灰心，不要沮丧；希望总是在失望，甚至是绝望时产生的。

一个人可以被生活打败，但是不能被它打倒，希望我们都能做一个不被大风吹倒的人。