前言

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

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

业务背景

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

其中表格是其中的一项。

角色分析

管理者

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

执行者

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

问题

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

搜索项拓展性不高：

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

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

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

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

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

信息查看成本高

列表透传力度不够：

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

个性化不足：

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

进度不明确：

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

优化目标措施

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

筛选项区分，高频展出

首先通过埋点与用户访谈，将所有筛选项分为高频和低频选项，从上至下进行排序。然后又继续拆分

模糊搜索和定向搜索，并且展开2个定向搜索选项方便用户更加直观的选择，展示高频收起低频。

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

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

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

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

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

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

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

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

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

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

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

读-增加自定义配置

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

读-头尾冻结

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

写-强化进度展示

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

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

上线反馈与后续规划

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

总结

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

Powered by Froala Editor