UX实践:关于CTA按钮设计的8个技巧

本文提供了有关号召性用语按钮设计的技巧,这些技巧显示了如何在用户界面中为强大的CTA选择颜色,大小,形状,位置。

UX实践:关于CTA按钮设计的8个技巧

用户界面通常由许多不同的元素组成。它们中的每一个在用户体验的效率以及网站和应用程序的转换率中都起着重要作用。甚至按钮之类的小组件也需要大量关注,以便它们可以实现预期的目标。今天,我们继续进行号召性用语按钮设计这一主题,并分享一些实用技巧。

什么是CTA按钮?

号召性用语(CTA)按钮是Web和移动设备的交互式UI元素。其主要目的是诱使人们采取某些行动,为特定页面或屏幕提供转化,例如购买,联系,订阅等。

潜在客户的产生和购买量的增加是可以创建号召性用语的基本业务目标。当按钮设计具有足够的吸引力足以立即吸引潜在客户的注意力时,它可以诱使他们单击并进入下一个阶段,例如填写简短的联系表或预订产品。正确制定所有特征后,CTA按钮就有更高的机会完成其任务。

但是如何使这些方面变得强大呢?以下是创建足够的CTA按钮设计的一些实用技巧。

UX实践:关于CTA按钮设计的8个技巧

1、使按钮看起来可点击

任何CTA的首要任务是使用户单击它,因此他们的设计应与目标一致。人们使用产品不想弄清楚哪些设计元素是交互式的。这就是为什么确保所有交互式元素都可单击的原因很重要。

什么会使按钮看起来可点击?首先,它是一个视觉呈现。当设计师向其添加一些3D效果时,按钮似乎更可点击。例如,具有轻微渐变或小阴影的CTA通常会带来按按钮的愿望,因为它看起来更加突出。如果具有3D效果的按钮不适合所选样式(例如,平面设计),则可以通过按钮的圆角边缘来强调可单击性。

2、选择更大的尺寸

大小是最常用的工具之一,可帮助根据其重要性来排列UI组件。元素越大,它越引人注意。由于CTA的首要目标是吸引用户的注意力,因此设计师通常会尝试使他们在屏幕上的其他按钮中脱颖而出,尤其是通过明显的尺寸。

大按钮很有可能被注意到并单击,但您仍然必须保持一些限制。引人注目的号召性用语通常足够大,可以快速找到,但又不要太大,以免破坏布局的视觉效果和层次结构。市场领导者通常会在其指南中提供有关按钮有效尺寸的建议。例如,苹果表示,移动用户界面中的CTA至少应为44Х44像素,而微软建议为34Х26像素。

3、应用对比色

颜色选择取决于各个方面,这会使过程更加复杂。设计者需要考虑诸如构成的基本颜色以及目标受众的潜在偏好和心理特点等因素。

在为CTA选择颜色时,需要牢记一个重要条件:按钮和背景颜色应形成足够的对比,以便CTA在其他UI组件中脱颖而出。例如,如果设计者使用蓝色调色板作为布局,则最好将红色或黄色用于CTA按钮。

UX实践:关于CTA按钮设计的8个技巧

4、更多的命令,更少的字数

CTA实际上是一个电话,它告诉用户单击按钮后将采取什么措施。强大的CTA必须迅速吸引用户的注意力,并引导他们采取正确的行动。要进行有效的号召性用语,您需要使字数最少。几个适当选择的单词比一个长的描述性短语快得多。此外,在CTA中应用命令式案例,可以为用户下一步的操作提供有力而直接的指示。

UX实践:关于CTA按钮设计的8个技巧

5、牢记用户流

大尺寸和鲜艳的色彩是吸引用户注意力的有效工具,但是智能布局可以增加CTAs被更多关注的机会。用户流,也称为用户旅程,是用户在数字产品中遵循以完成特定任务(例如,在线购买)的路径。用户流程有助于以这种方式创建UX,使人们可以逐步实现其目标,即逐渐接收数据。

牢记用户的旅程,您可以为CTA按钮选择有效的位置。例如,创建登录页面设计时,您需要确保用户在阅读有关优惠或服务的信息后会找到“注册” CTA按钮。这样,用户将了解他们正在注册的内容以及是否需要注册。如果人们在阅读信息之前看到了这样的CTA按钮,则很有可能会忽略它。

UX实践:关于CTA按钮设计的8个技巧

6、使用空白作为工具

白色空间,也称为负空间,是设计组成中元素之间的区域。人们通常并不了解空间的重要作用,但设计师需要对其进行大量关注。

空白不仅是视觉构成的背景。它通常被用作辅助强调UI元素的强大工具。如果用户界面包含许多视觉组件,则CTA按钮可能会在页面或屏幕上丢失。当按钮周围的空白量适当时,它会变得更加引人注目,有助于吸引用户的注意力。

另外,空白设置UI元素之间的连接。组件之间的空白越少,它们之间的连接就越多。因此,如果有一些元素可以支持号召性用语,例如物品说明或照片,请尝试减少它们与按钮之间的间距,从而对用户的操作产生双重影响。

UX实践:关于CTA按钮设计的8个技巧

7、添加一些额外信息

保持CTA信息简短很重要,这样它才能迅速引起注意。但是,当听众注意到号召性用语时,也可能需要提供一些其他数据。它可能只是一小部分信息,可以解释有关下一阶段的内容。例如,您可以阐明注册过程不会超过15秒,或者提醒您注册是免费的。简短的评论可以增加用户的兴趣并鼓励他们采取行动。

8、运行持续测试

如果要确保某些功能正常运行,则需要对其进行测试。在包括UI设计在内的各个领域中,都必须遵循这一黄金法则。用户研究和分析可以帮助设计人员定义目标受众的具体信息,但是很难准确地知道设计决策是否最佳。这就是为什么测试可以成为有助于消除疑虑的充分解决方案的原因。

最有效的CTA测试方法之一是A / B测试。它比较了一个数字产品的两个版本,以找出哪个版本的性能更好。一个创意团队将用户分为两组,每个组都有不同的变体。一半看到A版本,另一个看到B版本。这种方法有助于确定更有利可图的解决方案。

A和B选项之间的差异从最小到最大。例如,对于CTA按钮,设计人员可以更改其位置,大小,颜色或显微镜。为了获得更准确的结果,建议每次测试一个方面,例如仅测试按钮的颜色。这样,您将能够区分哪个因素有所作为。

UX实践:关于CTA按钮设计的8个技巧

效果可以通过不同的标准来衡量,例如点击次数,订阅数量或销售线索。指标的选择取决于公司或创意团队已建立的目标。在某些情况下,最好在一次测试中合并几个指标,以获得对每个方面的更深入了解。例如,您可以测试按钮的颜色,以测量点击次数和订阅次数。

A / B测试是一种有助于仔细进行设计更改的方法,以使用户不会感到不便。当人们继续使用应用程序或网站时,设计人员可以收集所需的数据和指标。

UX实践:关于CTA按钮设计的8个技巧

要制作功能强大的号召性用语按钮,设计人员需要专注于其背后的目标。具有适当大小,颜色和位置的CTA可以迅速吸引用户的兴趣,并且足够的显微镜可以鼓励他们采取所需的措施。

业界动态

产品设计的20条心理原则(上)

2020-6-23 9:38:46

业界动态

语音对话类产品,用户表达的5个特点

2020-6-23 11:30:55

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索