Microsoft Clarity 教學課程

Microsoft Clarity 是微軟提供的免費網站使用者行為分析工具，透過熱圖、會話錄影與 AI 洞察，幫助網站擁有者直觀掌握訪客真實互動，從點擊盲區到流失原因一目了然。本課程為「兩小時速成班」，適合電商經營者、內容創作者、行銷人員與 UX 設計師，從安裝到行動優化全流程實作，學員將分析一個真實網站案例，發現 3 個關鍵 UX 痛點並提出改善方案，無需技術背景即可快速提升轉換率與用戶體驗。

---

 

課程簡介（約 10 分鐘）

Microsoft Clarity 20 秒安裝追蹤碼即可產生全站熱圖與錄影分析，永久免費無流量限制，支援與 Google Analytics 整合，提供定量數據背後的質性洞察。香港電商常用於購物車優化，內容站分析閱讀深度，轉換率平均提升 20-30%。本課程以「電商首頁 UX 診斷」為實戰案例，學員將掌握熱圖解讀、錄影篩選與 AI Insights 應用，從數據到行動方案的完整流程，立即應用於個人網站或客戶專案。

---

模組一：快速安裝與 Dashboard 導覽（約 20 分鐘）

• 帳戶建立與追蹤碼安裝

  • 使用 Microsoft 帳號註冊，新增網站專案，複製一行 JavaScript 追蹤碼。

  • 20 秒安裝實作：WordPress／Shopify 外掛、直接貼入 

    、Google Tag Manager 部署。

  • 驗證安裝：30 分鐘後 Dashboard 顯示第一筆數據，確認熱圖生成。

• 核心介面導覽

  • 概覽面板：用戶數、跳出率、熱門頁面、地區分佈。

  • 三大功能區：熱圖（點擊／滾動／區域）、錄影（篩選／播放控制）、洞察（AI 自動標記問題）。

  • 中文介面切換與通知設定，香港時區數據即時同步。

---

 

模組二：熱圖分析全面解讀（約 30 分鐘）

• 三種類型熱圖實戰

  • 點擊圖：識別「死連結」（無反應熱區）、「誘導點擊」（Rage clicks，反覆點擊失敗）。

  • 滾動圖：分析平均滾動深度，優化 CTA 按鈕位置，避免促銷區被忽略。

  • 區域圖：自訂邊界比較「導航列 vs 內容區」「行動版 vs 桌面版」熱度差異。

• 實作練習：電商首頁診斷

  • 分析學員自有網站或示範站點，找出「高流量低轉換」原因（如結帳按鈕位置過低）。

  • 時間／裝置／新舊訪客分群篩選，發現行動版 UX 瓶頸。

---

 

模組三：會話錄影深度解析（約 35 分鐘）

• 錄影搜尋與篩選技巧

  • 關鍵篩選條件：高跳出率頁面、首次訪客、特定 URL、裝置類型、地理位置。

  • 播放控制：2X 快轉、滑鼠軌跡追蹤、暫停標記、離線下載重點片段。

• 常見 UX 問題診斷

  • 表單放棄：觀察訪客填到第幾欄放棄，識別困惑欄位。

  • 導航迷失：滑鼠在導航列徘徊卻找不到目標，優化選單結構。

  • Rage Clicks：反覆點擊無效按鈕，立即修復觸發失效問題。

• 實作練習：找出 3 個流失痛點

  • 篩選「跳出率 >80%」錄影，標記「找不到搜尋框」「載入卡頓」「行動版滾動失效」等問題。

  • 錄製個人觀察筆記，為後續優化提供具體依據。

---

 

模組四：AI 洞察與 GA 整合分析（約 25 分鐘）

• Insights 自動問題發現

  • AI 標記「暴怒點擊」「閃退錯誤」「死點擊區」，每日推送高優先 UX 問題。

  • 洞察儀表板：問題嚴重度、受影響頁面、建議優先級排序。

• Google Analytics 雙核分析

  • 連結 GA4 帳戶，將「高流量低轉換」頁面對應到具體行為錄影。

  • 實作：GA 顯示「結帳頁跳出 75%」，Clarity 錄影發現「信用卡欄位載入失敗」。

• 實作練習：數據＋行為綜合診斷

  • 結合熱圖、錄影、GA 數據，撰寫「UX 優化提案」（3 頁 Word 文件）。

  • 學習報告分享：生成 PDF 摘要，內含錄影連結與熱圖截圖。

---

 

模組五：行動優化與持續追蹤（約 20 分鐘）

• 行動版與 App 分析

  • Clarity Android SDK 安裝，監控原生 App 互動（如按鈕觸發、表單輸入）。

  • 行動版常見問題：滾動觸發失效、導航手勢混亂、載入動畫阻礙。

• A/B 測試與持續監控

  • 優化後重新安裝追蹤碼，設定對照期間比較「優化前後轉換率」。

  • 學習警示通知：跳出率激增、Rage Clicks 異常等即時提醒。

• 實作練習：優化方案驗證

  • 模擬修復「結帳按鈕位置」，觀察改善後錄影與熱圖變化。

  • 建立「每月 UX 檢討流程」，將 Clarity 納入團隊 SOP。

---

 

課程總結與商業應用（約 10 分鐘）

• 學習成果盤點

  • 學員掌握 Clarity 全分析流程，完成網站 UX 診斷報告，學會從數據洞察到行動方案的轉換。

  • 關鍵收穫：熱圖快速定位問題、錄影精準診斷原因、AI Insights 自動化發現。

• 商業實戰建議

  • 電商：購物車優化、行動版結帳、促銷按鈕位置。

  • 內容站：閱讀滾動深度、廣告盲點、CTA 轉換漏斗。

  • SaaS：表單填寫瓶頸、登入流程、功能導覽 UX。

  • 落地執行：每兩週執行一次 Clarity 診斷，轉換率持續提升 15-30%。

 

透過本課程，學員將從網站分析小白蛻變為 UX 診斷專家，Microsoft Clarity 讓使用者行為不再是謎團，而是可操作的成長槓桿，準備好用數據重塑你的數位體驗了嗎？

*可選擇上門、到校、到企業等彈性小班AI教學模式

**以上AI課程由知名香港AI教學先行者 「香港AI學院」 提供課程內容及技術的支援，以確保 「AI課程」 高性價比的品質水平。