了解用户行为是最好的网站设计
已发表: 2020-08-14
在本文中，我们将讨论如何在您的网站上跟踪客户行为、UX 网站分析的创新，以及使用热图跟踪用户行为以实现最佳网站设计的所有原因。
你会发现：
- 什么是用户行为？
- 用户体验设计如何影响在线商店或网站的推广？
- 什么是带有热图工具的用户行为分析？
- 为什么网站点击您需要跟踪的内容
- 通过网站点击和滚动分析的用户行为
- 实时网站示例上用户行为的视觉呈现
本文中与用户行为相关的所有示例均基于使用Plerdy heatmap收集的超过 4000 万次点击的独特统计数据。
想想你买东西的那一刻，你更有可能回忆起你的感受而不是产品。 与在线商店或网站的任何互动都会记录在您的情绪记忆中，并且是您在网站上的行为的一部分。
什么是用户行为？
今天，网络提供了大量的产品和服务，我们可以足不出户订购。 例如，如果您在谷歌上搜索“订购披萨”，搜索结果会显示超过 11 亿个优惠。 这同样适用于许多其他类别的产品。
这就引出了一个问题：您是否意识到您网站的用户体验可能会引发可能导致 99% 的潜在买家离开的负面情绪和行为？ 以下是一些统计数据，可以说服您检查您的网站是否存在任何 UX 问题并跟踪您的分析：
- 79% 的客户承认，如果当前的网站不符合他们的期望，他们会寻找另一个网站。
- 96% 的智能手机用户遇到过没有移动版本或不适合移动显示的网站。
- 52% 的用户表示负面的移动体验使他们不太可能与您的公司互动。
- 63% 的用户在多种类型的设备（智能手机、平板电脑、笔记本电脑、PC 等）上浏览产品或服务。
有很多类似的用户行为数据证明了跟踪用户体验（UX）对于数字营销和在线客户的重要性。 因此，让我们讨论您需要了解的有关 UX 分析的所有信息。
用户体验设计如何影响在线商店或网站的推广？
提供信息架构和可查找性服务的咨询公司总裁 Peter Morville 确定了以下影响网站用户体验和行为的因素：
换句话说，具有良好用户体验的网站必须是：
- 有用
网站内容应充分满足客户的需求并唤起积极的行为。
- 可用
易用性仍然是用户体验的重要组成部分，并提供良好的用户行为。
- 可取的
所有图像、品牌和设计元素都应该引人注目，并激发积极的情绪和行为。
- 无障碍
所有网站元素和内容必须可供残障人士访问。
- 可信的
您在网站上发布的所有内容都应该可靠且准确，以使用户信任您。 这改善了他们在网站上的行为。
- 可找到
内容必须结构良好并具有清晰的导航。
如果满足确保良好网站用户体验和行为的所有这 6 个因素，网站访问者将喜欢使用您的资源并表现出良好的行为。 因此，值得跟踪这些因素。
然而，不仅提到的统计数据和分析结果证明用户体验起着重要作用。 最近，谷歌出版了一本108页的在线书籍——UX playbook 。 它充满了关于如何通过 UX 增加销售额的经过测试的技巧。 该评论基于对广泛的研究、分析和文章的 A/B 测试。 在研究了数千个零售网站后，Google Analytics 发现存在某些通用的用户体验元素。
本书包含一个清单，有助于在 6 个关键领域分析和改进移动网站的用户体验：
- 主页/登陆页面。
- 菜单和导航。
- 搜索。
- 类别/产品。
- 转换。
- 形式优化。
优质的网站用户体验不仅可以改善客户在您网站上的行为，还可以提高您的搜索排名。 请注意，移动网站的可用性是200 个最重要的排名因素之一。 新的谷歌移动优先索引方法也非常关注网站用户体验。
✨ 不要错过：包容性网页设计的终极指南 + 操作技巧
什么是带有热图工具的用户行为分析？
大多数在线商店使用类似的分析来跟踪用户行为。 他们这样做是因为主观认为所有现有的网络资源都已经过测试，并且对潜在客户来说非常方便。 实际上，每个网站或在线商店都有一个独特的目标受众，他们的行为可能与您的不同。
这就是为什么要了解潜在客户在您的在线商店中的行为方式，您需要使用点击热图。
使用此分析地图收集的数据将使您能够更多地了解用户的偏好和行为。 您还将看到阻止客户完成购买的任何障碍或缺陷。
这样的研究和跟踪方法可以帮助提高在线商店的转化率和更好的用户体验。
使用热图分析工具跟踪用户行为
这些跟踪工具收集数据并按用于查看网站的设备类型和用户在其上的行为对其进行细分。
这些的另一个优点是能够跟踪与所有动态网站元素（弹出窗口、菜单等）的行为交互。 同样，一切都是实时发生的。
这些热图处理网站跟踪数据，不仅可以检测点击发生的位置，还可以记录点击的顺序。 分析工具按百分比将页面分为 5 个部分，并跟踪每个部分的点击次数。 它还跟踪滚动深度，这也是用户行为的一个非常重要的方面。 您可以使用这些用户行为数据来定义最适合放置重要信息的位置（点击次数最多的区域）。
让我们更多地谈谈我们通过跟踪和研究用户在各种网络资源的页面上的体验和行为获得的数字和结果。
基于热图数据的用户行为分析
用户行为不同，取决于网站主题、流量来源和网站访问者的意图。 为了更精确的用户行为分析，我们从各种来源收集了大约 1 亿次点击。 这些交互是在具有不同主题和功能的网站上进行的。
这是按流量来源分组的总点击次数图表。 我们在后续的用户行为研究中依赖于这些分析数据。
按设备类型划分总点击次数
从图中可以看出，PC 上的点击次数最多。 移动设备的点击次数明显减少，最少的点击归因于平板电脑用户。
众所周知，移动流量逐年稳步增长，这也影响着用户行为。 这就提出了一个合乎逻辑的问题：为什么大多数点击仍然是在桌面上进行的？
答案很简单。 当用户从移动设备访问网站时，他们仅出于特定目的而点击（转到另一个页面、选择按钮或活动链接）。 其余时间他们滚动。 当用户从 PC 浏览时，他们经常将鼠标悬停在文本上，突出显示元素，复制它们，或者进行所谓的空点击（在网站元素之外点击）。 有针对性的点击仅包含全部交互及其行为的一部分。
点击前鼠标悬停分析
该图清楚地显示了桌面网站版本的用户在单击之前悬停元素的频率更高（停止至少 2 秒）。 这意味着他们仔细阅读内容或犹豫不决。
一旦您了解了一般行为模式（基于不同流量来源和设备的点击），您就可以预测网站访问者的行为和行为，并帮助他们更有效地使用您的网站。
为了更详细地跟踪、分析和预测用户行为，我还准备了一个图表，显示页面各部分之间的点击分布。
根据滚动深度和设备类型的点击分布
下图显示了点击次数如何取决于设备类型和页面部分：
如您所见，用户在页面第一部分的点击次数最多（0-20%）。 即使您将其他部分的点击次数加起来，它仍然更少。
该图还显示，即使从页面的第二部分（20-40%）开始，点击量也显着下降。 这意味着您需要规划内容的结构。 对用户最重要的信息应始终放在第一部分，因为这对于形成积极的行为非常重要。
当然，并非所有页面都是相同的。 它们可能有不同的尺寸和设计。 然而，这张图传达了一个主要思想——如果你想留住客户，请将号召性用语放在页面顶部。
取决于页面部分的点击序列分布
上一张图显示了主要信息的放置位置，下一张图有助于了解用户如何浏览网页以及他们最常做的事情。
点击序列有意按设备类型进行分段。 这对于更清晰地了解用户行为的整体情况是必要的。
PC 上点击序列的分布
该图显示大多数用户第一次点击页面顶部的某个位置 (0-20%)。 此外，第二次（20-40%）及以下页面的首次点击次数急剧下降。
这样的分布也表明，不同页面板块的第一次点击次数总是高于第二次、第三次等点击次数。
我们可以从这张图中得出什么结论？
在他们第一次点击后，许多用户离开页面去另一个页面或完全关闭网站。 少得多的用户继续浏览页面并与网站进行交互。
智能手机上点击序列的分布
移动设备用户的情况类似。 然而在这种情况下，页面第一部分 (0-20%) 和第二部分 (20-40%) 的点击次数之间的差异更为显着。
这意味着任何移动网站版本都应在顶部包含所有必要的信息。 用户不太可能向下滚动以搜索更多详细信息。
平板电脑点击序列的分布
这种比较对于针对不同类型的设备优化网站并提供积极的用户行为至关重要。 例如，您的桌面版本可以在页面顶部包含大量信息，而移动版本的空间有限。 在设计移动网站以改善用户行为时，请务必考虑到这一点。
取决于页面部分的滚动深度分布
下图显示了用户在不点击的情况下滚动页面的深度。
根据这些指标，我们可以检测到从页面特定点开始的滚动深度逐渐下降。 对于页面的每个部分，用户数量都会减少。 我们走得越低，继续滚动的访问者就越少。 由于大部分点击是在页面的第一部分进行的，因此该图也显示从第二部分开始下降。
为什么网站点击您需要跟踪的内容
为了确保潜在客户在您的网站上感到舒适，您需要知道他们在登陆页面后首先做什么。 所以这是值得追踪的。
了解他们进行了哪些点击，他们访问了哪些部分，以及他们在销售漏斗的哪个阶段离开了您的网站。 不同网站元素的点击次数可以回答以下问题：
- 用户喜欢您网站上的哪些内容以及阻止他们购买的原因是什么？
- 为什么一个网站页面的转化率高于另一个？
- 为什么您的网站跳出率高（或者单独的页面退出率高）？
- 您的网站是否包含任何看起来不可点击的元素？
- 内容好吗？ 如何增加它的滚动深度？
- 放置内部 URL 和有趣优惠的最佳位置在哪里？
- 特定页面上显示的弹窗是否合适且有效？ （如果大多数用户关闭了弹出窗口，您应该尝试将其删除，看看他们在没有它的情况下会如何表现）。
- 您的号召性用语和其他元素是否有效？
只有掌握了这些信息，您才能减少不满意的客户数量，增加积极的用户行为，并赢得新客户。
通过网站点击和滚动分析的用户行为
您可以在安装跟踪脚本后立即查看 Plerdy 的点击和滚动热图的数据切片。 只需按 Ctrl-Alt-H 即可打开分析工具的侧边栏以跟踪用户行为。 统计数据分别显示在每个页面上。 跟踪信息在实时网站上实时显示，而不是像 Hotjar 等许多类似分析工具使用的屏幕截图。 这使您可以跟踪动态元素并避免在页面和主仪表板之间切换。
仪表板包含按用户行为的特定参数分组的所有收集的分析数据。 查看影响客户行为的网站性能偏差非常方便。
实时网站示例上用户行为的视觉呈现
热图跟踪工具用于分析网站访问者的行为，以找出哪些功能按钮（转发到相应部分）具有最高的点击率。 最受欢迎的元素是用户可以输入他们想要分析的网站的 URL 或域的字段。 根据跟踪数据，该字段被点击了 10612 次，而“搜索”按钮只有 1890 次点击。
因此，我们可以假设其他用户只是单击Enter ，然后等待结果或完全离开网站。
如果网站所有者忽视这种行为模式，他们将失去大量用户。 幸运的是，通过单击Enter，访问者可以运行链接分析。 唯一的问题是分析速度很慢，这可能会促使人们离开页面。
除了元素上的总点击次数外，您还可以查看用户首先点击的元素/块。 这使您可以了解在访问者登陆页面后立即吸引他们注意的内容以及这如何影响他们的行为。
单独针对直接流量对搜索栏的 CRT 进行的单独分析表明，该元素占直接流量点击总数的 12.3%（直接流量占 47%）。 这意味着虽然搜索栏在此页面上被突出显示，但用户也会单击其他分散注意力的元素，这会影响他们的行为。
如果您想知道您的网站访问者首先点击的位置以及这如何决定他们的行为，分析热图可能非常有用。 它们不仅按流量来源过滤首次点击，还按点击序列过滤。
例如，通过这种方式，您可以了解来自自然流量的访问者首先点击的位置以及他们的行为。
让我们回到之前页面不同部分的点击序列图，进一步分析客户行为。
查看此截图后，我们可以再次得出结论，所有点击中有 97.6% 发生在第一个屏幕上。 因此，页面的其他 4 个部分效果较差且很少被点击。
对鼠标悬停的分析表明，用户与元素的交互非常快。 尽管大多数访问者是在 PC 上浏览网站，但访问者点击的时间不到 2 秒。
滚动深度的情况类似。 Serpstat 网站的主页包含八个 1920×1080 像素的滚动屏幕。 根据收集的数据，只有 5% 的用户查看了第二个屏幕，或者换句话说，滚动了第二个屏幕，因此第二个屏幕上的行为效率不高。
滚动深度分析数据再次证明几乎没有人检查网站的下部，因此几乎没有行为。 在那里放置任何其他元素几乎没有用处。
最后的话
所以这是我与 Plerdy 团队一起进行的研究。 希望它能帮助您进行网站用户体验分析和对用户行为的理解。