Android-first UI proposal

员工报销助手：面向普通员工的简洁移动报销应用设计稿

本稿舍弃旧版浅绿设计，改为低干扰的企业工具界面。核心路径是：申请出差、记一笔、拍票据、提交报销、查看进度、移动审批。界面优先服务员工快速完成动作。

设计原则

单屏单目标每个页面只突出一个主操作，减少移动端误触。

先记账后报销员工可以随手记费用，后续合并提交申请。

拍照即暂存拍票据先识别和预览，不默认创建正式报销单。

01 登录与身份确认

进入 App 后确认当前员工身份，后续请求带用户上下文。

9:41

X-Financial

员工报销助手

用手机完成报销，不再攒票据。

申请出差、记账、拍票据、查看审批进度，都在一个入口完成。

账号

zhangsan

部门

销售部

角色

员工 / 可发起报销

进入报销助手

切换账号

02 首页工作台

首页只放员工最高频动作：申请出差、记账、拍票据、看进度。

9:41

今天先处理哪件事？

可先记账和拍票据，月底再合并提交。

申请出差目的地与预算

记一笔先记录费用

拍票据识别发票小票

看进度3 单审批中

03 出差申请

员工先提交出差计划，行程和预算进入后续报销上下文。

9:41

出差事由

上海客户拜访

目的地

上海市更改

日期

06-12 至 06-14

客户 / 项目

Northstar 项目

同行人员

李四、王五

3 天预计行程

¥2,600预算合计

预算明细

交通¥900

住宿¥1,200

餐补¥500

提交出差申请

04 记一笔费用

随手记录费用，允许暂不上传票据，后续可补拍。

9:41

金额

¥ 320.00

费用类型

业务招待费选择

发生时间

今天 18:30

商户

海悦餐厅

说明

请输入招待对象与事由

票据

拍照或上传票据

保存这笔费用

05 拍照上传票据

移动端核心能力。取景框明确提示票据位置，底部保留相册入口。

9:41

将发票或小票放入框内，保持文字清晰

从相册选择

批量上传

上传规则

支持发票、小票、行程单。单张不超过 20MB。

06 票据识别确认

识别结果先展示给员工确认，不直接写入正式报销单。

9:41

出租车票

餐饮小票

酒店发票

AI 建议分类

车

市内交通费

出租车票 · 置信度 92%

¥86

餐

业务招待费

餐饮小票 · 待补客户名称

¥320

住

住宿费

酒店发票 · 已识别

¥900

需补充

业务招待对象同行人员

确认并加入记账

07 提交报销申请

把记账项合并成报销申请，提交前展示缺失项和风险提示。

9:41

报销类型差旅报销

关联出差上海客户拜访

费用条目5 项

附件票据5 张

合计金额¥3,280

提交前检查

发票金额与明细一致

已通过

正常

餐费需补充同行人员

提交后可能被退回

需补

保存草稿

提交审批

08 单据进度列表

员工查看全部单据，按草稿、审批中、待补充、已完成筛选。

9:41

全部草稿审批中待补

差

上海客户拜访

REQ-2026-0422 · 财务复核

审批中

餐

客户招待费

REQ-2026-0458 · 部门经理退回

待补

采

办公采购

REQ-2026-0431 · 已打款

完成

交

市内交通

草稿 · 2 张票据

草稿

09 单据进度详情

突出当前节点和下一步动作，员工知道为什么卡住、该补什么。

9:41

财务复核中

上海客户拜访

REQ-2026-0422 · 合计 ¥3,280

审批进度

已提交张三 · 06-02 10:20

主管审批通过李四 · 06-02 15:08

财务复核中预计今天 18:00 前处理

待打款复核通过后自动进入

费用明细

交通¥860

住宿¥900

餐饮¥520

10 移动审批详情

审批人直接看到金额、风险、票据和流程，底部固定审批动作。

9:41

待我审批

差旅报销 · 李四

销售部 · 上海客户拜访 · ¥3,280

AI 风控提示

酒店费用接近标准上限

建议关注住宿天数和城市标准

关注

未发现重复报销风险

票据号码未重复

正常

审批意见

输入意见

选填，驳回时建议填写原因

驳回

转交

同意