使用 Microsoft Clarity 更好地了解用戶

已發表: 2022-03-11

Microsoft Clarity 使您能夠分析用戶如何與您的網站進行交互。 它補充了 Google Analytics,並通過熱圖和會話回放等工具提供用戶洞察。 Clarity 的獨特功能是什麼,它們如何改善您網站的用戶體驗?

這些天來,分析比比皆是。 如果您需要一個程序來收集有關您網站的詳細數據,您會發現很多選擇。 然而,許多分析程序具有陡峭的學習曲線和難以轉化為設計決策的產量指標。

Microsoft Clarity 是一種行為分析工具,可將用戶交互轉化為視覺洞察力。 Clarity 提供了各種儀表板、熱圖和會話回放,可揭示您網站的哪些部分獲得最多(和最少)參與度。 它還具有憤怒點擊和死點擊等功能,可以輕鬆分析導致混亂和性能不佳的問題。

Clarity 最強大的功能是什麼?

作為構建 Clarity 的團隊中的一名軟件開發人員,我親眼目睹了它如何幫助設計師更好地了解他們的用戶。 Clarity 的功能不僅強大,而且簡單、整潔。 這一切都始於 Clarity 儀表板。

Clarity Dashboard:高級見解和細緻入微的過濾器

Clarity 的主儀表板顯示會話指標、流量來源和指示用戶沮喪的圖表。 它還提供高級過濾器,允許您根據更細微的標准進行搜索,例如光標移動、操作系統和調整大小的頁面。

此外,Clarity 為您提供了創建無限自定義標籤的選項 - 量身定制的過濾器,可加快您查找特定會話以進行審查的能力。 當您需要:

  • 識別表單提交和購買等轉化
  • 查找特定用戶的熱圖和會話記錄
  • 跟踪特定用戶的登錄時間以及他們正在查看的頁麵類型

這是 Microsoft Clarity 主儀表板的屏幕截圖。
Clarity 的主儀表板顯示了一系列網站指標。

挫折指標:識別和消除可用性問題

如果不加以控制,可用性問題會導致網站被放棄。 幸運的是,Clarity 的挫敗指標可以隔離表明 UX 設計缺陷的交互:

  • 狂暴點擊:用戶在同一區域快速點擊數次。 憤怒的點擊可能表明目標尺寸不足或視覺設計具有誤導性。
  • 死點擊:用戶點擊一個元素但沒有任何反應。 無效點擊可能是鏈接斷開的結果。
  • 過度滾動:用戶在頁面上匆忙上下滾動的頻率高於普通用戶。 過度滾動可能表示可發現性差或內容不相關。
  • 快速返回:用戶訪問一個頁面并快速返回上一個頁面。 快速返回可能是由誤導性圖標或內容描述引起的。

會話重播:了解用戶如何真正體驗您的網站

“錄音”選項卡是您可以觀看會話重播的地方。 除了跟踪光標移動和點擊之外,回放還包括進入和退出 URL、會話持續時間、日期和設備等信息。

Clarity 還提供了一個“跳過不活動”複選框,使您能夠在用戶不做任何事情時略過延長的延伸——在查看多個會話時可以節省大量時間。

在每個視頻上方,“更多詳細信息”選項顯示了用戶操作的時間線。 每個動作都是可點擊的,並鏈接到它在錄音中的位置。

這是 Microsoft Clarity 的屏幕錄製功能的屏幕截圖。
Clarity 的會話記錄使您能夠跟踪鼠標移動和點擊。

熱圖:可視化您最吸引人的內容

熱圖是一種可視化聚合會話並了解用戶如何與頁面交互的簡單方法。 較暖的顏色表示較受歡迎的區域,較冷的顏色表示較不受歡迎的區域。 Clarity 提供三種類型的熱圖:

  • 點擊熱圖顯示用戶點擊桌面頁面的位置。
  • 點擊熱圖顯示用戶在移動和平板電腦頁面上點擊的位置。
  • 滾動熱圖顯示用戶向下滾動頁面的距離。

點擊和點擊熱圖可以幫助識別吸引人的內容,並作為比較設計迭代的基準。 他們還可以發現用戶錯誤地認為具有交互性的元素,例如包含“播放”按鈕的插圖。

使用滾動熱圖,您可以將鼠標懸停在頁面的某個部分上,以查看達到該點的用戶百分比。 滾動熱圖還可以識別平均折疊——用戶在滾動之前看到的頁面頂部區域。

注意:儀表板過濾器也可以應用於“記錄”和“熱圖”選項卡。

這是 Microsoft Clarity 的 Scroll 熱圖的屏幕截圖。
使用 Clarity 的滾動熱圖,您可以查看到達頁面上不同點的用戶百分比。

如何微調 Clarity 的設置

Microsoft Clarity 使啟動新項目、屏蔽數據和阻止特定 IP 地址變得簡單。 它還與 Google Analytics 集成,以更詳細地了解您網站的優勢和劣勢。

清晰度設置:與流行的第三方平台兼容

登錄 Clarity 後,您將被定向到“項目”頁面。 首先單擊“添加新項目”並輸入您網站的詳細信息。 值得注意的是,無論流量大小,Clarity 的功能都適用於所有網站。

創建項目後,您將被帶到“設置”頁面並獲得 Clarity 跟踪代碼。 將代碼複製並粘貼到頁面的 <head> HTML 部分,或通過 Clarity 的 WordPress 插件或 Google 跟踪代碼管理器模板安裝。 Clarity 還為多個第三方平台提供設置說明。

掩蔽:保護您網站的數據

共有三種屏蔽模式可防止 Clarity 捕獲您網站的敏感文本:

  • 嚴格:所有文本都被屏蔽。
  • 平衡:僅屏蔽敏感文本。 敏感文本包括輸入字​​段、數字和電子郵件地址。 (這是 Clarity 的默認設置。)
  • 放鬆:沒有文字被屏蔽。

除了 Clarity 的屏蔽模式,您還可以屏蔽特定內容,例如圖像。

注意:不建議在包含敏感數據(例如醫療記錄或財務信息)的網站上使用 Clarity。

這是 Microsoft Clarity 的三種遮罩模式的屏幕截圖。
您可以通過應用其中一種屏蔽模式來阻止 Clarity 的服務器收集您網站的文本。

IP 阻止:從跟踪中排除某些訪問者

IP 阻止可防止 Clarity 記錄特定的 IP 地址。 例如,您可能希望阻止團隊成員訪問站點。 來自阻止列表中地址的流量不會出現在項目的儀表板上。

谷歌分析:鏈接到清晰記錄

儘管這些平台之間存在相似之處,但 Google Analytics 和 Clarity 不是競爭對手,它們是相輔相成的。 谷歌分析測量流量和電子商務表現。 Clarity 會跟踪類似的指標,但它還可以讓您了解用戶實際瀏覽和與您的網站互動的方式。

例如,如果您在 Google Analytics 中發現一個表現不佳的頁面,您可以使用 Clarity 來觀察用戶會話並識別頁面的設計缺陷。 事實上,Clarity 提供了一種從 Google Analytics(分析)儀表板鏈接到會話回放的簡單方法。

Microsoft Clarity 提供有價值的用戶見解

設計師在用戶研究、信息架構、原型設計和測試方面投入了無數時間。 行為分析對於這個持續的發現和改進過程至關重要,因為它們揭示了哪些設計選擇有效,哪些無效。 憑藉其直觀的功能和簡單的圖形,Microsoft Clarity 可幫助設計師將復雜的用戶行為轉變為數據支持的設計決策。

進一步閱讀 Toptal 設計博客:

  • Hotjar:用戶體驗和轉換技巧
  • 面向大眾的 UX 測試:保持簡單且具有成本效益
  • 誰、什麼和為什麼——用戶測試方法指南