說到網站數據監測工具，大家腦中出現的一定是 Google Analytics(GA)。但如果到了 2022 你還只看GA，那就太可惜了。
2020 年 Microsoft 推出了 Clarity 數據分析工具。雖說 GA 已經十分強大，還可以串連 Google Ads 計算廣告成效與廣告貢獻，不過 Clarity 提供了一些很有趣而且 GA 沒有的功能，對想要改善網站體驗的品牌來說，會頗有幫助。本篇我會想特別關注在 Clarity 所提供的「熱點圖」和「螢幕錄影」等有助優化頁面的功能，讓網站營運者理解如何活用 Clarity 來改善網站體驗。
首先，Clarity 安裝的方式跟 GA 差不多，你可以選擇手動安裝追蹤碼到網站裡，亦或者是直接用 Tag manager 搞定。安裝完畢後大概 2 個小時左右，Dashboard 上就開始會有資料。經由本人實測，數據進來的速度會更快些。當你要在 Wix 網站上安裝 Clarity 時，可參考 Microsoft 的官方指引文件。
以下三點是我覺得 Clarity 能對網站營運者貢獻最大的價值：
1. 驗證設計假設
許多品牌規劃網站時以「美感」為優先，「易用度」為後。網站作為品牌門面，雖然可以理解，但這種思維在新零售時代卻不夠好。當人們習慣用網站作為接觸品牌的首站時，網站「好用」與否的標準，在於如何幫助消費者用最輕鬆的方式達到造訪網站的意圖，不論是找資料、純亂逛、下單...等等，就會是品牌網站最重要的工作。
Clarity 的熱點圖可以找出消費者互動最多的區域，幫助設計師驗證假設。
透過熱點圖，我們可以判斷：
對品牌重要的訊息，是否在頁面上也讓消費者感到同等重要？
這個功能能找出消費者與網站內容互動的 insight，協助設計師破除設計迷思，找到真正的使用者需求所在。
例如，假設你希望用戶造訪的網站後去註冊，但是實際成效未如預期，你就可以透過觀察熱點圖找到可能的原因，並著手對網站動線進行優化。
2. 找出隱藏需求
Clarity 除了熱點圖，同時還提供 recording 錄影的功能。如果說熱點圖提供了品牌「結果」，那麼 Recording 就是告訴你，消費者經歷過何種旅程，最後呈現了這個「結果」。透過錄影，品牌更可以直接觀察消費者如何和網頁互動，他們捲動的速度和游標移動的軌跡，也許可以幫助你制定更有意義的假設。 用戶在哪個頁面迷失了？ 哪個地方讓他最沒有興趣？ 他可能做了互動，但是卻沒辦法成功進行到下一步，他卡在哪裡？ 這些過去難解的疑問，可能只能找 UI 設計公司來解答的疑問，今天透過 Clarity 的整合，你更有機會自己發現。
3. 能判斷內容品質的數據指標
Clarity 還提供了其他數據指標，例如「Rage clicks」。這是一種反應動作，當使用者以為你網頁某個區塊應該有連結（但其實你沒有下連結），然後反覆點那個區塊，就會創造Rage clicks。這個數字可以反映出你的網站設計不夠直覺，因此用戶感到困惑。其他還有一些指標像是 excessive rolling：消費者實際捲動網頁幅度超出預期，或者是 quick back：消費者快速跳回前一頁，這些數據都對優化設計非常有幫助。
Clarity 也可以整合進 GA的數據，所以你可以兩種工具都使用，並且拿兩邊的數據互相交叉比對，找到有意義的洞察。 特別是在網站架設裡，許多設計層面的優化或測試都僅止於企劃階段。在企劃階段我們會處理得非常周延，但網站正式上線後需要更多的持續監測與優化，這件事卻很少品牌能持之以恆。透過 Clarity，你可以獲得更多如何優化網站的線索。
Clarity 還有其他更多強大的功能，例如幫你統計頁面上最多人點擊的區塊是哪個，筆者在此僅挑出我最驚豔的兩個功能，稍作分享。期待有更多人一起加入使用 Clarity 的行列，也有更多心得可以分享給我。
header.all-comments