自学内容网 自学内容网

如何让审批更加的省钱?

前言

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

业务背景

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

现有痛点

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

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

设计优化

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

工作台优化

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

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

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

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

详情优化

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

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

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

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

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

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

数据验证

上线一个月之后,通过埋点系统查看单次审批平均时长从半小时缩短到 20 分钟。

之后规划

审批相关的系统比较复杂,现阶段只是优化了工作台和审批详情页面,后面会逐步优化整个流程。

总结

通过重构页面布局、外显预警信息和采用不同卡片展示等方式,提高用户工作效率,满足主管需求。


原文地址:https://blog.csdn.net/weixin_44936080/article/details/143078868

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!