「このページのどこが見られているか」——アクセス解析だけではわからない。
PVやコンバージョン率は「結果」を示す。しかし「ページのどこに注目したか」「どこでスクロールを止めたか」「何をクリックしようとしたか」は見えない。数字だけでは、改善のヒントが掴めない。
ヒートマップは行動を可視化する。クリック、スクロール、マウスの動き——色の濃淡で「どこに関心があるか」「どこが無視されているか」が一目でわかる。
1. 手法の定義
ユーザーのクリック、スクロール、マウス移動、視線などの行動データを、色の濃淡で可視化する分析手法。
赤は高頻度、青は低頻度を示す。ページのどこが注目されているか、どこがクリックされているか、どこまでスクロールされているかを直感的に把握できる。
2. いつ使うか
適している場面
- CTAの配置検証: ボタンが目立っているか
- コンテンツの優先順位確認: 重要な情報が見られているか
- スクロール深度の確認: ページ下部まで見られているか
- 誤クリックの発見: クリックできない場所がクリックされているか
向いていない場面
- 「なぜ」を理解したい → インタビュー、ユーザビリティテスト
- 統計的な検証 → A/Bテスト
- 少ないトラフィックのページ → サンプル不足で信頼性低下
3. 設計判断の核
ヒートマップは「何が起きているか」を見せる。「なぜ」は見せない。
クリックが少ない場所がある。それは「気づかないから」か「興味がないから」か「すでに知っているから」か——ヒートマップだけでは判断できない。
よくある誤解 「赤い部分が多ければ良いページ」
実際 CTAが赤くても、コンバージョンしなければ意味がない。CTAが注目されていても、コンバージョン率と合わせて判断する必要がある。ヒートマップは「何が起きているか」を示すが、「それが良いか悪いか」は別の指標で判断する。
4. 調査タイプ
| 軸 | 内容 |
|---|---|
| データ | 定量（行動データの集計・可視化） |
| 対象 | 行動（クリック、スクロール、マウス移動） |
| サンプル | 数百〜数千セッション（統計的な信頼性のため） |
| 実施フェーズ | Deliver（継続的なモニタリング） |
ヒートマップの種類
| タイプ | 測定対象 |
|---|---|
| クリックマップ | クリック/タップの位置 |
| スクロールマップ | スクロール深度 |
| ムーブマップ | マウスカーソルの動き |
| アテンションマップ | 視線（アイトラッキングが必要） |
5. 実施プロセス
1. ツールの導入
代表的なツール
- Hotjar
- Clarity（Microsoft）
- Mouseflow
- FullStory
2. 計測設定
- 計測対象ページの選定
- サンプリング設定（全セッション or 一部）
- プライバシー設定（フォーム入力のマスキング等）
3. データ収集
- 十分なサンプル数が集まるまで待つ
- 最低でも数百セッション
4. 分析
クリックマップの見方
- CTAがクリックされているか
- クリックできない場所がクリックされているか（誤クリック）
- 期待と異なる場所がクリックされていないか
スクロールマップの見方
- ページ下部まで見られているか
- どこでスクロールが止まっているか
- 重要な情報がスクロール前に見える位置にあるか
5. 改善アクション
- CTAの位置調整
- コンテンツの順序変更
- 誤クリック誘発要素の修正
- A/Bテストで検証
6. 実務チェックリスト
最低ライン（Must - これがないと失敗）
理想ライン（Better - プロの品質）
7. 関連リンク
関連するUXリサーチ手法
関連するUX心理
- 視覚的階層
- Fパターン
関連する用語
まとめ
ヒートマップ分析はクリック、スクロール、マウス移動を色の濃淡で可視化する手法である。アクセス解析が「結果」を示すのに対し、ヒートマップは「ページ内での行動」を示す。ただし「何が起きているか」はわかっても「なぜ」はわからない。ヒートマップは仮説を生み、A/Bテストはその仮説を検証する——これがヒートマップの正しい使い方だ。
