银行App交易回执：把完成状态接回卡片信息

一次转账结束，用户想确认的往往不只是“成功了”，还有钱从哪张卡出去、到了哪里、以后去哪找记录。这组银行App交易回执设计把大金额、卡尾号和后续动作留在同一块白色面板里。我们更看重这些信息之间的联系，而不只是那个绿色的勾。

核心结论

• 首页把卡片与常用动作紧邻排列，账户对象和操作入口处于同一区域。
• 成功回执从绿色状态、金额进入卡尾号和时间，再分出保存模板与完成两个动作。
• 锁屏中的银行与聊天通知用图标和文字区分来源，应与应用内记录各有分工。

卡片区先确定操作的对象

首页上方是头像与姓名条，设置入口在右；中间Finance与Crypto用分段容器展示，Finance选中后变成白底蓝字。再下方横排卡片，一张显示尾号4578与余额，右边另一张VISA卡只露出部分，左侧还放了增加卡片的图标。这种局部露出的排列提示这里可以容纳多个账户。

卡片下方Add funds、Send money与Pay now三个白底按钮同宽并列，图标与文字上下排列。它们在深蓝背景上很醒目，操作距离也靠近卡片。读者先看到卡片身份，再看到可做的动作，结构比较顺畅。真正使用时，仍应能明确当前操作作用于哪张卡，尤其在横向切换之后。

主卡上的遮眼图标给余额显示提供了可识别的入口，Virtual以竖向标签贴在右边缘。尾号、卡种和币种一起帮助区分卡片。邀请朋友的紫色横幅位于下面另一个区域，与核心账户动作分开，让推广内容不必占用常用按钮的位置。

回执先确认完成，再留住核对线索

餐桌场景里的手机弹出白色回执，绿色圆形勾选与Paid successfully放在顶端，金额-634.00用大号深色字显示，下面接Transfer to card和尾号4242，再列日期与时间。状态、金额、对象、时间依次展开，白色面板把它们与背景首页区分开。

下方明细可以看到4578与4242两个尾号以及分隔线，手指恰好遮住了部分左侧标签。这也让人更容易意识到标签的重要：只看到两串数字，还不能立刻分清谁是付款账户、谁是收款对象。界达设计认为，回执的核对线索应当成组出现，卡名称、尾号和字段标签彼此补充，用户才不必靠记忆猜。

底部Save as template使用蓝色描边，Done使用蓝色实底。短暂看一眼就退出的人，先看到完成按钮；经常给同一对象转账的人，则有机会把这次操作存下来。这个主次安排比较克制。后续设计还要把模板能保存什么、怎样修改讲清楚，并让完成后的页面接得上交易记录。

通知把来源与摘要放在同一眼里

锁屏示例同时展示两条消息：银行图标旁写You received a payment，并给出634 BYN到账摘要；另一条带人物头像，内容是询问转账是否收到。两条通知容器形态接近，来源图标、发件人和文案因此很重要，帮助用户区分系统提示与聊天消息。

银行通知适合快速告知发生了什么，完整对象与记录则留在应用里核对。这里两条消息一起出现，挺贴近日常：转账的人可能先发来一句询问，银行随后给出到账摘要。但聊天里说“转过去了”不能代替账户记录。设计这类通知时，我们会优先核对币种、金额方向和来源名称，再决定锁屏上展示多详细。

常见问题

回执为什么还要显示卡尾号？

卡尾号能与首页卡片建立联系，但最好同时保留字段标签和账户名称。用户需要知道这次操作涉及哪一个对象，而不是在多个尾号之间自行猜测。

设计检查清单

• 切换卡片后核对当前账户与常用动作的关系。
• 让回执保留状态、金额、对象、时间和可追溯记录入口。
• 分别检查模板保存、完成退出与通知进入后的页面状态。