最有价值的用户体验工具: 热图
了解如何跟踪客户如何使用您的 Shopify 网站以获得有价值的见解。
糟糕的用户体验会让客户离开你的网站和产品，并将他们的注意力转移到你的竞争对手身上。
用户体验 (UX) 是客户浏览您网站的旅程。良好的客户旅程——出色的用户体验——是客户转化的关键。您希望您的网站对于访问者来说导航起来简单直观。简化无缝购物体验意味着客户在浏览您的网站时不会遇到任何减速带，也不会在购买前找到任何理由离开。
一旦客户找到离开您网站的理由，他们就会——选择阻力最小的路径比在设计糟糕的网站上蒙混过关要容易得多。
成为阻力最小的路径。
什么是热图？
热图使用视觉数据向您显示网页的“热门”部分，其中热点是客户花费最多时间的页面区域。
它显示访问者移动鼠标光标的位置、滚动、悬停和单击的位置。除了突出显示积极的行动之外，它还可以向您显示不活动的区域，例如号召性用语或未被点击的链接。
为了能够对热图向您展示的内容做出准确的假设，您需要足够的样本量 – 来自 25 位访问者的数据不足以对数据告诉您的内容做出任何推断。我们建议查看给定页面至少 2,000 名访问者的热图数据。将结果按设备分开也很重要 – 因此，请分别评估桌面访问者的结果和移动访问者的热图告诉您的内容。
使用热图可以让您跟踪客户如何使用您的网站。这种见解的价值怎么强调都不为过。有几种类型的热图可供讨论：
悬停热图
这些地图显示访问者将光标悬停在页面上的位置。这个想法是，人们经常看他们悬停的地方，这样就可以表明人们如何阅读网页。这是眼球追踪的原始版本，有一个明显的限制：它实际上是跟随鼠标光标，而不是人的眼睛。只要您意识到这一限制，就值得考虑使用悬停地图来概述人们如何在页面上移动光标。
点击热图
这些汇总用户的点击次数会生成热图，其中点击密度较高的区域较“温暖”，而相对于点击次数而言，区域较冷。此类信息可以说比悬停地图更有用。
例如，如果您发现很多人都在点击某个图像，则可能值得将其制作为链接，或者对其进行更改，使其看起来不像链接，以便人们停止点击它。
这是查看广泛趋势并了解人们点击位置的好方法。然而，与悬停地图一样，请注意不要创建证明地图合理性的叙述。将它们用作有趣的数据来通知您。
注意热图
注意力图是一个热图，它显示了用户浏览器查看最多的页面区域，同时考虑了水平和垂直滚动活动。
它们显示页面的哪些区域被查看最多，包括用户滚动的距离以及在页面上花费的时间。
滚动热图
此变体显示用户向下滚动页面的距离。它们是人们如何消费较长页面上的内容的良好指标。您可以预期，页面越往下走，到达那一步的人就越少。准确地了解这种下降是如何以及在哪里发生的非常有用，这样您就可以知道需要在哪里优先考虑内容以及可能需要如何更改页面的设计。
有哪些热图工具可用？
有许多可用的工具具有上述功能的不同组合。
其中比较知名的是Mouseflow – 它具有用户行为分析功能，可让您优化您的网站，并能够了解用户旅程中每个接触点发生的情况。该工具记录所有鼠标移动——单击、滚动事件、击键和表单交互。
Clickheat是 HTML 页面上点击的可视化热图，显示热点击区域和冷点击区域。ClickHeat 是一款开源软件，根据 GPL 许可发布，并且免费。
什么是会话跟踪/会话重播？
能够捕捉客户的页面活动是您通过他们的眼睛看到的最接近的情况。这是实体店多年来一直在发展的洞察力。会话跟踪允许您查看各个用户的记录，以便在他们滚动页面时跟踪他们，实时显示他们移动光标的位置以及在不同位置停留的时间。
在实体店中，零售商可以观察顾客如何与其产品互动以及他们如何在店内走动。这正是企业评估其商店的客户旅程如何运作的方式，并准确地告知他们如何布局。这就是为什么商店通常会在收银台附近放置价格较低的“冲动”购买商品，因为顾客更有可能在旅程结束时取货。这与大件商品和新产品被放置在橱窗和商店入口附近的原因相同。
追加销售和交叉销售是商店提高平均销售额的最快、最简单的方法之一。Shopify 应用商店中有一些应用程序可以将此功能添加到您的 Shopify 商店，例如Cart Convert，它可以让您最大限度地利用交叉销售和追加销售相关产品的机会。例如，客户购买了一件羊毛毛衣，因此您可以通过推荐一件羊绒毛衣来追加销售更昂贵的商品，或者交叉销售一条配套的围巾。我们在有关追加销售重要性的文章中更详细地探讨了这一点。
用户体验有多重要？
用户体验是谷歌最重要的排名因素之一。糟糕的用户体验可能会让人们离开您的网站，并可能阻止他们成为客户。
您需要全面了解客户的需求以及他们如何浏览电子商务网站。
用户体验 (UX) 设计不仅仅是视觉设计，它还在于让产品变得易于使用，提供令人愉快、无缝的体验。数字化旅程的便捷性可以创造积极的客户体验，并对在线业务的表现产生重大影响。
注重良好可用性和设计的企业往往表现更好。当人们喜欢使用某种产品时，他们会更多地使用该产品，并且很可能通过向朋友和家人推荐该产品而成为其拥护者。
Shopify 零售商可以使用以下五个技巧来改善其网站上的用户体验：
- 使用热图和会话跟踪等分析来了解可以改进的地方
- 创建跨设备的一致性
- 创建清晰的内容
- 确保您的网站满足可访问性要求
- 简化用户体验
如何改善用户体验
这就是热图或会话跟踪变得有用的地方，它可以让您准确地看到客户在您的页面上查看的位置。查看特定页面上的录音将使您深入了解许多重要的内容
- 人们如何到达该页面以及之后去哪里？
- 人们在页面上停留多长时间？
- 人们在页面上时将鼠标悬停在哪里？
- 是否存在令人沮丧的地方，人们不知道下一步应该采取什么行动？
- 人们为什么要离开？
所有这些信息将帮助您决定在哪里放置重要信息、转换触发器和导航网站的链接。
提高页面速度
客户习惯于即时加载网页。如果网站加载速度不快，他们可以轻松找到另一家商店，在那里可以买到同样的东西。
加载速度对于提高转化率至关重要。根据Radware的说法，页面加载时间每增加一秒，您就会损失 7% 的转化率、11% 的页面流量，并导致客户满意度下降 16%。
根据对全球排名前 100 的网站的调查，到 2023 年，桌面上的平均页面加载时间为 2.5 秒，移动设备上的平均页面加载时间为 8.6 秒。像 Google 这样的顶级浏览器力求加载时间少于 0.5 秒。
您可以采取一些措施来加快您的网站速度。
- 首先，做一个测试。有一个很棒的免费工具，名为 Pingdom，它可以为您提供页面加载速度的详细信息，以及您可以采取哪些措施来加快速度。谷歌的页面速度洞察也做了同样的事情，并为您提供了需要修复的详细信息。
- 查看我们的优化网站核心网络生命力的指南- Google 用于衡量网页性能和用户体验的一组指标。对于每个指标，URL 被标记为“绿色 – 良好”、“琥珀色 – 需要改进”或“红色 – 较差”。Core Web Vitals 分数对搜索引擎排名有直接影响。
如果您使用Pingdom查看 Amazon 的页面速度报告，您会发现该网站的加载时间为 654 毫秒，远少于一秒：他们的页面几乎立即加载。亚马逊报告称，当加载时间减少十分之一秒时，转化率增加了 1%。
- 进行站点速度审核
- 在上传图像之前对其进行压缩。大图像文件是网页缓慢的主要原因之一。
- 您可以允许浏览器缓存。这意味着，如果客户第二次访问，他们的设备将记住页面上的某些元素并更快地加载它们。
- 摆脱不必要的代码。审核页面上的代码，如果有任何不需要的内容，请将其删除。如果确实需要，请查看是否可以将其移至页面底部。
- 如果页面有多个 CSS 样式表，请将它们合并为一个。
- 优先考虑您希望客户立即看到的内容，而不是页面下方的内容。如果“非首屏”内容加载速度不快，客户不会注意到。他们必须滚动才能看到这些内容。
- 减少重定向数量，尤其是在大多数人进入您网站的页面上。每次重定向 URL 时，页面加载速度都会增加一些时间。
保持移动响应能力
超过 55% 的电子商务流量是通过移动设备进行的，在过去几年中，Google 一直大力支持移动设备友好的网站。您不仅必须考虑您的网站如何在桌面上运行，还必须考虑它如何在各种移动设备上运行。
- 值得使用几种不同的设备来测试您的网站。
- 检查菜单在每个设备上的外观以及导航是否直观。
- 您浏览页面的旅程感觉自然吗？
- 避免使用超过六行的文本块；这将使您的桌面网站看起来干净 – 当用户在移动设备上面对大量内容时，这会让他们感到厌烦。
- 确保您的按钮和链接足够大，可以用拇指或其他手指点击。
避免用户体验兔子洞
用户体验兔子洞是指用户在用户旅程中无法自然摆脱的地方。例如，客户在您的主页进入您的商店，然后转到产品系列页面，然后转到产品页面。
当然，您会希望他们进行结帐，但那时他们可能还没有准备好购买。如果您不让他们选择去其他地方，也许是推荐产品、面包屑或相关的博客文章，那么该客户就会陷入困境。
这是良好用户体验网页设计的一部分。看看亚马逊和 eBay 等一些大型电子商务网站。他们都建议了相关的商品来继续用户旅程并进行追加销售。
以良好的用户体验捕获数据
并非每个访问您网站的人都会在第一次、第二次甚至第三次购买商品。每 100 个浏览您网站的客户中有 98 个会在旅程中的某个地方下车。你无法通过强行推销来吸引这些客户，因为他们只会去其他地方。
但你可以捕获一小部分信息。
只需获取电子邮件地址即可确保您留在该潜在客户的意识中。
使用热图和会话跟踪来找出客户在哪些页面上离开网站。然后添加一个带有数据捕获字段的基于意图的弹出窗口。
吸引客户留下电子邮件地址的一个好方法是当场提供折扣代码。从导航的角度来看，这不一定会改善用户体验，但您的客户会觉得他们免费获得了一些东西，同时您获得了有价值的电子邮件地址。
通过这种方式，您可以通过可能的促销活动或其他产品来定位用户，从而将他们转化为客户。
将 A/B 测试与点击图相结合以提高效率
通过实施网站 A/B 测试，可以轻松找出更改后的主页的哪个版本效果更好。当您将点击地图中的知识与此类测试相结合时，您可以多次提高点击地图的有效性。有时，您可以通过更改号召性用语按钮的位置或颜色等简单操作来大幅提高转化率。
最好的用户体验
创建出色的用户旅程是保证客户忠诚度和转化的关键。这是优化客户在商店中的体验的最佳方式。
与其花费数千元做广告并想知道为什么客户不购买，不如创建一个坚实的基础和直观的用户旅程。可靠、经过充分研究和优化的用户体验将确保您的客户没有理由离开您的网站，然后您可以充分利用您的营销工作并获得更高的转化率。
