bts防弹少年团演唱会

bts防弹少年团演唱会

6种使用清晰度来提高转换率的方法

《6种使用清晰度来提高转换率的方法》

假设您刚开始使用新的SaaS产品。 您认为谁能够更清楚地向您解释产品:工程师,营销人员或客户服务代表? 你认为帮助产品生命的人(工程师),对吗?

然而,他的定义可能会更加详细和复杂,因此,对于初次使用的用户来说,理解起来会更加困难。

事实证明,营销人员也很清楚。 它以惊人的方式伤害了你的转换。

什么是清晰度,为什么要关心?

如果您是常规的CXL阅读器,您可能会通过ResearchXL模型熟悉清晰度概念……

《6种使用清晰度来提高转换率的方法》

在“启发式分析”下,CXL专注于……

  1. 清晰度 – 所提供的内容以及它在所有页面上的工作原理是什么?
  2. 相关性 – 每个页面与访问者认为她将要看到的内容相匹配的程度如何?
  3. 采取行动的激励措施 – 激励者是否清晰,可信,及时和具有说服力?
  4. 摩擦 – 每页上可能有什么恐惧和焦虑的来源?
  5. 分心 – 是否有任何指导访客远离你最想要的行动?
  6. 购买阶段 – 最想要的行动是否符合访客的购买阶段?

同样, 营销实验创建了这个转换公式 ,同时也使焦点更加清晰……

C = 4m + 3v + 2(如果) – 2a

这是每个字母代表的……

C =转换的可能性。
m =用户的动机(何时)。
v =价值主张的清晰度(为什么)。
i =采取行动的激励措施。
f =过程的摩擦元素。
a =关于输入信息的焦虑。

现在,在清晰度方面需要考虑两件事:设计和内容。 清晰度并非完全取决于您的价值主张。 事实上,创建一个高清晰度的网站有很多。

如何评估清晰度?

正如您在ResearchXL模型中看到的那样, 使用启发式分析评估清晰度。 如果您不熟悉,启发式分析是一种基于专家的分析,它使用基于经验的技术来解决问题,学习和发现。

其结果不能保证是最佳的,但这是熟悉网站每个区域并确定问题区域的好方法。

在评估设计清晰度时,Peep建议您自己为网站的每一页提出以下问题……

《6种使用清晰度来提高转换率的方法》Peep Laja ,CXL

  • “是否有强大的视觉层次结构? 它是否遵循最想要的行动?
  • 设计明智的不太重要的事情也不那么重要吗?
  • 是否有足够的空白区域来引起对重要事项的关注?
  • 是否支持内容的视觉效果?
  • 行动呼吁是否足够突出?
  • 最重要的信息是多少?
  • 如果下方有更多信息,是否应该滚动? 任何阻止眼球流动的逻辑中断?
  • 眼睛路径清晰吗?
  • 身体复制字体大小是否足够容易阅读? 在大多数情况下,最佳大小为16px,但这取决于字体。“

当您转到内容清晰度时,请返回每个页面并问自己以下问题……

《6种使用清晰度来提高转换率的方法》Peep Laja ,CXL

  • “我在哪里? 这个页面是关于什么的?
  • 我能在这做什么?
  • 它对我有什么用? 我为什么要这样做?
  • 我能理解产品/服务是什么,以及它是如何工作的(在合理的时间内)?
  • 是否有支持图片和/或视频来帮助我理解它?
  • 产品信息是否足以/足以做出决定?
  • 是否所有重要的相关信息都清晰(定价,运输信息,保修,退货政策等)?
  • 我明白接下来要做什么了?“

除了启发式分析之外,另一个清晰度测试非常普遍:5秒测试。

根据UsabilityHub ,5秒测试允许您通过测量人们的第一印象来“优化设计的清晰度”。 人们只需显示5秒的页面。

之后,他们会被问到一些问题,看看他们记得多少。 他们记得的越多,他们能够做出更准确的回应,你就越清晰。

UXstudio从Brickflow 分享了这个例子 ,它以前是一个“个性化的视觉内容发现应用程序,可以分析社交个人资料,并提供基于以前共享的图像,GIF和短视频的个人内容流”……

《6种使用清晰度来提高转换率的方法》

两种变体都使得与Tumblr的连接变得清晰,但只有右侧的变化才能与共享内容建立联系。

Angie Schottmuller对5秒测试问题提出了一些建议……

《6种使用清晰度来提高转换率的方法》Angie Schottmuller ,成长营销专家

  • “谁是公司?
  • 他们提供什么?
  • 它们看起来可信吗?
  • 什么是行动呼吁?“ (通过ThinkSEM)

在评估清晰度时,请牢记这四个问题。 (注意:“它们看起来可信吗?”的替代方案是“你为什么要选择它们?”)

如何清除?

根据雅各布尼尔森和微软研究院的研究 ,访客时间的前10秒是至关重要的。 该图表最能说明该研究的发现……

《6种使用清晰度来提高转换率的方法》

因此,如果您的网站在前10秒内存活,您的访问者可能会决定环顾四周。 不过,他们很有可能在接下来的20秒内离开。 如果您的网站在前30秒内存活,那么访问者很有可能会停留更长时间。 根据研究,经常持续2分钟或更长时间。

因此,回答安吉在前10秒内提到的四个问题非常重要。

UX Myths通过破坏游客做出最佳选择的神话来证实这一重要性。 实际上,游客可以快速做出选择。 Zoltan Kollin 对此进行了更深入的解释 ……

《6种使用清晰度来提高转换率的方法》用户体验神话Zoltan Kollin

“在理想的世界中,用户会扫描整个页面以找到他们正在寻找的信息,但研究表明情况并非如此。 可用性测试证明人们倾向于选择第一个有吸引力的选择。

也就是说,一旦他们遇到链接,其标签甚至指向他们的目的,他们就会点击它。 这是因为他们的经验是猜测错误并且按下后退按钮仍然比阅读整页以找到完全匹配更有效。

这种被称为令人满意的行为是心理学中众所周知的决策策略。“

请注意,提高清晰度并不一定意味着简化。 通常,简化可能会产生相反的影响。 Facebook产品设计总监Julie Zhuo表示,她今天看到的最常见的设计错误之一是:“以清晰度为代价高估简洁性和风格。”

不好的例子: Apprenda

看看这个网站,告诉我你是否可以回答这四个核心问题……

《6种使用清晰度来提高转换率的方法》

回到问题……

  • 谁是公司? Apprenda。 很清楚。
  • 他们提供什么? PaaS软件层。 让我困惑,但我不是IT专业人士或开发人员。
  • 他们看起来可信/你为什么要选择它们? “世界上最值得信赖的……”你经常看到那种最高级的? 你多久相信一次?
  • 什么是行动呼吁? 联系,也许……?

当我移动鼠标时,我发现了……

《6种使用清晰度来提高转换率的方法》

当我在背景中翻动褪色的图像时,我看到了一个号召性用语。 类似的一个出现在右边(执行)和左边(开发者)。 清晰度? 很低。

好例子: 优化

现在来看看Optimizely的网站并问自己同样的四个问题……

《6种使用清晰度来提高转换率的方法》

  • 谁是公司? Optimizely。 很清楚。
  • 他们提供什么? 测试,个性化和优化平台。
  • 他们看起来可信/ 你为什么要选择它们 虽然没有明确的信任图标(除了在导航栏也许是“客户”标签),没有理由相信Optimizely是不可信的。 副本简称,选择Optimizely的主要案例是它是一个易于使用的平台,适用于网络移动应用程序。
  • 什么是行动呼吁? 输入您的电子邮件以试用该产品。

好多了 ,对吧? 这是清晰的力量。

如何提高设计清晰度

您可能并不总是将设计与清晰度相关联。 然而,清晰的设计与明确的价值主张同样重要。 那么,你怎么知道你的设计何时清晰? 根据Jared Spool的说法,当你几乎没有注意到它时……

《6种使用清晰度来提高转换率的方法》Jared Spool ,用户界面工程和中心

“好的设计,当它做得好,变得无形。 只有在我们注意到它的时候才会做得很糟糕。 把它想象成一个房间的空调。 当它太热,太冷,发出太大的噪音,或者装置滴在我们身上时,我们才注意到它。 然而,如果空调是完美的,没有人会说什么,而是我们专注于手头的任务。“ (通过用户界面工程)

提高设计清晰度的方法列表可能是无穷无尽的。 你可以通过询问Peep建议的问题来发现他们中的许多人。 也就是说,有三个可靠的起点:空白,有意义的图像和视觉层次。

1.空白

空白有时被称为负空间 。 从本质上讲,它是您网站的无标记部分(例如文本/图像之间的边距,排水沟和空间)。 通过集中注意力,空白有助于提高可读性。

尼尔森诺曼集团(NN / g)研究了112个简约遗址。 只有84%的抽样网站使用了大量的空白。 鉴于空白是极简主义设计运动的支柱,NN / g的Kate Meyer发现数字较低。 想象一下这个数字对于普通网站来说有多低。

空白可以帮助您吸引对网站最重要部分的关注,例如您的价值主张或号召性用语。 如果你想确保清楚地看到一些东西,请确保它周围有足够的空白区域,消除分心和误传的威胁。

示例:直接邮件广告(通过Mark Boulton

A List Apart文章中 ,Mark Boulton分享了一个很好的空白例子。 看看这两个直邮广告,并确定哪个更清楚…

《6种使用清晰度来提高转换率的方法》

你选择了右边的那个吗? 马克的论点是,由于空白,右边的广告更复杂,更高档。 但是,它也更清楚。

2.有意义的图像

我们来做一个小实验。 看看这个网站,并根据图像决定公司做什么……

《6种使用清晰度来提高转换率的方法》

你想出了什么?

也许是移动应用? 看起来她的平板电脑上有某种仪表板。 根据她的姿势和装备,它可能是某种个人移动应用程序。

Samba TV实际上是一家电视数据公司,它收集观众信息,以改善观众,广播公司和广告商的体验。

我们试试另一个……

《6种使用清晰度来提高转换率的方法》

你想出了什么?

可能是关于孩子的事情。 也许是一家服装公司? 一家玩具公司? 洗浴产品公司?

Leo Health实际上是一种新的,以技术为动力的医疗实践。

在网站的任何页面上选择任何图片时,请确保其有意义 。 它应该是描述性的,并且就其自身而言,告诉同一个故事页面的其余部分。 当设计和复制工作共同创造清晰度时,就会发生很多事情。

示例: Airbnb

看看Airbnb的网站……

《6种使用清晰度来提高转换率的方法》

父女的形象是否对你说“回家”? 该图像实际上是一个短视频。 该视频与其他十几个视频一起旋转。 他们中的许多人表现出不同种族和文化的人们幸福地共存。 “家外之家”是一个明确的主题。

图像说明了数量并澄清了价值主张。

3.视觉层次结构

您的网站的视觉层次结构 ,以及暗示重要性的元素排列有助于创建清晰度。 层次结构越高,它就越受关注。

看一下这张图片,确定哪个圈子最重要。 然后,确定层次结构中有多少级别…

《6种使用清晰度来提高转换率的方法》
%E5%9B%BE%E5%83%8F%E6%9D%A5%E6%BA%90“>

当然,黄色圆圈是最重要的。 它是最大的,它是与其他颜色不同的颜色,它恰好位于中间。 因此,它将得到最多的关注。

层次结构中还明确有两个级别:黄色和粉红色。 所有粉色圆圈都同等重要。 您的网站可能会有更多级别,因此进入设计阶段之前 ,请优先考虑网站的元素。

如果您的视觉层次结构顶部有错误的元素,则您的网站可能缺乏清晰度。 使用可视层次结构尽快回答四个核心问题。 将您的徽标,价值主张和号召性用语移至层次结构的顶部。

请记住,您网站的每个页面都有一个可视层次结构,而不仅仅是主页。 如果您是电子商务网站,请分析产品页面上的可视化层次结构,结帐渠道等。

示例: Woopra

看看Woopra的网站……

《6种使用清晰度来提高转换率的方法》

你可以标记视觉层次结构吗? 最让你印象深刻的是什么?

绿色的“免费试用”按钮在视觉层次结构上高于静音的“PRODUCT TOUR”按钮。 “AppConnect”上方的红色“NEW”标签将该导航链接移动到层次结构的更高位置。

如何提高内容的清晰度

另一方面,内容清晰度应该对每个人都很熟悉。 您用来说服访问者的单词和短语可能是转换的踏脚石或路障。

与设计清晰度类似,提高内容清晰度的方法列表可能是无穷无尽的。 优化是一门个人科学:没有普遍性或绝对性。 但是,有三个可靠的地方可以开始提高内容的清晰度:语法规则,一致的语言和客户的语言。

1.语法规则

还记得你在小学学到的所有语法规则吗? 不要使用句子碎片,拼出小数字,段落应该是3-5个句子长,等等。事实证明,它们在网上并不重要。

事实上, NN / g发现破坏一些语法规则使扫描更容易,这提高了清晰度和理解力。 为什么? 因为在线阅读器与打印阅读器有很大的不同,所以创建了这些语法规则。

来自NN / g的Hoa Loranger解释了这些差异……

  • “网络用户往往是以行动为导向,’向前倾’寻找当前问题的答案,而不是靠回去吸收一本好书。
  • Web内容分布在多个位置 – 通常位于不同的网站上 – 而打印内容通常作为单个对象提供,除了翻页之外没有单独的导航。
  • 交互式用户在大多数网页上只读了很少的单词,因为他们不耐烦,已经让他们的鼠标手指发痒移动到下一页。
  • 当搜索将他们放在与提供的上下文相关的网页上时,人们可能会感到困惑或误导,如果他们已经阅读了网站的其余部分。 精心制作的写作风格需要很长时间才能让新来的用户顺利设置。“

今年早些时候,我写了一篇关于可扫描内容的深度文章 。 如果您对提高内容清晰度感兴趣,我建议您现在花几分钟时间阅读它。

因此,在为在线观众撰写文章时,请忽略影响阅读速度和清晰度的传统语法规则。 句子片段消除了不必要的单词,可以帮助推动回家。 读“5”比“五”容易得多。 3-5个句子实际上相当长,在线读者对文本墙感兴趣。

示例: Mashable

看看这篇Mashable文章……

《6种使用清晰度来提高转换率的方法》

三个开头段落中没有一个段落中有两个以上的句子。 它以轻松,对话的语气写成。 并且你永远不会期望在旁边看到“八小时”,对吗?

2.一致的语言

一致性非常重要。 在网站的所有页面上以相同的方式书写,遵循相同的语法规则,遵循相同的格式规则,使用相同的术语和关键短语,将按钮副本与正文副本匹配等。

如果您打算使用幽默 ,请始终如一地使用它。 如果您要使用会话音,请始终如一地使用它。 如果您打算将自己称为“最有用的转化优化事件”(例如),请始终这样做。

另外,请确保页面上的副本与按钮一致。 当您呼叫某人采取行动时,请确保您使用的语言与您用来说服他们采取行动的语言一致。 否则,您有清晰度问题。

示例: CXL Live

看看CXL Live网站……

《6种使用清晰度来提高转换率的方法》

“将您的名字添加到等候名单”与“第1阶段门票已售罄!”一致。 您会惊讶地发现有多少网站允许您注册已关闭的电子邮件课程,或者要求您通过“下载”按钮“获取免费电子书”。

3.您客户的语言

在我们的2X您的转换率小于30天的电子邮件课程中,Joanna Wiebe解释了使用客户的语言有多大价值……

《6种使用清晰度来提高转换率的方法》Joanna Wiebe ,Copy Hackers&Airstory:

“你不是在写副本; %E4%BD%A0%E6%AD%A3%E5%9C%A8%E6%8A%8A%E4%BD%A0%E7%9A%84%E6%BD%9C%E5%9C%A8%E5%AE%A2%E6%88%B7%E7%9A%84%E8%AF%9D%E8%AF%AD%E5%B8%A6%E5%9B%9E%E7%BB%99%E5%A5%B9“>

如果她使用行话,我们使用那个行话。

如果她写“cuz”,我们写“cuz”。

如果她希望在减少工作量的同时将收入增加一倍,我们会告诉她如何在减少工作量的同时将收入增加一倍。

永远在她的话。 如果我们不知道她用于某个特定信息的话,我们会回到研究阶段, %E9%80%9A%E5%B8%B8%E4%BB%A5%E5%88%9B%E6%96%B0%E7%9A%84%E6%96%B9%E5%BC%8F%E6%89%BE%E5%87%BA%EF%BC%8C”>

当您进行定性研究时 ,请注意客户使用的字眼,一般情况下以及描述您的产品/服务。 在副本中使用这些单词和短语可以提高所有页面的清晰度。 (此策略适用于主页,定价页面,产品页面,联系页面,帮助页面等)

示例: JSConf

看一下JSConf的这个登陆页面,这是一个专为喜欢JavaScript的人设计的会议……

《6种使用清晰度来提高转换率的方法》

请注意该副本如何使用她使用的单词与客户说话。

  • “你好Bs As!”

同样的原则可以应用于任何站点以提高清晰度。 清楚描述产品或服务,定价计划,特定功能等的最佳方式是用客户自己的话来描述。

结论

清晰度对于转换至关重要。 如果您是谁,您做了什么,为什么人们应该信任并选择您的产品/服务,并且下一步不能立即明确,您的转换率将受到影响。 [推特!]

为了提高清晰度,请尝试……

  1. 使用空格来引起对网站最重要部分的注意,例如您的价值主张或号召性用语。
  2. 使用有意义的图像,它们自己讲述同一个故事,页面的其余部分正在讲述。
  3. 安排您的视觉层次结构,使您的徽标,价值主张和号召性用语接近顶部。
  4. 以提高阅读速度和清晰度为名打破传统语法规则。
  5. 使用一致的语言,尤其是在您对操作和按钮的调用中。
  6. 使用客户最有可能使用的单词和短语。

相关文章

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注