大型系统交互设计总结之（2）--权限界面设计

百卓优采企业版是一个大型的企业内部系统，适用对象为企业中不同岗位，不同角色。由于岗位职责的不同所能使用的功能和服务不同。如下：

人物角色卡--采购员
王小二是采购部的业务员，负责五金辅料类的采购工作，日常工作为：
接受领导布置的采购计划，找到相应的五金类物品进行询价，接受供应商的报价，与供应商议价，签订合同，向供应商下单，跟单，收货。

王小二至少要拥有的权限：

• 五金类物品查看权
• 五金类供应商查看权
• 询价，报价，订单制单
• 合约制单

人物角色卡--采购主管
李经理是采购部的采购主管，负责某一生产线的采购，手下有王小二、李大头、胖子等几个采购员，李经理的日常工作为：

• 确定采购方式，如如确定A类物品按合同采购，B类物品招标采购，C类物品询价采购；
• 制定详细计划，如A类物品必须15天内到货，B类物品1个月内到货等等；
• 划分采购责任人，审批责任人的具体单据；
• 进行采购统计，汇报给采购经理。

那么李经理至少要拥有的权限为：

• 生产类物品查看权
• 生产类合同制定权
• 单据审批权，制单权
• 相应报表查看权

根据以上人物角色定义，基本可以总结为：

• 不同的部门所需功能模块不同；
• 相同的部门不同的岗位由于职责不同导致可见内容范围不同；
• 不同的岗位由于职责不同，内容操作频率也不同；

此部分内容见百卓优采企业版交互设计总结之（1）--信息架构设计

也正因此，需要一个强大的权限设置系统，完成功能模块的有无/数据可见/按钮可见的权限设定。

原始设计

如图：原始的权限配置表demo

优化前.jpg
权限配置界面使用对象分析：
采购系统虽然是企业内部至上而下的推行，对体验要求并不那么高。但是权限设置是系统实施的首要工作，实施者可能是企业IT支持部门，可能是采购经理助理，甚至是付费对象本人。面对一个如此复杂的界面（虽然暗示着强大），不免感受到来自内容的压力。正如给汽车安装了飞机的操作台而导致无从下手。固然这不是一个好的体验。

那么如何改善呢，那怕仅仅是视觉上的改善呢？

优化后

如图：优化后权限配置表demo

优化后.png

调整后的界面在内容上减少了70%，在页面高度上缩减了50%，在没有删减任何功能的情况下，在视觉上做到简单。

交互细节演示：

1：隐藏数据范围设置，通过点击渐进式显示，以合约为例：

权限1.gif

2：隐藏详细报表，如用户需要设定报表权限时再适时出现，如下：

权限2.gif

3：隐藏仓库详细设置，如用户需要设定具体权限时再适时出现，如下：

权限3.gif

4.优化思路

主要思路：通过组织、隐藏的方式将权限配置页面做到尽量精简，使用户在使用时的负担降到最低。

验证

1：人物角色对应
王小二是业务采购员，只需要设定物品、供应商的查询权、询价，订购的管理权，数据范围设为“尽自己可见”即可，而占据篇幅比较大的页面如报表，仓库，招标，设置等反而涉及不到。

李经理是采购经理，只需要设定物品、供应商、询价、订购的查询权，管理权，审批权，报表的查询权，数据范围设为”本部门可见“即可，同样仓库，招标，设置，采购官网等也涉及不到。

同理，企业是一个组织，每个人是组织的一部分，大部分使用者只能享有其中一部分权限，几乎无人或者很少的人拥有全部权限。

2：用户实际交流

通过试用用户（试用期）反馈得知，企业大部分情况为泛概念的管理，并没有那么精细化。

• 企业中却又精细管理的需求，即主要集中在重要如价格，报表等重要内容上。
• 企业只会对关键内容和涉及关键内容的员工进行精细化权限管理，大部分的数据时共享的。

经过以上两点，确认方案为”将不常用但不能少的内容隐藏，然后在根据用户的操作需要适时出现。

总结

正如《简约至上》交互设计四策略中对隐藏策略的描述：

• 隐藏不常用但不能少
• 为隐藏的内容提供渐进展示或阶段性展示
• 适时出现隐藏的内容
• 给与提示和线索
• 让隐藏的功能容易找到

隐藏是一种低成本方案，但是无论隐藏什么功能，都意味着在用户和功能之间设置了一道障碍。可能是一个点击，也可能是一个完全找不到方案，所以巧妙的隐藏是先隐藏，然后适时出现。