产品经理的工作中常常要写后台系统的交互说明,笔者在本文系统介绍了如何写交互说明,分享给大家。
一、交互说明是什么?
原型图上的注释、对交互及数据限制做出说明。
二、交互说明谁在看?
UI设计师/前后端开发者/测试人员。
三、交互说明的意义是什么?
解释原型图中的页面逻辑,降低协同开发过程中的沟通成本。
四、交互说明包含什么?
1. 修订记录
修订记录一般置于原型图的首页,用于在整体协同过程中了解每个人对原型修改的内容及修改时间。
2. 需求说明
列出在当前页面的需求点列表,包含需求的具体内容和覆盖后台页面的数量,避免开发过程中出现页面遗漏的现象。
3. 业务背景
帮助开发者更高效的理解做该功能的目的和在什么场景下使用。
4. 原型中的说明
1)交互形式/页面流程
包含点击、长按和鼠标hover后的展示形式,说明页面间的点击跳转关系、不同角色及登录状态下的页面展示、页面上不同元素及按钮在不同角色场景下的跳转与变化。
标注哪些内容字段是写死的,哪些是上传的、从哪里上传。
3)默认状态
默认状态包括文本框默认文案、下拉框默认选项及列表的默认排序规则。
4)页面埋点
考虑当前页面需要在哪些地方埋点,方便后期通过拉取数据感知该功能在实际业务中的使用情况,根据使用情况判断对该功能进行优化时主次。
5)限制条件
若涉及到填表的部分,说明中应该写清限制条件,包括字段长度的最大值和最小值、图片或文档的格式及大小。
6)操作类型
操作类型包括正确操作、错误操作、异常报错,分别列举出可能出现的情况及操作后的提示文案。
五、后台交互说明应该注意什么?
1. 整体框架
1)上方为系统标题和登录信息,左侧为菜单栏,列表页、查看页、表单页。
2)一般来说,后台很多操作页面样式都很相似,为了减少误操作的可能,所有页面顶部为面包屑页面路径显示,提醒用户当前所在页面。
2. 列表页
1)筛选项
筛选类型包括输入文本的筛选和下拉筛选。原型中需要标注筛选类型是输入文本还是下拉筛选,如果是下拉筛选还要写清下拉列表的内容。
2)操作
需写清操作权限、不同角色点击后跳转情况。
3)列表
注意列表字段排序、列表中记录每个字段的数据来源说明、列表排序规则和权限。
六、后台系统的权限设计
为满足后台系统不同登陆者的需求而设置权限细分,权限设计包含页面权限、数据权限和操作权限。
1. 页面权限
页面权限指用户是否能够查看这个页面及页面中的数据。在实际操作中,我们对该用户的菜单中配置了菜单,即该用户享有了该页面的页面权限。
2. 数据权限
数据权限分为“仅自己的数据”、“部门内数据”、“全部数据”。
“全部数据”指用户在系统中的数据包含后台中的所有数据,“全部数据”是系统中最高级别的数据权限。
3. 操作权限
例如在CRM系统中,一线销售人员、销售组长和销售经理三个角色为岗位层级递增的三个角色。
不同角色对系统中数据进行增删改查的操作范围不同,组长和经理可以通过“选择组内成员”的筛选操作查看他们的数据,一线销售人员没有此项操作。