产品经理的工作中常常要写后台系统的交互说明，笔者在本文系统介绍了如何写交互说明，分享给大家。

一、交互说明是什么？

原型图上的注释、对交互及数据限制做出说明。

二、交互说明谁在看？

UI设计师/前后端开发者/测试人员。

三、交互说明的意义是什么？

解释原型图中的页面逻辑，降低协同开发过程中的沟通成本。

四、交互说明包含什么？

1. 修订记录

修订记录一般置于原型图的首页，用于在整体协同过程中了解每个人对原型修改的内容及修改时间。

2. 需求说明

列出在当前页面的需求点列表，包含需求的具体内容和覆盖后台页面的数量，避免开发过程中出现页面遗漏的现象。

3. 业务背景

帮助开发者更高效的理解做该功能的目的和在什么场景下使用。

4. 原型中的说明

1）交互形式/页面流程

包含点击、长按和鼠标hover后的展示形式，说明页面间的点击跳转关系、不同角色及登录状态下的页面展示、页面上不同元素及按钮在不同角色场景下的跳转与变化。

2）数据来源/页面内容

标注哪些内容字段是写死的，哪些是上传的、从哪里上传。
3）默认状态

默认状态包括文本框默认文案、下拉框默认选项及列表的默认排序规则。

4）页面埋点

考虑当前页面需要在哪些地方埋点，方便后期通过拉取数据感知该功能在实际业务中的使用情况，根据使用情况判断对该功能进行优化时主次。

5）限制条件

若涉及到填表的部分，说明中应该写清限制条件，包括字段长度的最大值和最小值、图片或文档的格式及大小。

6）操作类型

操作类型包括正确操作、错误操作、异常报错，分别列举出可能出现的情况及操作后的提示文案。

五、后台交互说明应该注意什么？

1. 整体框架

1）上方为系统标题和登录信息，左侧为菜单栏，列表页、查看页、表单页。

2）一般来说，后台很多操作页面样式都很相似，为了减少误操作的可能，所有页面顶部为面包屑页面路径显示，提醒用户当前所在页面。

2. 列表页

1）筛选项

筛选类型包括输入文本的筛选和下拉筛选。原型中需要标注筛选类型是输入文本还是下拉筛选，如果是下拉筛选还要写清下拉列表的内容。

2）操作

需写清操作权限、不同角色点击后跳转情况。

3）列表

注意列表字段排序、列表中记录每个字段的数据来源说明、列表排序规则和权限。

六、后台系统的权限设计

为满足后台系统不同登陆者的需求而设置权限细分，权限设计包含页面权限、数据权限和操作权限。

1. 页面权限

页面权限指用户是否能够查看这个页面及页面中的数据。在实际操作中，我们对该用户的菜单中配置了菜单，即该用户享有了该页面的页面权限。

2. 数据权限

数据权限分为“仅自己的数据”、“部门内数据”、“全部数据”。

• “仅自己的数据”指用户在系统中的数据为自己管理的数据；
• “部门内数据”指用户在系统中的数据为部门内的所有数据；
• “全部数据”指用户在系统中的数据包含后台中的所有数据，“全部数据”是系统中最高级别的数据权限。

3. 操作权限

例如在CRM系统中，一线销售人员、销售组长和销售经理三个角色为岗位层级递增的三个角色。

不同角色对系统中数据进行增删改查的操作范围不同，组长和经理可以通过“选择组内成员”的筛选操作查看他们的数据，一线销售人员没有此项操作。

作者：Caroline；公众号：产品经理的日与夜

本文由 @Caroline 原创发布于人人都是产品经理，未经许可，禁止转载

题图来自 Unsplash，基于 CC0 协议