量化數據告訴你「什麼」，視覺化數據告訴你「為什麼」
GA4 的報告告訴你：首頁的跳出率是 65%。但它不會告訴你：是因為用戶找不到 CTA 按鈕，還是因為 Hero 圖片太慢才載入，還是因為頁面內容和他們的期待不符？
熱點圖和用戶錄影讓你「用用戶的眼睛看你的頁面」，找到數字背後的原因。
熱點圖的 3 種類型
點擊熱點圖（Click Heatmap）
顯示用戶在哪些地方點擊，顏色越熱（紅色）代表點擊越多。
發現什麼問題：
- 用戶點了不是連結的元素（「偽 CTA」現象）——他們以為某個圖片或文字可以點，但點了沒反應
- CTA 按鈕的點擊率低於預期——可能是位置不對，或視覺不夠突出
- 非目標元素意外吸引大量點擊——也許那些元素傳遞了錯誤的可點擊訊號
捲動熱點圖（Scroll Heatmap）
顯示有多少比例的用戶捲動到頁面的哪個位置。
常見發現：
- 50% 的用戶只看到了 Header 區塊就離開了——首屏沒有抓住他們
- 頁面中段有明顯的「捲動斷崖」——可能那裡有讓人失去興趣的元素
- 重要的 CTA 或定價資訊放在 70% 以下——大多數用戶根本沒看到
移動熱點圖（Move Heatmap）
追蹤鼠標移動路徑（桌機版）。鼠標移動和眼球移動有強相關性，可以間接了解用戶在看頁面的哪些地方。
Session Recording（用戶錄影）
Session Recording 錄下個別用戶的實際操作——鼠標移動、點擊、捲動、輸入——讓你像看影片一樣觀察用戶如何使用你的頁面。
最有價值的觀察場景：
「憤怒點擊」（Rage Clicks）： 用戶在同一個地方快速多次點擊——這通常代表他們期待某個互動但沒有反應（例如以為某個圖片可以放大、某個文字可以展開）。
表單填寫行為： 用戶在哪個欄位猶豫太久？哪個欄位填到一半放棄了？這些是表單設計的問題點。
「U型捲動」： 用戶捲到某個地方，然後往回捲——這代表那個位置有他感興趣的東西，但可能需要重新捲回去確認。
工具選擇
Hotjar
最知名的熱點圖和用戶錄影工具。免費方案提供每天最多 35 個 Session Recording，以及基本的熱點圖功能。
適合：中小型品牌的基本 UX 分析需求。
Microsoft Clarity
完全免費（無流量限制）的熱點圖和 Session Recording 工具，由微軟提供。
功能與 Hotjar 相近，對大多數中小型網站完全足夠。在 GA4 整合方面也很方便。
推薦給預算有限的品牌：先用 Clarity，有進階需求再考慮 Hotjar 付費版。
FullStory
企業級工具，功能深度遠超 Hotjar/Clarity，但費用也高得多。適合大流量的電商或 SaaS 產品。
從分析到行動
熱點圖和 Session Recording 是用來發現問題的，但最終目的是「改善」。
典型的分析流程：
- 安裝工具，收集 1–2 週的數據（確保樣本量足夠）
- 觀察高流量但低轉換的頁面（首頁、服務頁、聯絡頁）
- 記錄發現的「異常」（用戶點了不該點的地方、捲動到重要區塊就離開）
- 提出假設（「我認為 CTA 按鈕位置太低，所以很多人沒看到」）
- 做一個設計修改（移動 CTA 到更顯眼的位置）
- 再觀察 1–2 週，比較修改前後的數據
這個循環讓你的設計決策有數據支撐，而不是純粹依靠直覺。
隱私注意事項
Session Recording 工具會記錄用戶在你網站上的行為，需要在你的隱私政策中說明。
大多數工具預設會自動遮蔽密碼欄位等敏感輸入，但要確認你的設定正確，不要記錄到用戶的個人或財務資訊。