美文网首页
Smartlook教程 - 第3课:使用热力图分析用户行为

Smartlook教程 - 第3课:使用热力图分析用户行为

作者: 妍朵乐园 | 来源:发表于2020-08-22 07:51 被阅读0次

Smartlook是一款在网站和移动应用程序中记录用户行为的工具。类似Google Analytics或国内的友盟和百度统计,但它更侧重于以直观的录像视频方式,可以让你在很短的时间内快速发现有用的信息,以帮助你改善产品用户体验和提高用户转化。

这一系列内容翻译自他们的官方教程Smartlook School:https://www.smartlook.com/blog/category/smartlook-school/

更多产品相关信息请参见官方网站:https://www.smartlook.com/


欢迎来到Smartlook School的第三节课。在上一课中,你学习了如何通过客户的数据(如通过电子邮件或姓名)来识别录制的内容。在本课程中,你将学习使用热力图来分析用户行为。

如果你错过了我们之前的课程或者想直接跳到下一节课,你可以在这里找到我们所有的课程。

生成热力图(Heatmap)可以让你深入了解用户是如何与特定页面进行交互的,这可以用来帮助你重新设计你的网站或者进行一些小的调整,从而留住更多的访问者并提高你的转化率。热力图将显示访问者是否正在与你的重要内容进行交互,或者他们是否正在阅读和查看他们应该阅读和查看的内容。

你的访客点击正确的地方了吗?

开始生成热力图的最佳页面是那些具有高流量的、重要的页面,例如你的主页或登录页面,甚至是具有高跳出率(或放弃率)的页面。

页面上可能存在诸如标题,图像和形状之类的元素,这些元素可能会误导访问者根据其外观来点击它们。类似地,也可能有一些可点击的元素,比如CTA(行为召唤)按钮,它们被访问者所忽略,没有得到应有的点击。“Click“热力图可以帮助你发现这一点,你就可以重新考虑你的页面设计,这样就不会让你的访问者感到困惑,从而阻止他们离开。

在分析"Click"热力图时,彩色区域(“热”和“冷”区域)会提示你需要注意的焦点,因为它们显示了点击活动最集中的区域——请注意,颜色渐变梯度与点击次数不成正比。你可以使用拖放功能查看所选区域的确切点击次数。

评估页面在移动设备上的效果

互联网用户在具有不同屏幕尺寸的不同设备(智能手机,平板电脑等)上浏览变得越来越普遍。不同的屏幕大小显示你的网站的方式可能与网站的桌面版本不太一致。因此,某些内容的可读性可能会降低,重要元素的位置可能会有所不同,这可能会损害可视性。

如果你想确保你的页面在不同的设备上保持完全的功能性和用户友好性,请特别注意移动和平板电脑版本的热力图。找到你需要改变的内容,以及如何调整你的响应式设计。保持内容可读性,并且最重要的元素(例如CTA)应该是显而易见的。 从而使用户在所有设备上的体验都更好!

了解访问者的滚动距离

当你的内容位于折线以下时,它就不容易被看到。需要滚动屏幕才能查看它。如果页面上有很大的留白,会让访问者误以为是页面底部。在这种情况下,访问者不会意识到下面有内容,而且很可能不会往下滚动。这可能会阻止访问者阅读或可视化页面上可能很重要的内容,从而对他们的用户体验产生消极影响。“Scroll”热力图显示访问者在您的页面上滚动的百分比大幅下降,这可以表明刚才描述的问题。例如,可以通过减少页面元素之间的留白或重新设计页面,使用户意识到他们需要向下滚动才能看到他们应该看到的内容。

找出你的折线在哪里

你的页面给人的第一印象可以确定访问者将留下还是去往其他地方。拥有优质的内容至关重要,这将使你的受众一见钟情! 重要的标语和CTA元素必须一目了然,以便从一开始就将客户引向正确的流程。

当涉及到揭示你的页面的平均折叠线,“Scroll“热力图是一个非常有效的工具。折线是页面上不再容易看到内容的点,这意味着你的访问者需要向下滚动才能阅读。这可以很好地指导你如何重新定位最重要的内容,从而确保所有访问者都可以看到它。这在分析不同设备的热力图时也很重要。

“折线下方”显示重要内容

通常,您的访问者可能会单击页面顶部以外的某些元素,这些要素可能在所谓的“折线”之下。“Click“热力图可以显示折线下方的某些内容获得了大量点击。在这种情况下,将内容移到折线上方可能是个好主意,因为这可能是吸引访问者注意力并激发他们留在你的网站上进行更多探索的好内容。

比较新访客和回访者之间的行为

付费套餐中,你可以生成特定于新访客和回访者的热力图,这将让你了解他们对你的网页设计的主要和后续反应。新访问者的行为与那些已经知道你的网站的人不同,所以这些热力图看起来也可能不同。


在本课程中,您学习了如何使用热力图:

  • 检查你的用户是否点击了他们应该点击的地方
  • 了解你的页面在多种不同设备上的用户体验
  • 找出平均折线在哪里
  • 检测应该移动到折线上方的重要内容
  • 了解首次访问你的网站的人和回访者与你的内容进行交互的方式之间的区别

现在轮到你了,这些热力图将把你的访客行为分析提升到一个新的层次。马上开始制作你的热力图吧!

想要继续学习?请浏览第4课:将Smartlook集成到你的工单和分析系统中

相关文章

网友评论

      本文标题:Smartlook教程 - 第3课:使用热力图分析用户行为

      本文链接:https://www.haomeiwen.com/subject/eetujktx.html