界面组件 核心 C · 行业惯例

Call to Action

行动号召

行动号召是清楚的邀请,会引导用户前往下一个有用的步骤。

动手试试看
也有人这样说 Call to ActionCTA主行动

动手试试看

行动号召
准备测试这段流程了吗?无需信用卡

生活中的例子

说明团队协作编辑后,页面会写“开始共同草稿”,而不是含糊的“了解更多”。

主要部分

  1. 01可见标签
  2. 02交互目标
  3. 03当前状态
  4. 04键盘行为

什么时候用

只有一个下一步最值得强调,而且能清楚说明结果时,就使用行动号召。

什么时候不要用

不要制造假的紧迫感、把多个操作都做成同样重要,或用标签隐藏需要付出的承诺。

代码里的名称

action verb + outcome

上线前要检查

让辅助工具知道控件的名称(无障碍名称)、用途(角色)、值与状态。检查键盘操作、清楚可见的焦点、点击范围、禁用与忙碌状态、反馈及恢复。

可以直接复制的需求

预期结果:使用 行动号召 (Call to Action) 解决这项需求,同时保留用户当前的操作上下文。 用户场景:说明团队协作编辑后,页面会写“开始共同草稿”,而不是含糊的“了解更多”。 建议界面模式:行动号召 (Call to Action)。 适用理由:只有一个下一步最值得强调,而且能清楚说明结果时,就使用行动号召。 不应使用的情况:不要制造假的紧迫感、把多个操作都做成同样重要,或用标签隐藏需要付出的承诺。 产品要求:定义默认、加载、没有内容、错误、成功与恢复状态。保留用户已输入的内容,每个操作后都提供清楚反馈。 无障碍与韧性:使用结构正确的 HTML(语义化 HTML)和完整键盘操作。焦点要清楚可见,布局缩放后仍要好用。也要提供减少动态效果。遵守项目现有规则。除非项目已采用,否则不要新增界面组件库。 验收标准:主要任务可只用键盘完成,在 320px 宽度也能正常使用。焦点与状态变化可被辅助工具读出。加载、失败、重试、取消与减少动态效果都已验证。 证据与限制(证据边界):没有一份官方标准能涵盖全部内容。不同团队、平台或框架的用法可能不同。 待确认:产品文字、数据来源、分析事件、支持设备与语言,以及平台特有限制。

检查这份需求

请 AI 编程助手检查当前如何使用 行动号召 (Call to Action)。 定义:行动号召是清楚的邀请,会引导用户前往下一个有用的步骤。 生产环境检查:让辅助工具知道控件的名称(无障碍名称)、用途(角色)、值与状态。检查键盘操作、清楚可见的焦点、点击范围、禁用与忙碌状态、反馈及恢复。 修改程序前,先列出看到的证据、缺口、严重程度,以及最小且安全的修正。

C
这个术语有多正式?

行业惯例

工作中经常会用到这个术语。列出的来源可能说明用法或限制,但不会定义全部内容。

没有一份官方标准能涵盖全部内容。不同团队、平台或框架的用法可能不同。

适用范围
没有单一正式文档涵盖全部内容
文档状态
不适用
核验日期
2026-07-30

证据来源与适用范围

背景资料没有单一权威定义工作中有人使用这个名称,但没有一份官方资料能定义全部内容。本页的解释和示例由 Vibulary 编写,供学习使用。

自行复制

浏览器无法自动复制。请选择下方文字,再自行复制。