如上所述,CTA 元素周围应该留有一些空白。按钮不应该与页面上的其他元素竞争。
行动号召按钮应该如何设计
让我们来看一个销售手绘瓷器的大型在线零售网站的例子。通过改变 CTA 元素的形状和颜色,营销人员不仅可以提高点击率,还可以将销售额提高 35.81%。
按钮设计
这个例子清楚地展示了如何通过改变 CTA 元素的设计来提高转化率。
现代转换优化和设计理论的观点 危地马拉移动数据库 并不认为可以放置方形和扁平的按钮。如果您的网站有大量此类 CTA 元素,我们建议您开始更改它们。
CTA 按钮有各种各样的尺寸、颜色和形状。不可能只确定一件事——一个普遍原则,该原则的使用将在各种各样的情况下产生有保证的结果。
如何实现网站流量和销量的倍数增长?
阿列克谢·博亚尔金
德米特里·斯维斯图诺夫
搜索引擎优化和开发主管
阅读我的个人博客上的更多文章:
我一直很关心迈向一个全新层次的问题。使得指标提高的不是2倍、3倍,而是几个数量级。例如,如果我们谈论一个网站,访问量将从一千次增加到一万次,或者从一万次增加到十万次。
我知道,这些飞跃的实现,离不开五个方面的艰苦努力:
现场的技术状况。
搜索引擎优化。
站点语义的收集。
创建有用的内容。
正在进行转换。
与此同时,每个经理都需要增加当前的销售额和网站的应用程序数量。
为了实现这一增长,请从网站下载我们关于增加销售额的分步模板:
下载模板
已下载
153513
许多伪专家喜欢说“不要在 CTA 元素中使用红色,它是一种禁止的颜色”或“最好的解决方案是将按钮设为绿色!”这种概括听起来可能非常权威,但问题是它们与现实几乎没有关系。
经验表明,在不同情况下实施相同的解决方案时,结果会有很大差异。它受到页面整体设计以及许多其他非常不同的情况、条件和变量的影响。
上面我们给出了绿色按钮表现优于蓝色按钮的例子,但这并不是说前者绝对优于后者的理由。在许多拆分测试结果中,蓝色或红色按钮的转换效果比绿色按钮更好。
以下是一些帮助您创建促进销售的 CTA 的技巧。
始终突出显示按钮
优化 CTA 元素时的主要规则是使其具有对比性。该按钮应位于登陆页面上,以便访问者可以立即看到它。如果您的页面的配色方案是绿色色调,那么 CTA 元素将无法正常运行并提高转化率。原因是访问者无法快速检测到融入一般背景的按钮。
为了在特定页面上找到有效的“秘诀”,有必要进行拆分测试。
如果您运用常识并使用对比色,这将是最好的解决方案。所谓的“斜视测试”可以帮你解决这个问题。您需要远离显示器几步,眯起眼睛并尝试看清您的 CTA 元素。
专家的一般建议之一是为 CTA 元素选择橙色或绿色。它基于这些颜色的良好测试结果。这里不需要寻找任何深层的心理根源,因为橙色和绿色在大多数登陆页面上都非常显眼。
为按钮添加视觉效果
CTA元素的可点击性直接受到其视觉效果的影响。然而,使用它们时必须非常小心。即使是很小的影响也会对结果产生很大的影响,而且这种影响并不总是积极的。
让我们以一个房地产网站为例。其 CTA 元素最初是棕色的。将其更改为橙色并向元素添加绿色箭头图标后,转化率显著提高。然而,设计师反对新的 CTA 元素,认为按钮上的橙色和绿色的组合看起来“很丑”。
优化专家反驳说,按钮上的绿色箭头增加了元素的可见性,从而增加了用户活动,并最终提高了转化率。
这次争议通过A/B测试得到解决,证明设计师是错误的。从按钮上移除箭头后,转化率下降了 12.3%。
还有一个例子。一家网站的开发人员建议将绿色按钮上的铭文颜色从黑色改为黄色。这个想法是,这个改变会增加按钮的可见性,从而提高点击率。然而,这些预测并没有成为现实,因为实施这些变化后,点击率下降了 18.01%。
在这个例子中,增加对比度会产生负面影响,而亮度较低的解决方案效果会好得多。一般来说,在大多数情况下,带有清晰文字的简单按钮(用户认为是“按钮”)比“创意”选项的效果更好。