
免费工具都可以分析使用者行为?Microsoft的Clarity就是一款免费的网站分析工具,可以协助网站拥有者深入了解使用者互动方式。YouFind亲自实测后,发现这个工具适合企业快速诊断UX痛点,又有助精准定位读者最感兴趣的段落,帮助提高停留时间。
Microsoft Clarity介绍
Microsoft Clarity 是一款免费且开源的使用者行为分析工具,提供热度图、会话录像和行为分析等功能,帮助网站拥有者了解访客在网站上的互动方式。主要的优势有:
●真实操作录像:直接观察使用者如何移动鼠标、反覆点击失败的按钮,甚至记录表单填写中途放弃的过程
●整合优势:只需嵌入一行追踪代码,即可与Google Analytics、Shopify等平台数据串连
如何设定Microsoft Clarity?
只要在网站上安装一段追踪代码后,就可以透过Clarity分析网站使用者的行为。
首先在Clarity注册账号后,你可以进入到「新增项目」的版面:

新增项目需要输入姓名及网站等资料:

填好资料后,需要在自己的网站上安装Clarity的追踪代码:

与安装Google Analytics一样,把追踪代码贴在网站上就完成安装。

Clarity有什么功能?
当设定好后,第一个界面可以看到Clarity Dashboard,如传统分析工具一样提供概览功能,显示用户数量、地区、热门URL等信息。
透过这个功能,可以观看特定使用者群组如何进入网站,识别使用者在网站中预到的问题,例如无法点击连结等等。

资料来源:Microsoft Learn
Clarity功能:1. 热度图
除了Clarity Dashboard,Clarity还有不同的实用功能,当中「热度图」Heat Maps可以用视觉化的方式,展示使用者在网站上的行为,包括点击和滑动等,帮助你知道用户最关心的内容是什么。
Clarity 支援三种类型的热度图:
1.点击地图(Clickmaps)
点击地图(Clickmaps)可以显示用户最常点击的网站元素。

资料来源:Microsoft Learn
在热度图界面中,左面的清单可以按点击次数排序,识别网站最受「欢迎」的区域。
Click maps另外又有6个分类,显示各用户的状态:
●所有点击(All clicks)
●无回应点击(Dead clicks)
●暴怒点击(Rage clicks)
●错误点击(Error clicks)
●首次点击(First clicks)
●最后点击(Last clicks)
举例,如果你从热度图中观察到网站Call to Action(CTA)按钮没有足够的点击,可能反应按钮的位置未够明颢,就需要重新定位它。
值得一提的分类是「无回应点击(Dead clicks)」,它指「使用者按一下或点选页面但没有作用」。
是一项传统工具无办法观察到的数据。有这样的现象可能代表网站有误导的设计,令用户以为该位置应该有互动功能;又或者需要点击的目标较小,令用户无办法精准点按。
由此又衍生另一项数据—「暴怒点击(Rage clicks)」。暴怒点击代表着「使用者在相同的小区域中快速按一下或点选」,代表使用者可能觉得该位置应该有连结可以按,但不停点击都没有反应。这个数据就可能反应网站忘记设置应有的连结。
2.滚动地图(Scroll maps)
滚动地图Scroll maps 显示用户在网站上平均滚动的深度,帮助你确定用户是否看到最重要的内容,并在适当的位置放置关键 CTA。

资料来源:Microsoft Learn
假设从数据中发现,大多数用户只会看首50%的内容,只有少部份人会滑到整个网站的底部,你就需要把最重要的内容放在网站页面的开首,方便读者第一时间找到他们想了解的内容。
同样道理,既然大部分人都不会看到网站的底部,如果重要信息放后越后,读者便越大机会关闭你的网站,因为他们根本无法马上找到对自己有利的内容。
Scroll maps提供过滤器的功能,可以按照「时间」、「装置」等分类,找到自己想知道的资料。
3.区域地图(Area maps)
至于区域地图(Area maps)就可以显示不同区域的点击数。这个「区域」可以自订,不同的区域具有明确的边界(见下图)。

资料来源:Microsoft Learn
以上图为例,网站的顶部占约3成的点击,中间占约14%,对落的位置,就只剩下8%。
举一个例子,假设你想增加CTA按钮的点击率(CTR),你可以根据这个数据,找出最多人个点击的区域,直接把按钮安排在该位置。
在所有热度图类型中,你可以在不同设备之间切换(桌面、平板计算机和手机)。或者将两个热度图并排比较,这对于 A/B 测试非常有用,令你更直观评估哪些设计能增加互动率。
Clarity功能:2. 录制内容功能
「录制内容」是另一个强大的功能。
Clarity可以记录访客在网站上的行为,透过「录制内容(Recordings)」功能,可以直接以影片的方式,观看使用者的卷动、点击等行为。
你就可以知道访客主要在看什么的内容;访客会否因为滑动页面不足而错过了一些关键讯息,例如CTA等。

资料来源:Microsoft Learn
Clarity功能:3. Funnels功能
对一间企业来说,转换率是重中之重,Clarity的Funnels(漏斗追踪)功能可以追踪用户落实购买的整个过程,了解使用者如何透过特定流程购买产品,或者有没有顾客特别「卡」在某个步骤,令你识别用户最难解决的特定页面或区域。
假设客人整个购买过程如下:
加入货品到购物车→输入购买资料→结帐完成
透过Clarity可以显示各阶段流失率与停留时间,帮助识别用户最难解决的特定页面或区域。
针对每个步骤,图表会显示已完成或未完成的数量,你可以针对查看每个点的热度图或者记录,进行更详细的分析。

资料来源:Microsoft Learn
Microsoft Clarity最大的优势是十分直观的视觉分析以及免费可以使用所有的功能。无论是中小企业还是大型品牌,都能透过热度图、录像和AI洞察,快速掌握使用者行为背后的「为什么」,改善网站体验。如果想优化网站,都可以尝试利用Microsoft Clarity!