积分不足通知文案与 CTA 验收规范

系统梳理「积分不足」场景下的弹窗文案、页面空态提示与行动按钮设计规范,附验收检查清单,供产品和设计团队在功能上线前逐项核对。

积分不足时的通知文案与 CTA 验收说明

本文档用于系统性整理「积分不足」场景下的通知文案方案与行动按钮(CTA)设计规范,供产品、设计和运营团队在功能上线前完成验收。

一、场景分类

「积分不足」可能在以下三类入口被触发:
场景触发时机用户预期
内容发布用户点击「发布」但余额不足立即了解差额,快速完成充值
频道创建创建频道时扣费被拦截知道需要多少积分、怎么获取
高级功能解锁尝试使用付费能力时不足清楚功能价格,决定是否升级

二、通知文案规范

2.1 核心通知(弹窗 / Toast)

方案 A — 直接告知差额
积分不足,本次操作需要 120 积分,你当前余额为 35 积分,还差 85 积分
方案 B — 只提示不足,引导自行查看
积分余额不足,无法完成本次操作。
推荐:方案 A,减少用户跳转判断成本,验收时请确认差额数值是否实时计算。

2.2 页面级空态提示

适用于积分耗尽后的功能入口置灰场景:
此功能需要足够的积分方可使用。 你的当前余额:0 积分 前往「积分中心」充值或完成任务赚取免费积分。

三、CTA 按钮设计规范

3.1 主 CTA

优先级文案目标页说明
主按钮立即充值/billing/topup最高优先级,醒目样式
次按钮赚取免费积分/tasks降低付费门槛,提升留存
辅助链接了解积分规则/help/credits满足用户认知需求

3.2 CTA 撰写原则

  1. 动词开头:「立即充值」优于「去充值」,「赚取积分」优于「积分任务」。
  2. 差额可见:若 UI 空间允许,主按钮下方附一行小字显示所需积分差额,如「再充 85 积分即可发布」。
  3. 不设置「取消」为首选:弹窗关闭按钮样式应弱于主 CTA,避免用户默认关闭而非完成操作。

四、验收检查清单

在 staging 环境中,按以下步骤逐项验收:
  • 弹窗展示的「所需积分」与后端计算结果一致
  • 弹窗展示的「当前余额」为实时值(非缓存)
  • 「立即充值」跳转路径正确,充值完成后自动回调原操作
  • 「赚取免费积分」链接指向任务中心且任务列表正常渲染
  • 积分充足后,原先置灰的功能入口自动恢复可点击状态
  • 文案中数值字段在极端情况下(余额 0、余额极大、需求量极大)不出现负数或格式错误

五、参考资料

  • 产品需求文档:1
  • 充值页面设计稿:2
  • 用户反馈汇总:3

このコンテンツについて、さらに観点や背景を補足しましょう。

  • ログインするとコメントできます。