OA产品中存在着大量的“衣柜”，本篇文章里，作者就结合实际案例，对“衣柜”的优化迭代进行了拆解和思考，想了解或者对B端产品设计感兴趣的同学，可以来看一看。

一、前言

首先解释一下什么是柜子，按照B端中各个功能的收纳数据能力排行，其中表格具有最大的收纳能力，所以具象为了衣柜。

作为一个企业内部提升效能，旨在帮助伙伴们提高工作效率，其中OA产品中有着大量的“衣柜”，提供对大量信息的增/删/改/查/分析/下钻达到详情页的作用。本文结合项目中的案例，分享一些操作的实践，希望能给于同行更多的思路。

二、业务背景

作为公司内部的协作平台，不仅仅是串联公司上下所有的产品，还有包含几千个管理者以及执行者的使用。在做1.0版本的时候只是不断地堆砌功能，并没有考虑到真是的用户的感受，因此，在2.0版本中逐步开始进行优化。

表格是其中的一项。

三、角色分析

1. 管理者

管理者更关心任务/人员执行的进度，整体的状态。方便提前排查问题以及提前调用资源防止问题发生。

2. 执行者

执行人员更加倾向于快速查找与个人相关的任务，并且及时更新任务状态，防止影响到自己的KPI。

四、问题

1. 布局缺少规划，不利于业务的拓展

1）搜索项拓展性不高

搜索项繁杂，搜索区高度又有限，不仅仅是挤压到了内容区内容的呈现，还影响到了后面业务增删筛选项的成本。

2）老版的编辑页面布局场景混乱

一半是查看一半是编辑，导致场景干扰，无法展现编辑页面的重点。

3）二次编辑（数据导入页面）填写成本过高

页面中含有多个文本域输入左右无法确定，导致了折线查看的成本过高以及填入的成果过高。

2. 信息查看成本高

1）列表透传力度不够

没有直观的展现当前任务的状态与进度，主管的和执行人员的产成本，随着数据量增多筛选陈本愈来愈高。

2）个性化不足

双角色的职责与KPI不同，查看字段重点不同，缺少自定义的配置。

3）进度不明确

现有二次编辑页面无法展现已经完成的编辑进度和总体的进度，需要用户退出查看，会使用户迷茫。

五、优化目标措施

1. 统筹功能布局，支持多业务诉求

1）筛选项区分，高频展出

首先通过埋点与用户访谈，将所有筛选项分为高频和低频选项，从上至下进行排序。然后又继续拆分模糊搜索和定向搜索，并且展开2个定向搜索选项方便用户更加直观的选择，展示高频收起低频。

2）优化流程拆分双场景，“写”“看”场景分离

由原先的半看半写到现在的先“写”后看到场景，第一个编辑页面中的基础信息转移到统计页面之中，从而专注“写”场景，而统计页面更加关注于导入进入的信息的修改，以及统计是否是有遗漏。

3）二次编辑左右分布，高效填写

细化二次编辑的场景，将二次编辑所有的选项按照需要填入字段的高度进行拆分，分为：“高左滑”“矮右固”。

高左滑：由于承载了多个文本域表单表单无法估算高度，首先按照埋点的重要性进行自上而下排布，其次表单于文字进行上下排布操作效率最高。针对高度过高带来的问题遗漏以及查看困难的问题，左侧带有锚定导航，方便用户查找以及检查是否有遗漏项。

矮右固：右边4个内容不高的下拉表单，进行固定与几个文本域表单进行分离操作。

“高矮”“左右”分离提高操作效率。

2. 完善不同场景下的基础能力，提高查看效率

1）读-数据可视化降低阅读难度

先将所有的表格中的数据按照业务划分分为：项目，任务，风险。其次制定父子级关系判断重要登记，父子级关系是：项目包含任务，任务包含风险。再反向推算优先级：风险状态>任务状态>项目状态。

再根据权重进行可视化程度的区分比如：3个全在一个表格一页呈现下，风险是由bug图表+风险数量提示+色彩提示框呈现。而任务状态失忆幽灵按钮+icon的形式展示，项目状态则是不同颜色的文字显示。展现出层次感，减低阅读的难度。

2）读-增加自定义配置

针对多字段的场景下以及多个用户习惯的业务背景下，添加了自定义配置提升了用户的操作的自由度。

3）读-头尾冻结

针对多数据滑动的场景下，是既要能查看更多的数据又要保持操作的需求下，采用头尾冻结方式，满足业务场景。

4）写-强化进度展示

游戏化优化填写进度呈现，3方面进行优化：

1. 头部展现现在的进度以及总量里 ，例如：88/120）
2. 采用游戏进度条的模式，从到总数的滑动形式，并配以鼓励以及鼓舞的小动画作为陪伴降低负面心情。
3. 在“上一个”“下一个按钮”上面呈现相关联的数字，用户轻易判断到底在“哪一层”，优化用户的判断力，减少用户的无力感和负面情绪。

六、上线反馈与后续规划

除部分细节没有上线，其他优化点已分批次上线，整体的数据指标呈正向增长：（用户满意度评分由6.32上升到5.32，单个填写时长从4分钟达到了2分钟，效率提升了50%），同时也收到了用户在公司内部发的好评。

七、总结

我们希望既能创造与价值，同时也希望帮助更好的完成任务。接下来会完善其他模块的设计，提高用户体验。