AIVA以黑底、紫色光晕和白色大字形成一致气质,却没有让每个页面都围绕同一个余额展开。历史页强调回顾,虚拟卡页强调对象选择,助手页强调输入状态。个人财务App设计的统一,可以来自视觉语言,信息主次则应跟着当前任务改变。
历史页用图表引向具体明细
历史页从总余额进入周柱图,再进入商户交易列表。1W选中,周四柱以白色突出并显示金额,其他柱保持较淡。图表给出变化位置,商户名称和金额提供更具体的核对线索,纵向层次十分直接。
总余额、某日金额和单笔记录是不同对象。余额下的月变化、图表中的月份与周范围应各有说明,选中周四也要对应完整日期。下方All Transactions是否随图表筛选,当前画面没有明确表达,正式页面应通过列表标题或范围提示说清。
这类图表最有用的下一步,是让选中日期带到相关记录。一个金额气泡帮助发现重点,记录身份则帮助解释重点,两者相接才形成可持续回顾的路径。

叠放卡片仍要让对象身份可读
白、绿、紫三张卡上下叠放,各自露出卡组织标志、尾号与进入箭头,Add new Card独立放在下方。卡片轮廓有错落感,但进入动作位置接近,展示丰富性与操作一致性保持了联系。
层叠适合有限数量对象,前提是关键身份不会被盖住。当前三张示例尾号相同,顶部写Credit Cards,卡面却都标Debit Card,这些词与编号需要先校对。颜色和标志能辅助认卡,不能替代明确名称与类型。
界达设计工作室(JVDS)认为,选中卡进入详情后,卡名与尾号应继续出现,余额、有效期或后续操作才有明确归属。画面越精简,对象身份越不应依赖用户记住上一张图的颜色。

聆听状态先说明当前正在发生什么
助手页将麦克风与同心圆放在中央,I’m listening紧接下方,示例文字介绍可以询问的方向。它没有在输入阶段继续展示大量历史记录,视觉重点清楚落在正在接收表达。
屏幕底部以较暗文字提示下滑使用键盘。这个替代入口需要更容易发现,尤其是不便说话时;可见按钮比只提示一个手势更明确。切换后还应保留未发送内容,让输入方式变化不打断同一问题。
转入回答时,应显示识别出的原话和所引用的记录范围。聆听、理解、生成与执行是不同阶段,不能共用一种完成状态。AIVA的启发是按页面任务改变重点,同时让日期、卡片身份与输入状态各有稳定位置,共同风格才会服务具体操作。

让共同视觉服务不同任务
个人账户、交易与助手产品,可以先明确回顾、选对象和表达三个页面任务,再为它们安排不同的主要信息与状态反馈。
界达设计工作室(JVDS)提供UI/UX设计与网站设计、开发服务,可协助规划交易记录、卡片管理及助手交互。


















