作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
艾哈迈德·奥斯曼
验证专家 在设计

艾哈迈德是一名软件工程师 .NET和Azure,并为亚马逊和微软等公司构建创新的解决方案.

以前在

微软
分享

微软清晰使您能够分析用户如何与您的网站交互. 它补充了谷歌分析,并通过热图和会话回放等工具提供用户洞察. Clarity的独特功能是什么?它们如何改善您网站的用户体验?

如今,分析比比皆是. 如果你需要一个程序来收集关于你的网站的详细数据,你会发现不缺乏选择. 然而, 许多分析程序都有陡峭的学习曲线和难以转化为设计决策的产出指标.

微软的Clarity是一种行为 分析 将用户交互转化为视觉洞察的工具. 清晰度提供了多种 指示板, 的热图, 会话回放可以显示网站的哪些部分参与度最高,哪些参与度最低. 它还具有愤怒点击和死亡点击等功能,可以轻松分析导致混乱和性能低下的问题.

Clarity最强大的功能是什么?

作为Clarity团队的一名软件开发人员, 我亲眼目睹了它如何帮助设计师更好地理解他们的用户. Clarity的功能不仅强大,而且简单、整洁. 这一切都始于Clarity的仪表板.

清晰仪表板:高层次的洞察力和细致入微的过滤器

Clarity的主仪表板显示会话指标, 流量来源, 以及显示用户挫败感的图表. 它还提供高级过滤器,允许您根据更细微的标准(如光标移动)进行搜索, 操作系统, 调整页面大小.

此外, Clarity为您提供了创建无限自定义标签的选项——量身定制的过滤器,可以加速您查找特定会话的能力. 当您需要:

  • 识别表单提交和购买等转换
  • 查找特定用户的热图和会话记录
  • 跟踪特定用户何时登录以及他们正在查看什么类型的页面

 这是微软Clarity主仪表盘的截图.
Clarity的主仪表板显示了一系列网站指标.

挫折指标:识别和消除可用性问题

如果不加以控制,可用性问题会导致网站被放弃. 幸运的是,Clarity的挫败度指标隔离了暗示UX设计缺陷的交互:

  • 愤怒的点击:用户在同一区域快速点击多次. 愤怒点击可能表明目标尺寸不足或误导视觉设计.
  • 死去的点击:用户点击一个元素,但是什么也没有发生. 无效点击可能是链接失效的结果.
  • 过度的滚动:用户比一般用户更频繁地在页面上上下滚动. 过多的滚动可能表明较差的可发现性或不相关的内容.
  • 快速的支持:用户访问一个页面后很快返回到前一个页面. 快速返回可能是由误导性的图标或内容描述引起的.

会话回放:查看用户如何真正体验您的网站

“录音”选项卡是您可以观看会话回放的地方. 除了跟踪光标的移动和点击, 重播包括输入和退出url等信息, 会议持续时间, 日期, 和设备.

Clarity还提供了一个“跳过不活动”复选框,当用户不做任何事情时,你可以跳过很长一段时间,这在查看多个会话时节省了大量时间.

在每个视频的上方,“更多细节”选项显示了用户操作的时间轴. 每个操作都是可点击的,并链接到它在记录中的位置.

 这是微软Clarity屏幕录制功能的截图.
清晰度的会话记录使您能够跟踪鼠标的运动和点击.

热图:可视化你最吸引人的内容

热图是一个简单的方法 可视化 聚合会话并了解用户如何与页面交互. 暖色表示更受欢迎的地区,冷色表示不太受欢迎的地区. Clarity中有三种类型的热图:

  • 点击热图 显示用户在桌面页面上点击的位置.
  • 点击热图 显示用户在手机和平板电脑页面上点击的位置.
  • 滚动的热图 显示用户向下滚动页面的距离.

点击和点击热图可以帮助识别吸引人的内容,并作为比较设计迭代的基线. 他们还可以发现用户错误地认为具有交互性的元素,例如包含“播放”按钮的插图.

使用滚动热图, 您可以将鼠标悬停在页面的某个部分上,以查看到达该点的用户百分比. 滚动热图还可以识别平均折叠,即用户在滚动之前看到的页面顶部区域.

注意: 仪表板过滤器也可以应用于“录音”和“热图”选项卡.

 这是微软Clarity的Scroll热图截图.
使用Clarity的滚动热图, 您可以看到到达页面上不同点的用户的百分比.

如何微调清晰度的设置

微软清晰使启动新项目、屏蔽数据和阻止特定IP地址变得简单. 它还集成了谷歌分析,提供一个更详细的图片,你的网站的优势和劣势.

在登录Clarity后,你会被引导到你的“项目”页面. 首先点击“ADD A NEW PROJECT”,输入网站的详细信息. 值得注意的是,Clarity的功能适用于所有网站, 不管交通流量如何.

在你创建一个项目后,你将被带到“设置”页面,并给出一个Clarity跟踪代码. Copy and paste the code to the HTML section of your page, 或者通过Clarity的WordPress安装 插件 或者Google标签管理器 template. Clarity还提供了设置 指令 支持多个第三方平台.

屏蔽:保护您的网站的数据

有三种屏蔽模式可以防止Clarity捕获您网站的敏感文本:

  • 严格的:所有文本都被屏蔽.
  • 平衡:只屏蔽敏感文本. 敏感文本包括输入字段、数字和电子邮件地址. (这是Clarity的默认设置.)
  • 放松:没有文本被屏蔽.

除了Clarity的遮罩模式,你还可以遮罩特定的内容,比如图片.

注意: 不建议在包含敏感数据的网站上使用Clarity, 比如医疗记录或财务信息.

 这是微软Clarity的三种遮罩模式的截图.
你可以通过应用其中一种屏蔽模式来阻止Clarity的服务器收集你网站的文本.

IP阻止:排除某些访问者跟踪

IP阻塞可以防止特定的IP地址被Clarity记录. 例如,您可能希望阻止团队成员访问站点. 来自阻止列表上的地址的流量不会出现在项目的仪表板上.

尽管平台之间有相似之处, Google Analytics和Clarity并不是竞争对手, 它们相互补充. 谷歌分析衡量流量和电子商务表现. Clarity跟踪类似的指标, 但它也可以让你看到用户实际上是如何浏览和参与你的网站的.

例如, 如果你在谷歌分析中发现一个表现不佳的页面, 你可以使用Clarity来观察用户会话并识别页面的设计缺陷. 事实上, Clarity提供了一个简单的方法来链接到会话回放,从你的谷歌分析仪表板.

微软清晰产生有价值的用户洞察

设计师投入了无数的时间 用户研究、信息架构、原型设计和测试. 行为分析对于这个持续的发现和改进过程至关重要,因为它们揭示了哪些设计选择是有效的,哪些是无效的. 凭借其直观的功能和简洁的图形, 微软清晰 帮助设计师将复杂的用户行为转化为数据支持的设计决策.

了解基本知识

  • 什么是微软清晰?

    微软的Clarity是一个行为分析工具,它可以将用户数据转化为可视化的洞察,并显示你网站的哪些部分获得了最多的参与. 它提供仪表盘, 的热图, 会话回放, 而愤怒点击和死亡点击等功能则能够帮助我们更轻松地分析令用户受挫的问题.

  • 用户留存率意味着什么?

    用户留存率衡量的是用户在特定时间内使用产品的情况. 它是基于用户与产品交互的次数和频率. 然而, 很难定义什么是“使用”一个产品, 每家公司都必须设定自己的用户留存目标.

  • 热图能告诉你什么?

    热图帮助您可视化聚合的web会话,并揭示用户如何与页面交互. 在微软清晰中有三种类型的热图. 点击并点击热图显示用户在桌面或移动页面上点击的位置, 滚动热图显示用户向下滚动页面的程度.

聘请Toptal这方面的专家.
现在雇佣
艾哈迈德·奥斯曼

艾哈迈德·奥斯曼

验证专家 在设计

开罗,埃及开罗省

2020年12月8日成为会员

作者简介

艾哈迈德是一名软件工程师 .NET和Azure,并为亚马逊和微软等公司构建创新的解决方案.

作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.

以前在

微软

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

Toptal设计师

加入总冠军® 社区.