怎样设计 CTA 按钮,能够增加点击率和转化率
如上图,在按钮在这个页面层级比较低,而且并不重要的时候可以是直接使用链接文字这样的按钮形式,一般的按钮根据在页面是视觉层级可以选择后面 2 种,无论是点击区域还是样式上更加容易吸引用户点击。
2)使用渐变、阴影、圆角让按钮样式看上去更加的逼真,引导用户点击 。这些样式的应用会让按钮看起来更加立体,模拟现实生活中的按钮样式,比如,开关灯、键盘按钮等。用户在现实生活也需要对这些按钮进行点击和交互,如此用户看到这些按钮时,就直接知道如何去操作。
3)正确的设计按钮的大小, 按钮的大小要符合拇指原则(44pt),同时按钮上下左右有足够的留白空间。需要一个页面相同位置的按钮组,必须有明确的层级区分,引导用户进行正确的操作,降低用户思考和选择的时间。
例如上图的虾米、京东、网易云音乐 app 的登录页面,除了最重要的登录按钮最大,最突出外;其他的第三方登录以及账号密码登录等按钮都根据不同的层级重要性进行了样式区分。让用户可以直接进行正确(或者是你希望)的操作行为,降低用户的选择时间。
按钮在操作后需要及时给出用户不同状态的反馈,告知用户你的操作生效了,做到所见即所得,给用户安全感。例如:网页上的按钮鼠标悬停时,按钮会变色,提示并吸引用户点击。最起码按钮上的光标会变成小手;一些小游戏界面中需要引导用户点击按钮时,也会做各种动效,或是指引手势。
CTA 是英文 “call-to-action”的简写,又名行为召唤按钮
按钮在样式是必须看起像是按钮,符合用户对以往按钮的认知,大小要符合拇指原则(44pt)
按钮文案上要清晰简洁,可以使用带有紧迫感、即时性、利益点的文案
页面中按钮过多时,需要根据层级作出明确区分,减少用户决策时间
按钮在操作后需要及时给出用户不同状态的反馈
赠人玫瑰,手有余香
2023-02-16 10:25
2023-02-15 17:28
输入的验证码不正确
评论区
暂无评论