01 / 看懂
先找出需要处理的分类。
点开一个分类，金额、预算和当前状态会放在一起显示。
独立案例产品 · UI/UX · 2026
BOA：支出
与预算。
先看清钱花在哪，再改分类、调预算。
- 挑战
- 看总额、改分类、调预算，本来是三段断开的流程。我想让它们能顺着做下去。
- 我负责的部分
- 调研、流程分析、线框、移动端和网页界面，以及一个可交互原型。
- 结果
- 6 位参与者中，能在没有提示的情况下完成预算重新分配的人从 2 位增加到 5 位；发现超支所需的中位时间从 41 秒降到 24 秒。
01 / 核心体验
看到超支以后，可以顺手查清原因，再调整预算。
我把流程拆成三步：先发现问题，再查到具体消费，最后决定要不要调整预算。
02 / 追查
再查清这笔总额是怎么来的。
在「按商家」和「按月份」之间切换时，当前月份、分类和预算都会保留。
03 / 调整
调预算不用重走一遍设置。
在两个分类之间挪一笔钱，预览两边的新额度，再决定这次改动是临时的还是长期的。
02 / 可交互原型
可以直接走一遍完整流程。
用示例交易和预算，试试串起来的移动端流程。
查看一个支出分类
在圆环上选一个分类，对比它按商家和按月份的拆分，再打开它的交易明细。
一次修改多笔交易的分类
勾选多笔交易后一起改分类，当前的月份和分类不会被清掉。
做一次只管一个月的预算调整
重新分配各分类的额度，看一眼新的上限，再选这次改动只管这个月还是长期生效。这里调的是计划，不会真的转账。
可选的助手演示的是基于示例数据的推荐问题和回答。自由提问和真实 AI 不在这个原型范围内。
03 / 调研与问题定义
流程断掉的三个地方。
调研集中在三件事上：找到并核对支出、改分类，以及在月中调整预算。
32份问卷
2场用户访谈
Reddit作为佐证的公开帖子
参与者都用过美国银行，但不一定用过预算功能。样本很小，这次调研只能帮我找方向，不能代表所有用户。
01
支出既不好找，也不好核对
要弄清一个总额是怎么来的，用户得在汇总、分类和交易列表之间来回跳。
02
改分类会把流程打断
要改一个分类，得一笔一笔地打开交易；而返回时，筛选和已选中的项还可能被清空。
03
想改一点预算，却要重走整套设置
用户可能只想微调这个月的预算，却会被带回完整的设置流程，做一堆和这次修改无关的操作。
查看问卷拆解和佐证材料
63%
选中项被清空
69%
洞察不好找
66%
改分类很费时间
72%
预算不够灵活
这四项数据来自原始问卷记录。「不清楚总额和交易之间怎么对应」只在访谈里反复出现，所以我把它保留为定性发现，没有硬配一个百分比。
查看改版前后的流程，以及全部 15 张线框
任务流程对比
两个任务，改版前后。
入口
把支出放到用户本来就会打开的页面
原有流程把支出放在账户下面好几屏的位置。这组线框把当月总额提到账户列表和支票卡片上，并从交易明细留了一条回到支出的路。
查看支出
看完详情再返回，月份和分类不会丢
月份和分类筛选始终放在概览、分类拆解和交易列表上方。点进某个商家再返回时，筛选不会被清掉。分类改错了，也可以在列表里勾选多笔交易一起修改，不必逐条打开。
预算
改一个数字，不用重走设置
每个分类都能直接改，也可以在分类之间调剂，预算总额会一直显示。保存时再决定：只改这个月，还是以后都按这套预算执行。
04 / 测试与迭代
预算重新分配这一项，变化最明显。
两轮任务测试由同一组 6 位参与者完成。
关键迭代 / 预算重新分配
无提示完成：6 人中 2 人 → 5 人
- 设计改动
- 我把来源和去向写成「从哪拿」和「给到哪」，确认前会同时预览两个分类的新额度，并保留不变的预算总额。
- 观察到的结果
- 改版后，6 位参与者中有 5 位没有求助就完成了预算重新分配；上一轮只有 2 位。
下一个问题
下一轮还要测试只改一个月和长期生效的区别，以及撤销和余额不足的情况。
支出图表
中位数 41 秒 → 24 秒
把选中分类、预算圆环和文字状态都做得更明确之后，6 位参与者中有 5 位没要帮助就找出了超支最多的分类。
助手探索
6 人中 1 人 → 4 人
在原型的助手里，6 位参与者中有 4 位解决了一个追问；对照轮里靠导航解决的是 6 位中 1 位。
这些结果只能用来判断方向。回访参与者看到的界面改动很多，熟练效应也可能影响结果；助手相关的测试更偏探索。
05 / 网页端适配
桌面更宽，所以概览和细节可以同时出现。
移动端一次只展开一层细节。桌面端把分类概览和按商家、按月份的拆分并排放，助手放在侧边栏里随时可开。
查看视觉系统
我保留了银行用户熟悉的导航、分类颜色和字体，只调整流程与层级。颜色旁边始终有数值和预算线，状态不会只靠颜色表达。
反思
下一步要弄清楚，究竟是哪项改动起了作用。
如果继续测试，我会把「保留上下文」「修改图表」「调剂前预览」分开验证，同时补测无障碍和出错后的恢复流程。
独立的改版概念，与美国银行无关联。