财务工作对数据筛选的准确性和效率要求极高，且每个财务人员都有自己独特的操作习惯和关注点。本文分享了作者在优化财务筛选功能时的实践经验，希望能帮到大家。

在日常的设计任务之中，要面对各种各样角色的需求，其中各种角色的交互操作的自定义是常见场景，这次分享一下关于财务筛选的交互优化，希望能对大家有帮助。

01 业务背景

针对差旅业务业务中，每个月的月末财务都会来进行对账频率较低，但之前的财务部门因为表格筛选机制缺失问题，财务操作不变导致了业务部门满意度并不高，影响到了主管的考核。

什么是财务对账

在会计电算化环境下，系统提供自动对账功能，即系统根据用户设置的对账条件进行逐笔检查，对达到对账标准的记录进行勾对，未勾对的即为未达账项。系统进行自动对账的条件一般包括业务发生的日期、结算式、结算票号、发生金额相同等。其中，发生金额相同是账的基本条件，对于其他条件，用户可以根据需要自定义选择。

–来自于百度搜索

02 设计难点

用户为财务，需要设置固定、重复、规律的筛选条件来进行表格内容的筛选。优化前不仅仅层级较深且路径整合操作不便。但是每个财务都有自己关注的参数，以及对于不同类型的单据有自己的筛选操作，其中涉及到的选项有 30+的选项，交互设计难度也很大。

03 设计优化

打造财务千人千面筛选需求

在筛选功能上，业务扩展后财务筛选需求多样，开放了高级筛选，能满足千人千面的筛选要求。以前是单个或多个简单条件筛选，现在可设置多维度条件和列合集，次月启用后，财务人员一键点击标签就能筛选数据，大大提高了筛选效率。

管理高级需求更加轻量

对于高级筛选的管理，之前方案一会用弹窗，打断操作流程。优化为方案二，采用浮层进行低频次操作的轻量化设计，简化界面。明确区分增删改操作，各自独立路径，优化流程，提升了操作的便捷性。

分组展示自动列

在表格展示方面，之前字段过多，用户查看效率低。采用了分组展示自定义列的方式，通过锚点导航的交互设计，将信息分类。比如费用明细概览中，可按机票、火车等分类，用户能快速定位查找，高效选取多列表格，操作的准确性和效率都得到提升。

优化操作按钮

在按钮交互上，根据用户使用习惯，之前费用明细表格的操作按钮在右上角，现在调整到左下角 checkbox 下方，符合大多数人的操作手势，减少操作路径，提升了动作效率，让财务人员在批量修改、导出等操作时更加流畅。这些优化都是为了让财务人员在对账和审批工作中能更轻松高效地完成任务 。

04 遇到的问题

设计中

初步设计场景，与产品在设计理念以及对于需求的理解不同。产品做了是整合思路，而我出来的是“增删改”路径拆分。之后拉财务同学进行方案的沟通，把 2 个方案的优势和劣势进行讲述，让财务同学进行选择，最终选择了我的方案。后面灰度以及试运营期间，也进行了埋点。

落地中

由于这个筛选需要需要涉及到 30+选项的操作，还是涉及到每个选项至少4 个选项进行筛选，导致了开发做判断的成本很高。因此开发成了 2 期，第 1 期主要是开发高频的内容，第 2 期时间充分了再进行全量开放。

05 思考

自定义优化只是设计工作中的一个小点，但是对于财务人员来讲确实一个很复杂的点，作为设计纪要大胆也要能细心的解决用户操作的问题。