使用 Microsoft Clarity 更好地了解用户
已发表: 2022-03-11Microsoft Clarity 使您能够分析用户如何与您的网站进行交互。 它补充了 Google Analytics,并通过热图和会话回放等工具提供用户洞察。 Clarity 的独特功能是什么,它们如何改善您网站的用户体验?
这些天来,分析比比皆是。 如果您需要一个程序来收集有关您网站的详细数据,您会发现很多选择。 然而,许多分析程序具有陡峭的学习曲线和难以转化为设计决策的产量指标。
Microsoft Clarity 是一种行为分析工具,可将用户交互转化为视觉洞察力。 Clarity 提供了各种仪表板、热图和会话回放,可揭示您网站的哪些部分获得最多(和最少)参与度。 它还具有愤怒点击和死点击等功能,可以轻松分析导致混乱和性能不佳的问题。
Clarity 最强大的功能是什么?
作为构建 Clarity 的团队中的一名软件开发人员,我亲眼目睹了它如何帮助设计师更好地了解他们的用户。 Clarity 的功能不仅强大,而且简单、整洁。 这一切都始于 Clarity 仪表板。
Clarity Dashboard:高级见解和细致入微的过滤器
Clarity 的主仪表板显示会话指标、流量来源和指示用户沮丧的图表。 它还提供高级过滤器,允许您根据更细微的标准进行搜索,例如光标移动、操作系统和调整大小的页面。
此外,Clarity 为您提供了创建无限自定义标签的选项 - 量身定制的过滤器,可加快您查找特定会话以进行审查的能力。 当您需要:
- 识别表单提交和购买等转化
- 查找特定用户的热图和会话记录
- 跟踪特定用户的登录时间以及他们正在查看的页面类型
挫折指标:识别和消除可用性问题
如果不加以控制,可用性问题会导致网站被放弃。 幸运的是,Clarity 的挫败指标可以隔离表明 UX 设计缺陷的交互:
- 狂暴点击:用户在同一区域快速点击数次。 愤怒的点击可能表明目标尺寸不足或视觉设计具有误导性。
- 死点击:用户点击一个元素但没有任何反应。 无效点击可能是链接断开的结果。
- 过度滚动:用户在页面上匆忙上下滚动的频率高于普通用户。 过度滚动可能表示可发现性差或内容不相关。
- 快速返回:用户访问一个页面并快速返回上一个页面。 快速返回可能是由误导性图标或内容描述引起的。
会话重播:了解用户如何真正体验您的网站
“录音”选项卡是您可以观看会话重播的地方。 除了跟踪光标移动和点击之外,回放还包括进入和退出 URL、会话持续时间、日期和设备等信息。
Clarity 还提供了一个“跳过不活动”复选框,使您能够在用户不做任何事情时略过延长的延伸——在查看多个会话时可以节省大量时间。
在每个视频上方,“更多详细信息”选项显示了用户操作的时间线。 每个动作都是可点击的,并链接到它在录音中的位置。
热图:可视化您最吸引人的内容
热图是一种可视化聚合会话并了解用户如何与页面交互的简单方法。 较暖的颜色表示较受欢迎的区域,较冷的颜色表示较不受欢迎的区域。 Clarity 提供三种类型的热图:
- 点击热图显示用户点击桌面页面的位置。
- 点击热图显示用户在移动和平板电脑页面上点击的位置。
- 滚动热图显示用户向下滚动页面的距离。
点击和点击热图可以帮助识别吸引人的内容,并作为比较设计迭代的基准。 他们还可以发现用户错误地认为具有交互性的元素,例如包含“播放”按钮的插图。

使用滚动热图,您可以将鼠标悬停在页面的某个部分上,以查看达到该点的用户百分比。 滚动热图还可以识别平均折叠——用户在滚动之前看到的页面顶部区域。
注意:仪表板过滤器也可以应用于“记录”和“热图”选项卡。
如何微调 Clarity 的设置
Microsoft Clarity 使启动新项目、屏蔽数据和阻止特定 IP 地址变得简单。 它还与 Google Analytics 集成,以更详细地了解您网站的优势和劣势。
清晰度设置:与流行的第三方平台兼容
登录 Clarity 后,您将被定向到“项目”页面。 首先单击“添加新项目”并输入您网站的详细信息。 值得注意的是,无论流量大小,Clarity 的功能都适用于所有网站。
创建项目后,您将被带到“设置”页面并获得 Clarity 跟踪代码。 将代码复制并粘贴到页面的 <head> HTML 部分,或通过 Clarity 的 WordPress 插件或 Google 跟踪代码管理器模板安装。 Clarity 还为多个第三方平台提供设置说明。
掩蔽:保护您网站的数据
共有三种屏蔽模式可防止 Clarity 捕获您网站的敏感文本:
- 严格:所有文本都被屏蔽。
- 平衡:仅屏蔽敏感文本。 敏感文本包括输入字段、数字和电子邮件地址。 (这是 Clarity 的默认设置。)
- 放松:没有文字被屏蔽。
除了 Clarity 的屏蔽模式,您还可以屏蔽特定内容,例如图像。
注意:不建议在包含敏感数据(例如医疗记录或财务信息)的网站上使用 Clarity。
IP 阻止:从跟踪中排除某些访问者
IP 阻止可防止 Clarity 记录特定的 IP 地址。 例如,您可能希望阻止团队成员访问站点。 来自阻止列表中地址的流量不会出现在项目的仪表板上。
谷歌分析:链接到清晰记录
尽管这些平台之间存在相似之处,但 Google Analytics 和 Clarity 不是竞争对手,它们是相辅相成的。 谷歌分析测量流量和电子商务表现。 Clarity 会跟踪类似的指标,但它还可以让您了解用户实际浏览和与您的网站互动的方式。
例如,如果您在 Google Analytics 中发现一个表现不佳的页面,您可以使用 Clarity 来观察用户会话并识别页面的设计缺陷。 事实上,Clarity 提供了一种从 Google Analytics(分析)仪表板链接到会话回放的简单方法。
Microsoft Clarity 提供有价值的用户见解
设计师在用户研究、信息架构、原型设计和测试方面投入了无数时间。 行为分析对于这个持续的发现和改进过程至关重要,因为它们揭示了哪些设计选择有效,哪些无效。 凭借其直观的功能和简单的图形,Microsoft Clarity 可帮助设计师将复杂的用户行为转变为数据支持的设计决策。
进一步阅读 Toptal 设计博客:
- Hotjar:用户体验和转换技巧
- 面向大众的 UX 测试:保持简单且具有成本效益
- 谁、什么和为什么——用户测试方法指南
