用語集

ヒートマップ

用語集

ヒートマップ

ヒートマップ

ヒートマップは、クリックやスクロール到達度、視線といった記録されたアクティビティの分布を色で可視化します。データの種類によって、マップから読み取れる内容が変わってきます。

ヒートマップ上の明るく光るエリアを見ると、それが何を表しているのかを考える前に、答えが見つかったような気になってしまいがちです。しかし、それが示しているのはクリックかもしれませんし、カーソルの動き、スクロールの到達度、あるいは実際に計測された視線かもしれません。これらのシグナルが意味するものはそれぞれ異なります。混同してしまうと、見栄えの良いビジュアライゼーションが、ユーザーが何に気づき、何を求めていたのかについての誤解を招く結果になりかねません。

ヒートマップは、記録されたデータの分布や強度を色で表現するツールです。UXリサーチでは、複数のセッションや参加者のアクティビティを1つのページビューに集約し、より詳細に調査すべきエリアを特定するために広く使われています。

色を見る前に、何を測っているのかを確認する

クリックマップは記録されたクリックやタップを表示しますが、そのアクションが意図通りのものだったのか、あるいは目的を果たせたのかまでは分かりません。静止画像が何度もクリックされている場合、ユーザーが拡大表示を期待している可能性もあれば、別のインタラクションによるものかもしれません。スクロールマップはユーザーがどこまでスクロールしたかを記録するものですが、これはコンテンツが目に入った「可能性」を示すだけで、実際に読まれた証拠にはなりません。

カーソルの動きは、視線の動きと完全に一致するわけではありません。別の場所を読みながら、ポインタを止めたままにすることもあります。同様に、「アテンション(注目度)」マップも、ツールによっては視線追跡ではなく滞在時間に基づいている場合があります。Microsoft Clarityのヒートマップのドキュメントを見ると、さまざまな種類のマップがあることがよく分かります。ラベルの名前を鵜呑みにせず、実際にどう計算されているかを確認しましょう。

アイトラッキング(視線追跡)によるマップはまた異なる指標を提供してくれますが、これにも精度や解釈の限界があります。エリアが赤くなっているからといって、それだけでユーザーが内容を理解したことにはなりません。

どのようなデータが合算されているか確認する

サンプルサイズ、集計期間、適用されているフィルターをチェックしましょう。モバイルとデスクトップでレイアウトが異なる場合は分けて分析し、ツールが動的コンテンツやオーバーレイ、パーソナライズされたページをどう処理しているかも確認が必要です。これを怠ると、現在のスクリーンショットに古いアクティビティが重なってしまい、ユーザーが実際には見ていないレイアウトに対してデータがプロットされてしまうことがあります。

カラースケール(色の基準)も比較に影響を与えます。それぞれのマップが個別にスケーリングされている場合、あるマップで最も「ホット」なエリアが、別のマップの最もホットなエリアと同じ活動量を持つとは限りません。定量的な評価を行う際は、母数を明確にした数値や割合を使うようにしましょう。

見つかった傾向を、具体的な問いへと掘り下げる

たとえば、ある料金プランのページで、下部にあるプラン比較表まで到達したユーザーがごく少数だったとします。表の位置を動かす前に、ターゲット層がそもそもその比較表を必要としているのか、同じ情報がすでに上部で得られているのか、あるいはまったく別の理由で離脱しているのかを調べる必要があります。

セッションリプレイを使えば前後の行動を詳しく観察できますし、的を絞ったユーザビリティテストを行えば、ユーザーがどのようにプランを選んでいるかを深く探ることができます。仮説の裏付けにはそうした手法が役立ち、ヒートマップはそのきっかけとなる観察データを提供してくれます。

導き出した仮説をもとに改善を行い、成果を正しく評価しましょう。目立たせたボタンのクリック数が増えるのは良いことかもしれませんが、プロダクトの本来のゴールは、クリックした後にユーザーが目的を達成できるかどうかです。ヒートマップが真価を発揮するのは、チームがその本質的な問いにたどり着く手助けとなったときです。

おすすめの関連記事

ガイド

  1. ヒートマップの概要 — Microsoft Clarity
    Clarityで利用できるヒートマップとその読み方を解説します。色付けされたエリアからユーザーの関心や戸惑い、意図を読み解く前に、それぞれの表示が何を意味しているかを把握するのに役立ちます。