如何提高对账的效率?

前言

每到月末财务都需要对发票的进行对账,来核对分公司的差旅业务是否与总公司的账单能够齐平,确保交易的准确性,接下来分享一下是如何优化这个场景的。

知识补充-对账的定义

财务对账是对企业或个人财务账目进行核对的过程,目的包括保证财务数据准确、防范财务风险、满足外部审计要求。内容有账证核对、账实核对。方法分为日常对账、定期对账、专项对账。其重要性在于为企业管理提供决策依据、维护企业信誉和形象、促进企业健康发展。

背景

自研的平台能够满足业务部门需求以及提高业务部门对产品的满意度成为重要的任务,其中财务部门就是重要的一环,往往资金安全、高效筹集与优化配置资金的特性。决定着各个部门有效资金筹划的合理性,随着业务的发展,财务人员机构化改革变动较频繁,每个部门/财务对于产品的现状越来越不满,影响到了团队的满意度。

当前问题

为了找到其中的优化点,找了5 位财务人员进行访谈,结合在相关的事业群里面的诉求,将优化点分为:

难读取:

  1. 任务 一和任务二需要滚动查看,屏效低
  2. 视觉老旧

难操作:

  1. 每次筛选路径混乱,难使用
  2. 表格自定义难使用

优化措施

优化措施分解为:布局优化 ,视觉优化,交互优化

布局优化

贴合业务场景提高屏效果

首先分离场景,分成首次对账场景以及二次确认的场景

动作分析:

  1. 首次对账目标:财务操作如今是对总账-分账,筛选(修改)生成子账单
  2. 二次对账目标:查看对账概览、开票、结算

将原有上下布局改为左右布局,便于财务直观并行比较费用明细,清晰呈现不同费用项目,对比差异、了解费用构成和分布,同时提高表格在首页的信息展示效率,减少滚动操作,方便用户获取费用数据,为财务分析和决策提供支持。

静态状态下,常规滚动场景有布局改动补充,滚动时系统自动收起总账卡片,增加表格信息曝光率,提升操作效率,避免遮挡,提高表格可见性,让财务同学便捷获取数据,系统自动调整,减少操作步骤和时间成本,使查看和操作表格更流畅高效。在对账情境下,折叠二次对账,使表格内容最大化,提高用户对账专注度和效率,营造简洁操作环境,方便用户浏览分析数据,提升工作质量和效果。

集成总账与分账,增强对账易读性

优化视觉之前优先优化了整体的布局,将总分账单进行区分,并且对总账数字进行加粗和字号加高进行强化。表格减少分割线,弱化表格分割感,降低阅读成本。

视觉优化

上面讲完了布局的优化,下一步优化视觉,视觉优化主要在顶部的卡片和账单概览

顶部卡片品牌感设计,提升财务对账愉悦感

旧版使用了3种底色色块背景过强,新版则参考了字节跳动现有产品的设计风格采用了毛玻璃质感,融入了产品品牌基因。

当时的设计理念是:虚实之美,细腻通透质感。在满是扁平风格的境况下,大胆采用了新拟态的质感,希望能在扁平风格中打造一种有拟物层次与差异化的视觉体验,运用通透玻璃的磨砂材质打造真实&理想之“虚”,产生隐约之美,构建界面主次、虚实、冷暖的平衡感。

设计流程:

  1. 手绘初稿:使用 ipad 进行收回,软件是procreate(这里解释下为什么不用手绘板,画画的实力不好),确定完了之后上传到 PS上面。
  2. C4D建模:习惯用 C4D 进行快速搭建确定角度,初步的白模渲染。
  3. OC 初稿:初步的渲染器选择了 OC,一方面是免费的不用花多余的钱,另外一个方面 OC 擅长近景渲染。虽然无法渲染细节,但是近景的效果已经足够满足普通的业务需求。
  4. PS后期:初步渲染之后,整体的光感呆板,没有任何的生气不够通透与灵动,于是整体的色调整体增加了一些,添加了邻近色进行调试,使得整体更加的通透感。
账单概览具象化呈现,降低理解成本

在对账单概览进行设计优化时,引入了线下票据的样式。线下票据在财务的日常生活和工作中较为常见,对其有着一定的熟悉度。通过引入线下票据样式,能够让账单概览的呈现更加直观、贴近财务的工作日常认知。财务在查看账单概览时,能够迅速理解其中的内容和结构,极大地降低了用户的理解成本。

财务无需花费过多的时间去适应新的界面和格式,就能够轻松地获取账单信息,提高了用户的使用体验和效率。

交互优化

新增折叠看板,收纳三栏

这个折叠看板具有强大的收纳功能,能够将三栏内容巧妙地收纳其中。当不需要查看这三栏内容时,可以将看板折叠起来,不占用过多的空间,使页面更加简洁整洁。

高级筛选优化
打造财务千人千面的筛选需求,提高筛选效率

随着业务发展,财务人员因工作内容、重点及习惯差异有特定筛选逻辑。为满足个性化需求实现千人千面筛选,开放高级筛选功能。财务人员次月进入系统,一键点选标签即可筛选数据,操作便利,提升效率,便于进行财务分析、决策及日常业务处理,为企业财务管理提供支持。

管理高级筛选更轻量

明确区分增删改操作,设独立路径以优化流程。增有专门入口和流程,确保准确录入;删有独立路径且严格验证提示,保数据安全完整;改有独立流程及历史记录。此举优化流程,提效率降风险。

自定义优化
分组展示自定义列,高效选取多列表格

通过Tab交互方式,为用户带来了极大的便利,进一步提升了用户操作的效率和准确性。在使用系统或浏览页面时,迅速将财务引导至特定的位置或功能模块。它就像是一个精准的指南针,始终为用户指明方向在复杂的操作环境中不会迷失。

数据验证

上线后针对对账效率进行相关的埋点,2 个月后单次对账效率提高说11.67%,财务部门的满意度从 7.2 提升到 7.5,因为页面涉及到的内容较多各种接口较为复杂,只能 2 期发布。

总结

本文从布局、视觉、交互三方面进行优化,作为设计师在设计的时候,需要有属于自己的设计流程。我自己一般的思路一般从大颗粒度到小颗粒度:业务分解-场景拆分-布局-视觉-交互。希望能给到同行借鉴思路,如果有其他的设计流程的思路可随时沟通互相学习。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/419364.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JavaScript 循环控制语句-break和continue

break循环 首先i0&#xff0c;判断i是否<5,满足条件&#xff0c;判断i是否等于3&#xff0c;i不等于3&#xff0c;输出i0&#xff0c;i的值加1&#xff0c;判断i是否<5&#xff0c;判断i是否等于3&#xff0c;i不等于3&#xff0c;输出i1&#xff0c;i的值加1&#xff0c…

高精度加法,减法,乘法,除法

加法&#xff1a; 大整数该如何储存&#xff1f; 用数组储存&#xff1a; 把个位放在数下标为0的位置&#xff0c;十位放在数组下标为1的位置&#xff08;也就是高位放在数组的后面&#xff09; 因为这样&#xff0c;如果需要增加一位最高位&#xff0c;那我们就可以直接在…

前端基础 | HTML基础:HTML结构,HTML常见标签

文章目录 HTML1、HTML结构1.1HTML标签1.1.1标签1.1.2标签含义 1.2HTML文件基本结构1.3标签层次结构1.4 快速生成代码框架 2、HTML常见标签2.1注释标签2.2标题标签&#xff1a;h1–h62.3段落标签&#xff1a;p2.4 换行标签&#xff1a;br2.5格式化标签2.6 图片标签&#xff1a;i…

git submodule子模块的使用

子模块的使用 添加子模块 添加子模块 git submodule add <子仓库URL> <子仓库路径> 例子&#xff1a; git submodule add http://192.168.100.181/guideir/poco.git 3rdparty/poco 若子模块存在好几个分支&#xff0c;可以在添加子模块时&#xff0c;指定分支 g…

两个月冲刺软考——访问位与修改位的题型(淘汰哪一页);内聚的类型;关于码制的知识点;地址映射的相关内容

1.访问位与修改位的题型(淘汰哪一页) 访问位&#xff1a;为1时表示在内存期间被访问过&#xff0c;为0时表示未被访问&#xff1b;修改位&#xff1a;为1时表示该页面自从被装入内存后被修改过&#xff0c;为0时表示未修改过。 置换页面时&#xff0c;最先置换访问位和修改位为…

mac安装spark

参考&#xff1a;在Mac上安装Spark apache-spark-3.5.1_mac安装spark-CSDN博客 几个需要用到的路径&#xff1a; hadoop的bin目录&#xff1a;/opt/homebrew/Cellar/hadoop/3.4.0/bin spark的conf目录/opt/homebrew/Cellar/apache-spark/3.5.2/libexec/conf spark的bin目录&am…

iOS——retain和release底层原理

retain实现原理 retain的源码&#xff1a; //使用此方法等价于使用[this retain] inline id objc_object::retain() {//确保对象不是tagged pointerASSERT(!isTaggedPointer());return rootRetain(false, RRVariant::FastOrMsgSend); }ALWAYS_INLINE id objc_object::rootR…

VR虚拟展厅的应用场景有哪些?

虚拟展厅作为一种利用虚拟现实技术构建的三维展示空间&#xff0c;其应用场景广泛且多样。视创云展为企业虚拟展厅搭建提供技术支持。以下是一些主要的应用场景&#xff1a; 1. 博物馆和艺术展览 文物保护与展示&#xff1a; 在博物馆中&#xff0c;为了保护珍贵的文物和艺术…

数据结构与算法学习day20-二叉树的最大深度、最小深度、完全二叉树的节点个数、平衡二叉树、二叉树所有路径

一、二叉树的最大深度 1.题目 104. 二叉树的最大深度 - 力扣&#xff08;LeetCode&#xff09; 2.思路 2.1递归法 二叉树节点的深度&#xff1a;指从根节点到该节点的最长简单路径边的条数或者节点数&#xff08;取决于深度从0开始还是从1开始&#xff09;二叉树节点的高度…

【Python 学习】Pandas基础与应用(1)

题目 1 Pandas 简介1.1 主要特征1.2 Pandas 安装 2 Pandas中的数据结构2.1 Series 数据结构和操作2.1.1 Series的数据结构2.1.2 Seres的操作 2.2 DataFrame 数据结构和操作2.2.1 DataFrame 数据结构2.2.2 Dataframe 操作2.2.3 DateFrame 的特殊操作 2.3 Series 和 DataFrame 的…

Linux——网络基础Socket编程

目录 一计算机网络背景 二协议 1初始协议 1.1协议分层 1.2OSI七层模型 1.3TCP/IP五层模型 2再始协议 2.1为什么要有TCP/IP协议 2.2TCP/IP与OS的关系 2.3所以什么是协议 三网络传输基本流程 1局域网&#xff08;以太网&#xff09;通信原理 1.1认识mac地址 2同…

【牛站 / USACO2007】

题目 思路 离散化&#xff08;降低空间复杂度&#xff09; 点的编号 ∈ [ 1 , 1000 ] &#xff0c;但是点的个数最多为 2 ⋅ T ∈ [ 4 , 200 ] 点的编号 \in [1, 1000]&#xff0c;但是点的个数最多为 2 \cdot T \in[4, 200] 点的编号∈[1,1000]&#xff0c;但是点的个数最多为…

python文件自动化(4)

接上节课内容&#xff0c;在开始正式移动文件到目标文件夹之前&#xff0c;我们需要再思考一个问题。在代码运行之前&#xff0c;阿文的下载文件夹里已经存在一些分类文件夹了&#xff0c;比如图例中“PDF文件”这个文件夹就是已经存在的。这样的话&#xff0c;在程序运行时&am…

电脑硬盘数据丢失了怎么恢复?简单实用的硬盘数据找回的方法

我们的电脑使用硬盘作为存储设备来保存数据&#xff0c;硬盘里的数据是存储在扇区上&#xff0c;这些存储数据的单元则位于表面有磁性材料的旋转的盘片上。硬盘内部的磁头悬浮于高速旋转的盘片上&#xff0c;用于读写和检索数据。 假如我们使用电脑时不小心删除了某个文件&…

【B题第二套完整论文已出】2024数模国赛B题第二套完整论文+可运行代码参考(无偿分享)

2024数模国赛B题完整论文 摘要&#xff1a; 随着电子产品制造业的快速发展&#xff0c;质量控制与成本优化问题成为生产过程中亟待解决的核心挑战。为应对生产环节中的质量不确定性及成本控制需求&#xff0c;本文结合抽样检测理论和成本效益分析&#xff0c;通过构建数学模型…

ELK笔记

要搞成这样就需要钱来买服务器 开发人员一般不会给服务器权限&#xff0c;不能到服务器上直接看日志&#xff0c;所以通过ELK看日志。不让开发登录服务器。即使你查出来是开发的问题&#xff0c;费时间&#xff0c;而且影响了业务了&#xff0c;就是运维的问题 开发也不能登录…

2024国赛数学建模C题论文:基于优化模型的农作物的种植策略

大家可以查看一下35页&#xff0c;包含结构完整&#xff0c;数据完整的C题论文&#xff0c;完整论文见文末名片 添加图片注释&#xff0c;不超过 140 字&#xff08;可选&#xff09; 添加图片注释&#xff0c;不超过 140 字&#xff08;可选&#xff09; 添加图片注释&#xf…

Computer Exercise

每日一练 单选题 &#xff08;     D     &#xff09; 的作用是在外界中断供电的情况下&#xff0c;及时给计算机等设备供电。 A.WPS     B.USB     C.UBS     D.UPS&#xff08;    B     &#xff09;广泛应用于精密仪器、医疗设备等对电流稳定性要求较高的场…

Unity之获取Avpro视频画面并在本地创建缩略图

一、效果 获取StreamingAssets文件夹下的所有视频&#xff08;包含其子文件夹&#xff09;&#xff0c;获取指定时间的视频画面&#xff0c;然后将图片保存到本地磁盘中。 二、关于Avpro的事件监听 当指定视频时间进度时会触发FinishedSeeking&#xff0c;代表加载完成这时我们…

fpga系列 HDL:Relu激活函数实现与仿真

代码实现对OUTPUT_NODES个32位浮点数进行RELU操作。32位浮点数的二进制表示遵循 IEEE 754 标准&#xff0c;通常称为单精度浮点数。这个标准定义了浮点数的表示方法&#xff0c;具体分为三个部分&#xff1a; 符号位 (1 bit): 用于表示浮点数的正负。&#xff08; 0 表示正数&a…