它基于原始的 CTA 按钮,颜色为绿色: 颜色进行比较: 颜色组合 另请记住,着陆页的所有其他元素保持不变。 结果如下: CTA 按钮比较结果 正如您所看到的,每种颜色变化都优于原始颜色。虽然橙色优于 1%,但所有其他颜色的表现都明显更好。 通过更改单个按钮的颜色,点击率提高了 10% 以上。 尝试 CTA 按钮的颜色也可以得到类似的结果。唯一知道的方法就是亲自测试一下。 保持 CTA 按钮设计简单 我见过人们用按钮做了非常愚蠢的事情:“哦,所以按钮需要脱颖而出!”好的,我会在上面添加视觉、箭头和 CSS 效果!” 这可能是一个错误。
测试证明,最好的 CTA 按钮设计选项具有简单的措辞和很少的设计装饰。 例如,Midas Media 最近测试了 90 个不同的高转化 CTA 按钮,看看它们能发现什么。 他们发现,更简单的设计比设计相对更复杂的按钮 垃圾邮件号码数据 效果更好。 虽然背景中的白色在几乎所有设计中都不是正确的选择,但在其他颜色上使用所谓的“无聊”白色似乎是一个非常成功的选择。 可以说,性能最高的按钮颜色包括橙色、蓝色、红色或绿色。 白色在这些颜色上非常容易辨认,因此是比“奇怪”的颜色更好的选择。 按钮颜色偏好 由于最流行的按钮颜色是橙色、蓝色、红色和绿色,因此在按钮周围的设计中使用白色、黑色和灰色等更中性的颜色也是有意义的。

背景颜色 CTA 按钮周围的背景简洁,可以将访问者的注意力吸引到带有可读白色字体的按钮的明亮颜色上。关键设计元素应用于引导访客前往他们需要去的地方。 当然,简单并不意味着无聊。您仍然可以用漂亮的颜色、引起共鸣的文字和具有高吸引力的设计来升级它。只是不要失去理智并创造出奇怪的组合。 使用合理的尺寸 尺寸规则如下:使按钮尺寸合理。 越大并不总是越好。 按钮的全部目的是让人们点击它。 所以让他们很容易做到这一点。但如果你把它做得太大,它会看起来很奇怪或不自然,并且可能会导致人们无法点击。 这一点对于移动设备尤其如此。如果您在移动设备上创建一个明显大的 CTA 按钮,没有人会愿意点击它。 |