【ArchSummit架构师峰会】探讨数据与人工智能相互驱动的关系>>> 了解详情
写点什么

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

  • 2020-04-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-04-05 16:54457

评论

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

滴滴开源的深度与温度——滴滴开源委员会秘书长吴国斌专访

开源雨林

开源 滴滴 滴滴夜莺 开源治理

助力金融信创!索信达携手麒麟软件、GBASE南大通用发布联合解决方案

索信达控股

究竟是什么让山东航空人力资源数智化转型如虎添翼?

用友BIP

数智人力

中企出海之营销最佳实践——新加坡SK集团

用友BIP

中企出海

Java 网络编程 —— RMI 框架

不在线第一只蜗牛

Java

盘点那些IT技术面试官常用的10个挂人套路

程序员小毕

程序员 程序人生 java面试 后端架构师 技术面

企业如何提高全面提升预算管理效率?

用友BIP

全面预算

重磅国赛来了!2023中国高校计算机大赛-人工智能创意赛启动报名

飞桨PaddlePaddle

人工智能 百度 paddle 飞桨

基于多尺度图神经网络的流场预测,实现精度与速度的平衡

飞桨PaddlePaddle

人工智能 百度飞桨 开发者说

千万不能小瞧的PCB半孔板

华秋PCB

科普 电路 PCB PCB设计 涨知识

【Netty】「优化进阶」(二)浅谈 LengthFieldBasedFrameDecoder:如何实现可靠的消息分割?

sidiot

Java 后端 Netty 6 月 优质更文活动

华为云GaussDB为MetaERP“成本核算”产品“保驾护航”

华为云开发者联盟

数据库 后端 华为云 华为云开发者联盟 企业号 6 月 PK 榜

【Netty】「优化进阶」(一)粘包半包问题及解决方案

sidiot

Java 后端 Netty 6 月 优质更文活动

Jane Street简街进军大陆不良资产处置

科技热闻

从规划、预算和预测中实现企业未来价值

智达方通

财务分析 预测模型 业财融合 全面预算管理

【Netty】「源码解析」(二)HeapBuffer 创建过程详解:高效可靠的内存管理技巧

sidiot

Java 后端 Netty 6 月 优质更文活动

低代码平台的实现原理

互联网工科生

软件开发 低代码 JNPF

这可能是2023年看过最全最详细的Java面试八股文,备战秋招,查缺补漏

架构师之道

java面试

.NET源码解读kestrel服务器及创建HttpContext对象流程

不在线第一只蜗牛

.net 开发语言

NFTScan 与 Wagmi Labs 达成合作伙伴,双方在多链 NFT 数据方面展开合作!

NFT Research

NFT\

低代码革命,让程序员失业?为什么低代码是技术行业的末日

EquatorCoco

低代码 低代码开发 低代码平台

【Netty】「源码解析」(一)ByteBuf 的动态扩容策略与实现原理

sidiot

Java 后端 Netty 6 月 优质更文活动

IoTLink版本更新V1.29.0

山东云则信息科技

ABAQUS 模拟过盈配合解决材料选择及公差带设计等问题

思茂信息

仿真软件 仿真技术 abaqus abaqus软件 abaqus有限元仿真

【Netty】「优化进阶」(三)Netty 通信协议设计:从 Redis、HTTP 和自定义协议看起

sidiot

Java 后端 Netty 6 月 优质更文活动

汇聚漫天星光,点燃HarmonyOS之火,2023HSD校园行·清华大学站圆满收官

最新动态

基于OpenHarmony开发的玻璃拟态天气应用(2)构建当前天气组件

路北路陈

前端 HarmonyOS OpenHarmony应用开发 6 月 优质更文活动

Maya软件是做什么的?Maya软件优缺点分析!

Finovy Cloud

maya

企业数智化转型数智员工到底能做什么?

用友BIP

数智底座 Pass平台

可视化低代码开发,不会编码也没关系

这我可不懂

低代码 JNPF 开发软件

下篇!为什么我的CTA行为召唤反而降低了转化率???_文化 & 方法_云测数据_InfoQ精选文章