首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

杭州UI设计学习|如何增加点击率和转化率

怎样设计CTA按钮,能够增加点击率和转化率

样式上

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

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

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

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

文案上

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

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

交互上

按钮在操作后需要及时给出用户不同状态的反馈,告知用户你的操作生效了,做到所见即所得,给用户安全感。例如:网页上的按钮鼠标悬停时,按钮会变色,提示并吸引用户点击。最起码按钮上的光标会变成小手;一些小游戏界面中需要引导用户点击按钮时,也会做各种动效,或是指引手势。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20230326A042TU00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券