当前位置：首页 >新媒易动态 >抖音号购买

设计CTA按钮需要注意些什么，通过什么方法增强CTA的点击

2020-04-20

1. 定义

CTA 是英文 “call-to-action”的简写，又名行为召唤按钮。是 Web 和移动软件应用中最常用的交互元素，其主要作用就是引导人们做出某些特定操作，从而提高产品的转化率。

简而言之，就是设计师通过设计手法，视觉上突出按钮，让用户自然而然的产生点击按钮的行为，例如留下联系方式或者产生购买行为，都算是行为召唤。

行为召唤这一 UX 设计手段的主要目的就是催生交互、行为，提升转化，达成业务目标。

目前的主流电商 APP 在促销模块的购买按钮都在往大的面积，高饱和度，高层级的方向做。主要也是为了引导用户点击按钮并产生之后的一系列购买可能。

1）按钮在样式是必须看起像是按钮，符合用户对以往按钮的认知，提高可辨识度，降低用户的学习认知成本。纯文本按钮会让用户迟疑到底是按钮还是内容，从而造成混淆，这种不确定性可能会导致他们直接跳过这些按钮。

如上图，在按钮在这个页面层级比较低，而且并不重要的时候可以是直接使用链接文字这样的按钮形式，一般的按钮根据在页面是视觉层级可以选择后面 2 种，无论是点击区域还是样式上更加容易吸引用户点击。

2）使用渐变、阴影、圆角让按钮样式看上去更加的逼真，引导用户点击。这些样式的应用会让按钮看起来更加立体，模拟现实生活中的按钮样式，比如，开关灯、键盘按钮等。用户在现实生活也需要对这些按钮进行点击和交互，如此用户看到这些按钮时，就直接知道如何去操作

3）正确的设计按钮的大小，按钮的大小要符合拇指原则（44pt），同时按钮上下左右有足够的留白空间。需要一个页面相同位置的按钮组，必须有明确的层级区分，引导用户进行正确的操作，降低用户思考和选择的时间

例如上图的虾米、京东、网易云音乐app的登录页面，除了最重要的登录按钮最大，最突出外；其他的第三方登录以及账号密码登录等按钮都根据不同的层级重要性进行了样式区分。让用户可是直接进行正确（或者是你希望）的操作行为，降低用户的选择时间。

1）行为召唤按钮，顾名思义按钮对于用户的行为有一定召唤，指示作用。所以按钮上的文案可以使用紧迫感和即时性的文字提示。比如：立即、马上、开抢等。这些文字会给用户营造一种紧张、兴奋、刺激的感觉，刺激用户进行点击和消费。

2）按钮文案应该表述明确，告知用户按钮的代表的意思，以及点击交互后会发生什么。通过清晰的文案给予用户操作预知，降低用户的使用成本和防备心态。同时文案也可以是利益点，促进用户点击，并产生消费。