写点什么

下篇!为什么我的 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:541130

评论

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

秒杀活动!!!! 如何撑住10W QPS

CTO技术共享

10月月更

node+express操作cookie

木偶

前端 Node Express 10月月更

Spring事务传播机制

急需上岸的小谢

10月月更

程”风破浪的开发者|个人信息管理

CODA

学习方法 信息管理 10月月更 “程”风破浪的开发者

“程”风破浪的开发者|国产之光,鸿蒙系统

急需上岸的小谢

OpenHarmony “程”风破浪的开发者

Mybatis学习

Studying_swz

10月月更

ERP到底是自研还是外采好????

CTO技术共享

10月月更

企业如何添加内嵌式的帮助文档

Baklib

帮助文档

ios苹果打包——超详细的教程分享

江拥羡橙

ios CocoaPods 苹果 Weex 10月月更

Spring Boot「10」Propety 验证

Samson

Java spring 学习笔记 spring-boot 10月月更

Linux学习-常用指令

可口也可樂

后端 Linux Kenel 10月月更

正向代理与反向代理

急需上岸的小谢

10月月更

Linux学习-开发工具yum/vim/gcc/g++/gdb

可口也可樂

开发工具 Linux Kenel 10月月更

分布式事务-CAP理论

zarmnosaj

10月月更

【kafka原理】kafka Log存储解析以及索引机制

石臻臻的杂货铺

kafka 10月月更

Linux学习-权限的理解

可口也可樂

后端 Linux Kenel linux 文件权限控制 10月月更

生产环境P0级事故,整个项目组被罚

CTO技术共享

促双碳|AIRIOT智慧能源管理解决方案

AIRIOT

物联网 智慧能源

【kafka原理】 消费者偏移量__consumer_offsets_相关解析

石臻臻的杂货铺

kafka 10月月更

eeui安卓开发--如此简单

江拥羡橙

android Weex 安卓 10月月更

Databend 存储架构总览

Databend

不可错过!14位安全大拿齐聚!AMD、Arm及Intel等技术专家解读系统安全 | 2022云栖大会

OpenAnolis小助手

开源社区 系统安全 云栖大会 龙蜥安全专场 操作系统峰会

docker学习笔记

spring用到的设计模式

急需上岸的小谢

10月月更

担时代任务 与国家同频 | 九科信息创始人万正勇:自主可控是中国超级自动化技术发展的必要条件

九科Ninetech

RPA 信创

leetcode 450. Delete Node in a BST 删除二叉搜索树中的节点 (中等)

okokabcd

LeetCode 数据结构与算法

【kubernetes技术专题】Kubernetes架构分析介绍篇(入门篇)

码界西柚

Kubernetes k8s Kubernetes Serverless 10月月更

一起学习 Go 语言设计模式之建造者模式

宇宙之一粟

设计模式 建造者模式 Go 语言 10月月更

前端懒加载和预加载

hellocoder2029

JavaScript

如何进行企业数字化转型?传统企业数字化转型的3大底层逻辑

优秀

企业数字化转型

前端JavaScript小技巧【建议收藏】

江拥羡橙

JavaScript ES6 10月月更

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