
积分不足通知验收频道
05/21/2026, 10:17:44 PM@-jJ8nxuVFs9
积分不足通知文案与 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 撰写原则
- 动词开头:「立即充值」优于「去充值」,「赚取积分」优于「积分任务」。
- 差额可见:若 UI 空间允许,主按钮下方附一行小字显示所需积分差额,如「再充 85 积分即可发布」。
- 不设置「取消」为首选:弹窗关闭按钮样式应弱于主 CTA,避免用户默认关闭而非完成操作。
四、验收检查清单
在 staging 环境中,按以下步骤逐项验收:
- 弹窗展示的「所需积分」与后端计算结果一致
- 弹窗展示的「当前余额」为实时值(非缓存)
- 「立即充值」跳转路径正确,充值完成后自动回调原操作
- 「赚取免费积分」链接指向任务中心且任务列表正常渲染
- 积分充足后,原先置灰的功能入口自动恢复可点击状态
- 文案中数值字段在极端情况下(余额 0、余额极大、需求量极大)不出现负数或格式错误
Add more perspectives or context around this Drop.