写点什么

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

评论

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

POI内存溢出故障排查

Season

JVM POI jvm调优

架构师Week7作业1

Nan Jiang

【架构训练 Week07 作业】

Rex

压测工具试验

独孤魂

Docker网络学习第四篇-Namespace通信实战

Lazy

Docker Linux 网络

阿里取消周报,打击低效加班!HR透露6大原因!

程序员生活志

阿里 周报

性能优化概述

superman

PromiseKit 源码阅读

fuyoufang

B站新一代golang规则引擎的设计与实现

calo

B站 高并发 AST 规则引擎 Go 语言

1. 初识Jackson -- 世界上最好的JSON库

YourBatman

json Jackson Fastjson

架构师Week7作业2

Nan Jiang

如何优雅的实现一个过滤器

废材姑娘

spring

眼见为实,华为鲲鹏架构服务器生态大揭秘

华为云开发者联盟

华为 鲲鹏920 服务器 云服务 华为云

Python Kafka 报错:ImportError: cannot import name 'KafkaConsumer'

BigYoung

Python kafka importerror 报错

SpreadJS 纯前端表格控件应用案例:雷鸟365在线文档系统

葡萄城技术团队

大前端 SpreadJS 在线文档

读《我们为什么要去火星》随笔

Jackchang234987

产品 人生 读书 随笔杂谈

List 如何一边遍历一边删除

Bruce Duan

List删除元素

干货分享丨玩转物联网IoTDA服务系列五-智能家居煤气检测联动

华为云开发者联盟

人工智能 物联网 IoT 智能设备 华为云

我的 20 条工作原则

霍太稳@极客邦科技

成长 知识管理 职场成长

程序设计的一种思路:DDD

再见小飞侠

方法论 DDD 软件设计

GitHub宣布已将所有代码永久封存于北极地底1000年!网友炸锅了:我写的bug终于能流传永世了!

程序员生活志

GitHub 程序员

22种超全用户触点采集,易观方舟SDK又更新了

易观大数据

Redis系列(六):你说要看Redis线程模型?安排

z小赵

redis 高并发

余生很贵,请别浪费

程一初

Python

揭秘 vivo 如何打造千万级 DAU 活动中台 - 启航篇

vivo互联网技术

vue.js 中台 Vue 业务中台

云上自动化 vs 云上编排

华为云开发者联盟

云计算 云原生 云服务 云主机 华为云

BIGO技术:全球时钟同步服务建设

InfoQ_3597a20b53cc

互联网

四十个鹏城春夏,一场数字繁花

脑极体

SpringBoot教程:MyBatis多数据源配置

Bruce Duan

mybatis SpringBoot 2 多数据源配置

信创舆情一线--两部门发文加强对数字货币等新型权益的保护

统小信uos

多云架构下,JAVA微服务技术选型实例解析

华为云开发者联盟

Java 开源 微服务 云服务

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