01
找到失败事件，并定位其中一笔交易的详情
从左侧目录栏找到失败事件，再查看其中一笔交易的详情，耗时从 20–30 秒降到了约 8 秒。
工作经历内部工具 · 约 30 人的公司 · 2025
VortexNet：
金融仪表盘
- 我负责的部分
- 首页导航栏以及信息层级和内容整合
- 已上线
- 主页与侧栏导航均已在实习期上线
- 结果
- 在 10 位同事参与的任务测试中，找到当天要处理的工作从约 20–30 秒缩短到约 8 秒
01
用户痛点
由于VortexNet是互联网金融行业，内部系统有大量的数字与信息需要处理。员工每天要处理的工作，和报表、后台管理全挤在一层，早上打开工具后并不能及时获取信息。
一个扁平菜单把不同的内容混在一起
14 个入口把报表、运营队列和后台管理放在同一层，给人造成疑惑和阅读困难。
标签更像写给系统看的
像 PEND_CNT 这样的缩写并不适用于员工阅读。
概览页强调的是记录
实际上一张交易表占满了整个屏幕，没有单独列出需要处理的事项。
02
设计决策
最初的假设
与组员商讨后，我们一开始决定先调整不同内容、不同层级的颜色，用颜色来区分信息层级。
早期测试
第一轮用户测试找了 10 位员工参与，但我们发现，最初的判断有问题。颜色并没有把信息的优先级讲清楚，因为没有调整整体文字的布局，员工在测试中的效率也没有明显提高。
调整后的决定
在和组员及上司讨论后，我们决定进一步研究信息层级，通过字体和版面来建立层级，并增设一些可视化图表来吸引用户的注意。
看看指标层级的研究
这张复原图说明视觉重心的变化：主要数字在前，辅助指标跟在后面。
信息层级的划分
信息层级的划分需要更深入地思考。我们取消了原先将日报、月报和确认信息这类同类型内容放在一起的分类方式。
我们的目的是提高用户的效率，所以我们观察了用户一天开始时会先点进哪些类别进行确认，以及哪些类别的优先级没有那么高。通过这些观察，我们确定了新的信息层级划分方式。
信息架构
三个任务分组，后台单独一个入口
重建后的导航有 9 个主入口，按任务分组。账号、权限、配置和日志都收进「后台」。
细看落地页的层级
04
高保真改版
每天打开仪表盘后会有更为清晰的待办和数据
首页同时显示资金汇总、结算进度和按优先级排列的待办队列。下方的切换可以对比上线版本与后期思考版。
05
用户测试
第二轮用户测试中，完成同样的任务，改版后花费的时间明显缩短。
我邀请了 10 位同事使用新的视觉界面和仪表盘，让他们完成一些任务，并向他们提出了一些问题。
02
从左侧列表中找到指定条目
耗时从约 10 秒降到了约 5 秒。
03
测试过程中，我们发现，长期使用旧仪表盘的用户对新界面有些生疏，会习惯性地去旧的位置寻找内容。我们也测试了一名新用户，发现他使用新仪表盘时效率明显更高。因此，我们认为这次改动优化了仪表盘的使用体验。
06
限制与取舍
这套设计受到真实运营条件的限制。在此次迭代中，数据还无法实时更新，会有一定的延迟，所以我认为增加时间戳是当前最好的处理办法。
导航上也有取舍。虽然分组更加清晰，但位置与过往不同，有些用户反而需要花更多时间才能找到内容。我认为这还在正常、可控的范围内。
同时，金融公司有大量的资金往来和数字，仪表盘上的信息仍然显得比较混乱。
一天中，早上、中午和晚上的工作重点也不一样。现在的排布可以在一定程度上简化大家早上的工作流程，但对于下午的工作，或者临时插入的任务，还没有提供很好的帮助。