如何让审批更加的省钱？

一只鸡腿 2024-10-26 15:49:19

差旅业务常见主管和财务要审批属员出行的申请，主管审批的难点在于既要审过合理的出差费用又要能合理的分配，接下来分享如何通过设计来进行优化。

一、业务背景

主管角色在差旅业务中拥有着审批的职能，目标是高效审批单据，审批有参考依据,对于部门出差信息有一个全局的掌控。希望个人的信息与部门的能同时展现。

二、现有痛点

优化前的痛点具体可以三类：

链路长：无法一键获取核心数据, 不符合实际用户操作的心智
心智乱：现有布局不合理, 页面使用屏效低且页面结构分散, 层级杂乱。
风格旧：风格沉闷, 缺少情感化传达

三、设计优化

优化措施主要是涉及到工作台与具体的详情页面2 个功能，接下来从这个角度来进行分享。

1. 工作台优化

首页布局重构，提高页面利用率

对首页布局进行了重构，以提高页面利用率。摒弃了原来分散且缺乏逻辑性的板块设置，重新定义框架。从审批人的角度出发，对工作台的功能模块进行分类并排出优先级。这样的设计更加贴合审批场景，符合客户的浏览习惯，助力审批人快速做出决策.

快速处理待办事项，缩短操作链路

在工作台设计了 “待我审批” 入口，让用户能够以最少的点击或操作完成审批任务，极大地提高了用户的工作效率。通过将高频功能前置，核心场景得以高效触达，快速处理待办事项，缩短了操作链路。可以直接从工作台进入审批详情页面，无需经过繁琐的步骤，大大提升了整体的用户体验。

2. 详情优化

重构页面布局，双列递进，提高审批浏览效率

对页面布局进行了重构，采用双列递进的方式，充分利用 X 轴空间，将信息整合到一个页面，实现更加沉浸式审批。左侧聚焦单据信息，右侧展示支付信息，这种布局符浏览动线，能够快速获取所需内容，提高工作效率。

预警信息外显，减少用户点击

为了让用户更便捷地获取重要信息，将预警信息进行外显。采用醒目的颜色和图标来标记超标数据，用户无需多次点击就能获取超标信息的内容。不会打断用户工作流程，减少了用户的认知负担和切换成本。图标和颜色的设计与其他信息形成对比，操作更加便捷。

不同卡片展示, 快速获取重要信息

通过不同卡片分层、分组展示来区分信息的优先级，降低单个页面内信息复杂度，提升用户的查看效率。在票据卡片设计上，采用情感化设计，费用相关产品采用发票样式，提升了整体视觉品质，更贴合产品调性，增强了品牌的辨识度和记忆点。金额采用右对齐方式，总计金额拉高层级，便于用户在金融、财务场景下从右到左阅读数字，进行数值比较和计算，同时突出关键信息，保持界面元素整齐。