bts防弹少年团演唱会

bts防弹少年团演唱会

我们可以从众多的热图测试中学到19件事

《我们可以从众多的热图测试中学到19件事》

热图非常适合分析访问者的行为。 他们可以使用其他方法找到您无法找到的见解,这可以大大%E6%8F%90%E9%AB%98%E6%82%A8%E7%9A%84%E8%BD%AC%E5%8C%96%E7%8E%87“>

热图大致分为鼠标跟踪热图和眼动追踪热图。 大多数公司都使用鼠标跟踪热图,因为它们的价格有效。

通过鼠标跟踪,您可以从实际访问者%E9%82%A3%E9%87%8C%E8%8E%B7%E5%BE%97%E5%8F%AF%E7%94%A8%E6%80%A7%E6%8C%87%E6%A0%87“>

然而,眼动追踪将为您提供关于测试主体行为的近100%准确度的结果; 鼠标跟踪的准确率约为85-90%。

接下来,一些发现:

1.对访问者目标最重要的内容应位于页面顶部

《我们可以从众多的热图测试中学到19件事》

图像来源

人们会滚动,但他们的注意力很短 – 本研究发现,当访问者的页面观看次数低于首屏时,页面的观看时间会急剧减少。 在这项研究中,访客花费了80%的时间专注于首屏内容。 对您的业务目标最重要的材料应该是首要的。

在该研究中,用户观看时间分布如下:

首屏: 80.3%
低于折: 19.7%

该研究是在1024×768分辨率下进行的 – 今天,大多数人的分辨率更高。 它不会固有地改变研究的结论,但它可能会稍微改变百分比 – 当在较大的屏幕上使用流体布局时,高于折叠的内容量可能会增加。

用户的注意力也会降低到最低点 – 您的内容离标题越远,访问者对阅读内容的关注就越少。 因此,请务必在顶部插入最重要的信息。

此外,请记住人们在布局促进滚动时滚动 – 所以如果你有一个长页面,请确保设计鼓励滚动。

注意页面上的最后一个元素

在同一项研究中,观看时间在网页的最底部显着增加,这意味着访问者的注意力再次在页面底部上升。 在网页末尾插入一个好的号召性用语或相关内容可以推动转化。

你还应该记住新近效应 ,它表明一个人看到的最后一件事会留在他们脑海中的时间更长。 确保花一些时间精心制作页面的结尾。

你所看到的就是你所购买的东西 – 当匆忙时,会选择什么样的东西

《我们可以从众多的热图测试中学到19件事》

图像来源

加州理工学院最近的一项神经科学研究发现,在快速决策速度下(当匆忙或分心时)​​,视觉冲击会影响选择,而不是消费者偏好。 这意味着当您的访问者匆忙时,他们会更少考虑他们的个人偏好,并倾向于根据他们最常注意的内容做出选择。 当一个人在不同选择中没有强烈偏好时,这种偏见会越强,一个人就越分心。

这证明了营销人员的一个假设,它具有很大的潜力 – 如果产品的视觉影响能够超越消费者的偏好,特别是在时间敏感和分散注意力的环境,如网上购物,那么网站设计的战略变化可能会严重转移游客的关注。

优化您网站的设计,以便您的访问者可以在日益仓促的世界中找到他们正在寻找的内容(或者您最想卖的内容)。

3.人们花更多时间查看页面的左侧

《我们可以从众多的热图测试中学到19件事》

图像来源

一些研究发现,网站的左侧可以吸引访问者的大部分注意力。 左边也是先看。 总有例外,但首先要牢记左侧是一个很好的起点。 使用您网站的这一面显示您最重要的信息 – 例如您的价值主张

这项研究发现,网站的左侧收到了69%的观看时间 – 人们花在观看页面左侧的时间是他们做对的时间的两倍多。

人们以F形图案阅读你的内容

《我们可以从众多的热图测试中学到19件事》

这项研究发现人们倾向于以F形图案阅读文本内容。 那是什么意思? 这意味着人们会撇去,并且他们的主要注意力都集中在文本的开头。 他们阅读了最重要的标题和副标题,但只选择性地阅读文本的较大部分。

您的前两段需要说明文字中最重要的信息 – 这是您的访问者最有可能阅读的内容。

使用副标题,项目符号和段落可使您的内容更具可读性。 人们浏览,当你将重要信息插入子弹点时,他们在浏览文本时会更有可能注意到它。

请注意,在浏览基于图片的网页时,F图案样式不成立, 这在本研究中很明显 。 人们倾向于以水平方式浏览基于图像的网页。

5.不要因横幅失明而赔钱

《我们可以从众多的热图测试中学到19件事》

图像来源

当您的访客下意识地或有意识地忽略您网页的一部分时,会发生横幅失明,因为它看起来像广告。 这种现象已存在很长时间了 – 我们每天都会被成千上万的广告轰炸,所以我们下意识地学会忽略网站上的广告。 这也意味着将忽略任何看似广告的文本或图像块。 参观者几乎从不看任何看起来像广告的东西。

这张热图研究发现广告中没有任何内容。 如果人们需要快速获取信息,他们就会忽略广告 – 反之亦然,如果他们完全专注于阅读故事,他们就不会忽视内容。

有几种方法可以避免在您的网站上造成横幅失明 – 通过使用在线营销方面经验丰富的网页设计公司可以防止大多数问题。

6.在设计中使用人物图像时,它们看起来很重要

《我们可以从众多的热图测试中学到19件事》

图像来源

在您的设计中使用人是有意义的 – 它是吸引访客注意力的设计元素之一。 但它的眼睛看起来也很重要 – 一些热图研究表明人们遵循模型眼睛的方向。 因此,如果您需要让人们不仅关注您网站上的美女,还要关注她旁边的内容,请确保她正在查看该内容。

传达情感也很重要

让一个人传达情感会对转换率产生很大影响。 这项研究发现,一个传达情感的人对转化的影响要大于一个看待行动的冷静的人。

您最好的选择可能是将这两种方法结合起来 – 使用情感传达的人,查看页面上的所需位置。

男人是视觉,女人寻求信息

《我们可以从众多的热图测试中学到19件事》

图像来源

当被要求查看约会网站上的人物简介时, 这项研究发现男女之间存在明显的差异 – 而男性在查看某个人的个人资料时更加直观,更多地关注图像,女性倾向于阅读更多提供信息。 女性花在将近50%的时间来评估某人的一般情况,而男性则倾向于将大部分注意力集中在图像上。

在另一项研究中 ,男性看女性胸部的时间比女性多37%,而女性看无名指的时间要多27%。 该研究得出的结论是,“男性是男性,女性是淘金者”。 从两项研究中可以得出结论,虽然男性是视觉的并且倾向于专注于某些身体区域,但女性是信息搜索者,并且在查看照片时,倾向于以获取信息为目标扫描它们。

8.放弃自动图像轮播和横幅以获得更好的点击率

《我们可以从众多的热图测试中学到19件事》

这项研究的结论是,在用户心中有特定任务的两个网站上,主要的横幅被完全忽略了 – 也就是动画版本。 这些解决方案正在很多网站上使用,但它主要是一种时尚。 自动图像轮播和横幅通常不是您主页的好主意。 访问者会忽略它们,因为它们会导致横幅失明,从而在您的网站上浪费了大量必要的空间。

本文更多地讨论了这种现象。

同一项研究发现这些网站的规则有例外 – ASOS主页上的中央横幅设法比其他网站更能吸引参与者的注意力。 那个横幅怎么样不同? 它可能看起来不像横幅,比测试中的其他图像轮播更集成到页面中,因此它不会产生相当多的横幅失明效果。 不过,这不是一个完美的解决方案。

9.明智地使用对比来指导访问者

《我们可以从众多的热图测试中学到19件事》

图像来源

在使用热图测试着陆页以查明用户行为后, techwyse的人们发现了颜色对比在引导访问者方面的重要性。 关于首页定价的不可点击的信息元素因其与周围区域的颜色对比而引起了最多的关注 – 将注意力从页面的其余部分转移开。 在首页进行了轻微的设计重点改造之后,访客的扫描模式与公司所需的一致。

10. 60岁的孩子犯错误的几率是20岁的孩子的两倍

《我们可以从众多的热图测试中学到19件事》

图像来源

当您的目标受众是老年人时,请务必专注于使您的网站尽可能易于使用且无杂乱。 在远程用户测试中测试257位通讯员时,超过55秒的任务失败率是25秒以下的1.9倍。 与年轻人相比,几乎两倍的老年人失败或放弃了特定的任务。

老年人的在线速度也较慢 – 与最年轻的参与者相比,最老的人完成任务的时间增加了40%。

两倍多的老年人发现这项任务很困难 – 即使在您的网站上做一项随机任务对您来说也很容易,但对于老年人来说,这可能非常困难。 因此,如果您将老年人作为目标受众,请务必测试您的布局。

11.使用照片让访问者注意

《我们可以从众多的热图测试中学到19件事》

图像来源

人们是视觉的 – 自从互联网出现以来,网站一直在使用精心挑选的图像来提高转换率,这是有充分理由的。 在您的产品中加入精心挑选的图片几乎总是一个好主意。

使用真人照片

人们对真人的形象反应良好。 在这项研究中 ,测试对象花在观看员工照片上的时间比阅读大部分网页上的内容多10%。 相比之下,访客完全忽略了“真人”的照片。 不知怎的,我们学会了从实际人物的照片中识别出“光子银行人”。 这篇博文是使用股票摄影时可能发生的事情的完美例子。 这也适用于可能看起来像照片的实际照片 – 因此请注意不要过度编辑照片。

这项研究证明,您的照片是LinkedIn个人资料中最重要的元素, 本研究在Facebook上发现了相同的相关性。

使用产品照片来提升转化率

本文中有更多关于此的讨论。 如果使用得当,大照片是保证吸引访客注意力的方式。 37signals与Highrise一起做得很好。

12.总结优于博客结构中的完整文章

《我们可以从众多的热图测试中学到19件事》

图像来源

本研究发现,在您的博客主页上使用文章摘要而不是完整文章将使您的访问者更多地阅读您的内容。

如果您的博客上有完整文章的博客,如果他们没有找到您的第一篇文章,那么您可能会失去访问者。 他们将“消耗”他们阅读第一篇文章的所有兴趣,并且没有足够的余地用于您的博客或网站的其余部分。

前两个示例显示了在其首页上显示完整文章的博客。 在这两种情况下,访问者都浏览了第一篇文章,但没有进一步查看。 接下来的两个例子在他们的主页上只有文章摘要 – 在Capgemini博客上,访问者扫描了整个页面,其中包括10篇文章摘要。 AOL的最后一个例子展示了一种混合方法 – 有些文章很简短并且完整展示,而较长的文章已经被总结。 Aol的例子也清楚地显示了photoblogs如何吸引访客的注意力 – 测试对象扫描超过12000像素,只看照片而忽略文本。

在博客主页上使用摘要而不是完整文章非常有用,因为摘要可让您向访问者展示各种主题。 提供更多选择的文章会增加访问者填写查找感兴趣内容的可能性,并且会点击阅读更多内容,而不是离开您的网站。

13.人们花在电子邮件上的时间不到一分钟 – 快速吸引他们

该研究显示,67%的用户在新闻通讯介绍中没有固定。 人们倾向于跳过简报中的介绍性段落并浏览其余内容。 由于分发给时事通讯的平均时间为51秒,人们只阅读了19%的时事通讯。 他们大多是扫描,所以保持简短的通讯时间,以及明确的号召性用语。

14.将A / B测试与点击图结合使用,以提高效率

《我们可以从众多的热图测试中学到19件事》

视觉网站优化人员发现 ,他们的主页流量中有近25%用于顶级菜单中的微小“定价”链接,而用于收集大部分流量的大型主要CTA按钮仅收集了5%的总点击次数。 现在他们发现了这一点,他们可以将之前的点击地图知识与A / B测试相结合,以找出更改后的主页的哪个版本将更好地工作。

在网站拆分测试中,您可以在同一页面的两个或多个版本之间引导流量,以分析每个版本的成功。 例如,您可以使用按钮颜色,背景颜色,文案或元素放置。 有时您可能会看到访问者行为发生巨大变化,而页面设计中的变化最小 – 例如,按钮的颜色更改可能会导致更高的转化次数。 当您将点击图获得的知识与A / B测试相结合时,您可以多次提高点击图的效果 – CareLogger通过更改其号召性用语按钮的颜色,使转化率提高了34%。

15.显示原始价格旁边的折扣价格将提高购买满意度

《我们可以从众多的热图测试中学到19件事》

图像来源

受丹·阿里利(Dan Ariely)的书“可预测的非理性”(Predictably Irrational)的启发,罗伯特史蒂文斯对60名随机人员进行了测试,以了解相对性如何影响日常决策。 人们不会根据有关世界的完整信息做出决策 – 我们根据我们制作时提供的信息做出决策。

人们进行了两种不同的架子布局测试 – 第一个版本只有可见的折扣无辜冰沙,没有来自同一品牌的冰沙有全价。 第二个版本还包括一系列正常价格的冰沙。 虽然打折冰沙的价格保持不变,但人们对他们的购买更满意,因为他们也知道原价 – 2.4与1.7相比较。

Eyetrack III对新闻门户网站的研究

Eyetrack III研究中 ,观察了数十人一小时,因为他们被给予了模拟新闻网站和真实的多媒体内容。

16.人们的眼睛首先盯着页面的左上角 ,然后徘徊在右边的一个区域 – 只有一段时间后人们开始在页面上进一步探索;
17.人们首先看到占主导地位的头条 – 特别是当他们在左上角时;
18.使用较小的类型进行集中阅读行为 – 研究发现,较大的类型导致更多的页面扫描,因为人们环顾四周寻找引起他们注意的单词或短语,而较小的类型导致人们更多地关注内容。
19.标题的第一句话很重要 – 如果标题的第一句话与您的访问者互动,他们可能会继续阅读。 你将有不到一秒的时间来引起他们的注意。

提示:按小时和星期几构建转化率热图

如果您有兴趣按时间查看有关转换率的详细信息, 请查看本教程 – 来自Optimization Beacon的Robert Kingston写了一篇很好的文章,介绍如何按小时和天创建有关转换率的信息电子表格一周 – 非常适合电子商务网站,将产生类似热图的概述您的峰值转换时间。

用于您自己的热图测试的工具

虽然这些调查有望让您对可能有效的方法有所了解,但最好是进行自己的测试。 有很多优秀的公司提供了测试您的网页的优秀工具。 我将专注于鼠标跟踪软件,因为与eyetracking软件相比,它更加广泛,价格合理且更容易升级:

Crazyegg鼠标测试的绝佳工具。 具有点击热图,滚动图,覆盖特定元素和五彩纸屑的点击次数,您可以根据引荐来源区分点击次数。 与eyetracking测试相比,他们声称跟踪精度高达88%。 所有计划30天免费,价格从每月9美元起。

Mouseflow鼠标跟踪的另一个好工具。 他们非常重视播放并记录所有鼠标移动 – 点击,滚动事件,击键和表单交互 – 您甚至可以在填写表单时记录访问者的击键。 此外,他们还有单独的电子商务跟踪选项。 定价从每月10美元开始,他们还有一个小的,永远免费的计划。

Clicktale – 大型品牌使用的企业级鼠标跟踪软件。 该软件分为用于跟踪鼠标移动的鼠标跟踪套件,用于视觉概览的热图套件和用于为转换优化提供更好分析数据的转换套件。 附带400页浏览量/月免费计划,需要询问价格报价以获取更多观看次数。

Reinvigorate – 他们的实时热图工具有一些简洁的选项,比如给注册用户提供名称标签,这样你就可以分别看到每个用户在你网站上的活动。 他们也有桌面交付,所以如果你不想登录网站查看你的数据,你不必。 免费计划14天,价格从每月10美元起。

Luckyorange – 除了鼠标移动记录外,他们还将实时访客地图,访客民意调查和实时聊天等工具捆绑到他们的软件中。 有7天免费试用,价格从每月10美元起

免费替代品

SumoMe%E7%9A%84%E7%83%AD%E5%9B%BE”>

Clickheat – 一种开源替代方案,允许您通过站点上的鼠标点击创建热图。

Corunet – 你需要知道如何使用这个代码的人。 与Clickheat类似,Corunet允许您根据页面上的点击数据生成热图。

结论

可以从许多不同类型的数据创建热图。 在谈论转换优化时,我们主要讨论的是使用来自鼠标移动或点击的数据创建的热图 – 这两者都来自鼠标跟踪。

  1. 对访问者目标最重要的内容应位于页面顶部 – 人们会滚动,但他们的注意力一直在减少。
  2. 人们购买他们所看到的东西 –使用视觉显着性来突出重要的东西。 视觉显着性是一种独特的对象质量(如颜色),使其从邻居中脱颖而出并立即引起注意。 使用此选项突出显示您要销售的产品。
  3. 横幅盲的测试 – 当您网站上的元素类似于广告横幅时,他们将受到较少的关注。
  4. 放弃自动图像轮播以获得更好的点击率 – 当用户考虑到特定任务时,他们将完全忽略旋转木马。 更多关于此主题的信息。
  5. 使用照片进行关注和指导 – 人们对真实人物的照片和良好的产品照片反应良好。 您可以通过显示眼睛方向来指导访问者在您的页面上的移动。
  6. 对于博客,摘要优于完整文章 – 您将通过使用摘要让访问者阅读更多内容,因为显示完整文章可能会在访问者找到他们想要的内容之前消耗他们的注意力。
  7. 将A / B测试与点击图结合使用可获得更好的效果 – 在一次分析中一起使用的这两种方法可以提供比其部分总和更多的信息。

特色图片来源

相关文章

点赞

发表评论

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