写点什么

下篇!为什么我的 CTA 行为召唤反而降低了转化率???

  • 2020 年 4 月 05 日
  • 本文字数:1494 字

    阅读完需:约 5 分钟

下篇!为什么我的CTA行为召唤反而降低了转化率???

5 不恰当的图像

大量的研究将告诉你,添加相关的图片会使转换的百分比有所增加。确实如此,但是注意:你应该知道把握这个度。杂乱的图像反而会分散用户的注意力。用户可能会驻足浏览这些图像,一旦他们不能发现相关信息,他们很可能会在没注意到 CTA 的情况下就离开网页。就像下面的这个例子:



为了更好地理解您应该使用什么样的图像,请先理解为什么需要使用它们。


图像可以激发好奇心,吸引用户甚至可以产生信任感。但不要让他们(这些图像)妨碍了你的意图,也就是你的 CTA。


举个栗子,我们 VWO(本文的出处)自身经历过的实例:



一些用户发现这张照片太令人毛骨悚然了,无法继续阅读。而这封电子邮件的真正意图,那个 CTA,是跟在这个图片的后面的,因此受到惊吓的用户甚至没看到那个 CTA。当然,我们(VWO)最后道歉了!得到的教训是:图像应该是来帮助提高转换的,而不是来阻止它们的。


6 背景色喧宾夺主

CTA 没有被注意到的另一个原因可能是因为背景颜色太令人难忘。


解决方法是应用对比色。


对比是设计的原则之一。我们的眼睛倾向于接受对比色。像背景、文本和图形等页面元素若要在屏幕上清晰成像,就需要形成对比 。在 web 页面中使用空白和易于区分的颜色可以提高可视性和可读性。


正如设计行业进行平面设计的核心是内容能否被清晰表达,留白的空间和强烈的颜色对比是这种方法不可或缺的一部分。如下面的范例所示。



保持排版干净,尝试创建一个调色板,协调文本、按钮和背景,以突出彼此的差别。请参阅下面的这个页面。为了从有如霓虹灯般的绿色背景下看到同样是绿色的文本,你的瞳孔甚至会在不断的收缩扩大中感到不适。来访者甚至可能不知道那里是否有一个按钮,CTA 在相近的色块中几近消失。



别这么做。不但损害用户的眼睛,还损失你的转化。


7 本应有 CTA 的地方却找不到按钮

是的,我们在提醒你注意“房间里的大象”(百度一下你就知道),因为你很有可能错过了它。这已经不是一个 CTA 陷阱了,这是一个彻头彻尾的错误。


你给网站设计的的每一页难道不都应有目的吗?


如果是,则添加一个 CTA 以实现它。


如果可以,每个页面都应该被用来转换,即使它只是一个在结账结束时的感谢页面。一位经验丰富的推销员知道,当用户走出家门时,如何用一个漂亮的收尾工作让他们走回去。


在你的感谢页面上,你可以使用“继续和我们一起购物”之类的原因来给出 CTA。你可能觉得你不需要在那里配置 CTA,但你应当在那个页面上有一个 CTA。


回到文章开始的地方:还记得我说过,70%的小企业并不在意他们的主页上是否有一个 CTA 吗?


一旦你处理了主页上的文案和网页设计之类的问题,就该看看你的 CTA 了。


在主页上放置一个容易被发现的 CTA,并以此为基础让用户进一步探索网页细节是一个非常好的主意。Susty-Party 尝试了这个改变,然后如魔法一般提高了 250%的转化(真的这么可怕吗)<\del>



!解决方案:如何避免这些错误?

每一个 CTA 都为转换提供了一个机会。上文指出的最常见的错误都是可以被轻松规避的,只要你在页面设计上花更多的精力来研究用户行为。我们知道这项任务并不像看上去的那么简单。对此,我们建议是:当有疑问时(比如对是否在首页添加 CTA 摇摆不定,对落地页的几种对比色配置难以抉择),使用 A / B 测试来验证你的假设。


** Tips: **

A/B 测试是一种用数据进行产品决策的方法。它用于比较网页或应用程序的两个或多个版本,以确定哪一个版本更好。当你面前有同一个页面的多个设计方案、却又不好确定该选择哪一个效果最好的时候,就让 A/B 测试来帮你吧。

A/B 测试本质上是一个控制变量的实验机制,其向部分用户随机显示待测试页面的某一个版本,然后统计分析用户数据,进而确定哪个版本对于设定的转化目标有更好的表现。


2020 年 4 月 05 日 16:54188

评论

发布
暂无评论
发现更多内容

Electron常见问题 48 - Electron 获取本机 MAC 地址

liuzhen007

11月日更

架构实战 - 模块四

唐敏

「架构实战营」

Prometheus Exporter (二)Windows Exporter

耳东@Erdong

Prometheus exporter 11月日更 Windows Exporter

[ Kitex 源码解析] 函数式编程

baiyutang

golang 微服务 Go 语言 11月日更

dart系列之:创建Library package

程序那些事

flutter dart 程序那些事 11月日更

Java将增加虚拟线程,挑战Go协程

编程宝库

Java golang 并发

【高并发】ScheduledThreadPoolExecutor与Timer的区别和简单示例

冰河

Java 并发编程 多线程 高并发 异步编程

北京主题展|2022第十五届北京国际物联网展览会

InfoQ_caf7dbb9aa8a

【死磕Java并发】-----Java内存模型之从JMM角度分析DCL

chenssy

11月日更 死磕 Java 死磕 Java 并发

完善Django的MVT框架开发,记得添加路由哦~

老表

Python django web开发 11月日更 博客系统

复习

IT蜗壳-Tango

11月日更

论文解读丨文本行识别模型的再思考

华为云开发者社区

数据集 文档 文本 文本识别 语言模型

【Flutter 专题】04 图解第一个程序遇到的安装依赖问题

阿策小和尚

Flutter 小菜 0 基础学习 Flutter Android 小菜鸟 11月日更

Python中的控制流:break和continue

Peter

Python 控制流

一份数据的6种Plotly画法

Peter

数据分析 可视化

Android C++系列:Linux文件系统(一)

轻口味

c++ android jni 11月日更

前端开发:Node版本引起的报错问题

三掌柜

11月日更

flutter 开发中 vscode 插件推荐 3

坚果

flutter 11月日更

部署Apollo

小鲍侃java

11月日更

Vue进阶(贰佰):前端UI框架介绍

No Silver Bullet

Vue UI 11月日更

linux总结10大危险命令

入门小站

Linux

☕【Java技术指南】「技术盲区」看看线程池是如何回收和维持运作线程的核心技术体系

浩宇天尚

Java 线程池 11月日更

前缀和后缀运算符有什么区别?

devpoint

JavaScript 11月日更 前缀运算符 后缀

研发效能提升的八项实践建议

博文视点Broadview

测试左移实践介绍

刘冉

TDD 自动化测试 测试驱动开发 测试左移 ATTD

只需10分钟,让你的企业应用具备OCR能力

明道云

【LeetCode】整数替换Java题解

HQ数字卡

算法 LeetCode 11月日更

北京智博会主题展|2022第十五届北京国际物联网展览会

InfoQ_caf7dbb9aa8a

在线等比数列项数生成器

入门小站

工具

[Pulsar] Delayed message原理

Zike Yang

Apache Pulsar 11月日更

.NET Core 中对象池(Object Pool)的使用

喵叔

11月日更

撑起瞬时千亿交易额的云数据库是怎么炼成的?

撑起瞬时千亿交易额的云数据库是怎么炼成的?

下篇!为什么我的CTA行为召唤反而降低了转化率???-InfoQ