跳到主要内容

Button vs CTA

它们不是「两种按钮」

我要加一个按钮,用普通 Button 还是 CTA?

对比表

Button vs CTA
Pattern一页有几个角色视觉典型场景
Button按钮可以有很多触发一个动作常规大小保存、取消、删除、编辑
CTA行动号召按钮最多 1 个页面唯一的「下一步」更大/更显眼注册页、落地页、空状态

← 左右滑动查看完整表格

真实 Demo 对比

Button

按钮

试试禁用态:

点「保存」:按钮会进入 loading 并禁用。文案用动词,不用「确定」。

怎么判断:所有可点的统称

CTA

行动号召按钮

开始整理你的相册

扫描、找出重复照片,一键释放空间。

无需信用卡 · 不上传照片

整页只有这一个按钮是深色实心的 —— 它就是「你希望用户做的事」。

怎么判断:整页最重要的那个

选型决策

  • 页面上有一件「用户最该做的事」把它做成 CTA(唯一、最显眼)
  • 只是普通操作Button(可以有多个同样重)
  • 你发现页面上有 3 个「都最重要」的 CTA重新想清楚这页到底要用户做什么

一句话结论

CTA 是一个角色而不是一种外观。一个页面可以有很多 Button,但只能有一个「你希望用户做的事」。视觉权重一旦平均,重点就消失了。

相关对比