400-609-4309

如何设计吸引用户的CTA按钮

在诸多的交互控件当中,按钮是最常见,也是最核心的交互元素之一,它的概念源自于现实世界,今天小编主要给大家分享如何设计吸引用户的CTA按钮,希望对你们有帮助!

如何设计吸引用户的CTA按钮

什么是CTA按钮?

CTA是Call to action的缩写,中文通常被称为行为召唤,CTA按钮就是行为召唤按钮。当设计师有意识地引导甚至诱导用户执行特定的操作时,例如单击按钮、留下联络方式或进行购买行为,就是行为召唤。

传统的CTA按钮很容易被注意到,设计师故意创造了这种“引人注目”的局面,就是让用户抑制不住点击的冲动,为了实现这一目标,设计师通常会在按钮上匹配特定的行为召唤词,比如“know more”或“buy now”,或者鼓励或推动用户执行操作。

行为召唤用户体验设计方法的主要目的是催生交互行为、增强转换和实现业务目标。当一个按钮设计足够吸引潜在用户的注意时,它就有可能引导用户进入下一个阶段。当用户选择单击按钮、填写表单并下订单购买时,就达到了此CTA的目的。

通过这样的行为召唤设计,用户在网站和APP中逐渐进入不同的阶段,进入不同的链接,了解产品,选择服务,执行操作,完成任务。

即使是最专业、最优质的内容也不能保证用户始终高度参与,如果没有CTA按钮,用户可能快速浏览一下就离开,正如我们常说的,这个信息爆炸的时代也怕巷子深。

尺寸

通过尺寸尺寸来划分元素是UI设计中常用的方法。元素越大,重要性越大,逻辑就越清晰。由于CTA按钮的目标是吸引用户的注意力,设计师通常使其在屏幕上的按钮、元素中脱颖而出,而增加按钮尺寸是一个重要的方法。

就机率而言,大按钮通常比小按钮更容易被用户注意到并被点击,但是,按钮能无限放大吗?在缩放按钮时,设计师需要保持它与整个布局的协调,以避免破坏整个层次结构。

如果不知道如何控制尺寸,可以参考主流的设计规范:苹果的HIQ要求CTA按钮至少44 x 44像素,而微软建议至少34 x 26像素。

色彩和形状

通过尺寸差异创造视觉吸引力只是CTA的一个方面,为了使按钮足够清晰,色彩和形状的选择同样重要。人类对色彩和形状的感知也非常重要,但它们在日常生活中往往不被注意。

当我们的视觉感知到形状和色彩的视觉信号时,信号被传递到大脑,大脑向神经元发送不同的信号,分泌激素,并在负责情绪和感觉的区域做出不同的反馈。

传统的CTA按钮通常选择矩形,因为矩形更符合人们对按钮概念的一般认知。如今,越来越多的设计规范推荐使用圆角矩形CTA按钮,因为这样的按钮给人一种更加内化的感觉,让人更加关注按钮标签的内容,从而增加了按钮被点击的几率。

色彩的选择比较复杂,涉及到设计的各个方面,设计师需要考虑整体配色方案、用户的潜在喜好、心理特点。当然,最重要的一点是按钮的色彩应该与背景有明显的对比,这使得CTA按钮在UI控件中很容易脱颖而出。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章