写点什么

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

评论

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

只有两颗糖,什么时候给——再谈峰终定律

Justin

心理学 28天写作 游戏设计

手把手教你爬取优酷电影信息-2

happlyfox

学习 28天写作 2月春节不断更

话题讨论 | 各地都有什么特别的元宵节活动?

happlyfox

社会话题 话题讨论 28天写作 2月春节不断更 话题王者

一文带你了解GaussDB(DWS) 的Roach逻辑备份实现原理

华为云开发者联盟

容灾 备份 GaussDB(DWS) 逻辑备份 Roach

基于matlab的控制系统与仿真5-simulink仿真模型

AXYZdong

matlab 2月春节不断更

我看JAVA 之 Object & JNI

awen

Java jni Object

区块链电子证照共享平台--基于区块链的电子证照存证

13530558032

为您收录的操作系统系列 - 线程小常识

鲁米

线程

Linux入门篇 —— Linux软件安装(YUM & RPM & 源码)

若尘

Linux 源码 RPM安装 rpm yum

当深度学习遇上图: 图神经网络的兴起!

博文视点Broadview

你是不是一个害怕失去,而拒绝开始的人?

SwiftDD

读书笔记 工作体会

《你越迷茫,越要去闯》读书笔记

SwiftDD

读书笔记

智慧党建APP开发,智慧党建平台的功能

13530558032

区块链数字版权平台--为内容版权保驾护航

13530558032

(28DW-S8-Day6)区块链如何解决双重支付及防篡改

mtfelix

比特币 区块链 防篡改 28天写作 双重支付

水墨屏开发设备,旧 Kindle 改造而成

HelloGitHub

开源 硬件 kindle

克服云安全挑战的5种方法

云计算

太秀了!用Excel也能实现和Python数据分析一样的功能!

JackTian

Python 数据分析 Excel 2月春节不断更 实操案例

入驻infoQ了

SwiftDD

平台写手

万字长文带你解读Redisson分布式锁的源码

鄙人薛某

Java redis 分布式锁 redisson

让 AI “潜入”物流中心,你的快递很快就到!

华为云开发者联盟

华为 AI 数字化 物流 智慧物流

用Vue3构建企业级前端应用,TS能让你更轻松点

华为云开发者联盟

Vue 大前端 Vue3 ts 框架

视频号直播和 PageRank 算法 [待完善]

小匚

机器学习

前端HTML5面试官和应试者一问一答

我是哪吒

html 程序员 大前端 28天写作 2月春节不断更

跨越异构鸿沟,Redis 迁移同步过程中的挑战与解决方案

京东科技开发者

云计算 大数据

全面开放!华为云GaussDB(for openGauss)正式商用发布

华为云开发者联盟

数据 华为云 GaussDB 云数据库 GaussDB(for openGauss)

手把手教你爬取优酷电影信息-1

happlyfox

学习 爬虫 28天写作 2月春节不断更

Kafka.08 - 消息交付可靠性保障

insight

kafak 2月春节不断更

理解RocketMQ

awen

RocketMQ 翻译 消息中间件

react代码切割之路由懒加载

前端小猪

React webpack

Jira Software Data Center 可以免费使用高级路线图啦!

Atlassian

DevOps 敏捷 Atlassian Jira

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