熱圖分析完整指南

四大熱圖類型

• 1. 點擊熱圖（Click Heatmap）：哪裡被點最多
• 2. 滾動熱圖（Scroll Heatmap）：使用者滾到頁面哪裡離開
• 3. 移動軌跡（Mouse Movement）：滑鼠移動路徑（行動版是觸控軌跡）
• 4. 注意力熱圖（Attention Heatmap）：哪裡停留時間最久

四種熱圖揭露不同問題，建議同時看。

優先分析的頁面

• 首頁（流量最大，影響第一印象）
• 高流量分類頁
• 熱銷商品頁
• 結帳頁（漏斗最後一關）
• 退貨/聯絡客服頁（找出顧客痛點）

每頁需累積 500-1000 次造訪才能看出穩定模式。建議至少分析 5-10 個關鍵頁面。

七大常見問題

• 1. CTA 按鈕被忽略：顏色不夠突出，使用者沒注意到
• 2. 顧客點擊不能點的圖：誤以為是連結（需要加上連結或改設計）
• 3. 重要內容在首屏以下沒人看：需要往上移
• 4. 滾動深度過早終止：內容無趣，需要重組
• 5. 表單欄位被跳過：不清楚要填什麼，需加提示
• 6. 行動版被擠壓的元素點不到：需要重新設計
• 7. 顧客重複點某區域：功能不直觀，可能是按鈕反應太慢

點擊熱圖的解讀

看點擊熱圖時問三個問題：1. 重要 CTA 是否被點？（紅色熱點）；2. 哪些「不該被點」的地方被點了？（可能是 UX 問題）；3. 哪些重要連結沒人點？（可能視覺不夠突出或位置不對）。把這些洞察轉成具體改善：移動位置、改變顏色、加大尺寸、加上明顯標記。

滾動熱圖的解讀

滾動熱圖顯示使用者「滾到哪裡離開」。典型分布：100% 看首屏 → 75% 看第二屏 → 50% 看第三屏 → 25% 看到底。問題訊號：第二屏就掉到 30%（內容無趣）；最後 CTA 在第四屏沒人看到（要移上來）。優化策略：把重要內容前移；長頁面可加目錄；無趣內容刪掉。

行動版熱圖的特殊處理

行動版熱圖與桌機不同：觸控熱點通常較分散（手指比滑鼠粗）；雙拇指區域（螢幕底部 1/3）最容易點到；單拇指操作時頁面上方難點；橫向 vs 直向螢幕熱點不同。優化建議：重要 CTA 放在底部 1/3 區域；不要把重要按鈕放在螢幕右上角（拇指難點）。

熱圖工具推薦

• Microsoft Clarity：免費，功能完整（推薦中小電商首選）
• Hotjar：最知名，免費版有限制
• Mouseflow：中型電商常用
• Crazy Egg：功能簡單易上手
• Smartlook：有 Session Recording 整合

建議從 Microsoft Clarity 免費版開始，已能滿足 80% 需求。

洞察轉行動的流程

熱圖分析的標準流程：1. 累積數據 1-2 週；2. 看截圖找出 3-5 個明顯問題；3. 制定改善行動；4. 改完後再跑 1-2 週熱圖；5. 對比前後變化驗證效果。每月或每季做一次系統性分析，搭配 A/B 測試效果最好。

常見問題解答