结果页Result

你可能会说

付款成功后显示付款结果、订单信息和下一步操作，别直接跳走。

结果页是在一个完整流程结束后集中说明结果和下一步操作的页面状态支付失败时可说明失败原因并提供重试，审核完成后可提供返回入口。它用于流程结束；404 等访问错误应使用对应的错误页面。
先知道
警告提示 Alert空状态 Empty
✓
提交成功
审核结果将在 1-3 个工作日内通知你
返回列表查看详情

什么时候用

  • 表单 / 申请提交成功：在流程终点说明结果
    ✓提交成功审核结果将在 1-3 个工作日内通知你
    返回列表查看详情
  • 支付结果：成功失败都值得一整页
    ✓支付成功¥ 299.00 · 订单号 20260721001
  • 操作失败：说清原因，给「重试」出口
    ✕支付失败余额不足，请更换支付方式
    重新支付

什么时候不用

  • 修改昵称等轻量成功反馈：使用 轻提示 Toast
    ✓昵称已更新就改了一个字，也用了一整页
  • 只是列表没有数据：使用 空状态 Empty 空状态
    暂无数据
  • 流程尚未结束：使用 步骤条 Steps 继续引导
    1填写信息2确认订单3完成支付
  • 并列展示过多按钮：用户难以判断下一步操作
    ✓提交成功后续操作过多，缺少明确优先级
    返回查看分享再提交
组成结构 · Anatomy
✓
提交成功
审核结果将在 1-3 个工作日内通知你
返回列表查看详情
独占一整页的反馈，内容垂直居中
大号 ✓ / ✕ / ?，远远就知道结果
一句话结论，如「提交成功」
后续会怎样、用户该知道什么
只保留清楚且必要的下一步
常见变体 · Variants
成功Success
✓
提交成功
流程完成后明确告知成功结果
失败Error
✕
支付失败
余额不足，请更换支付方式
关键操作失败，说清原因给出重试
警告Warning
!
服务异常
工程师正在抢修，请稍后再试
服务异常这类不怪用户的问题兜底
典型使用场景
提交成功页
✓
提交成功
审核结果将在 1-3 个工作日内通知你
返回列表查看详情
支付结果页
✓
支付成功
¥ 299.00 · 订单号 20260721001
查看订单返回首页
操作失败重试
✕
支付失败
余额不足，请更换支付方式后重试
重新支付更换方式