Heatmap

Heatmapは、色の濃淡とホットスポットの分布でデータの集中度を直感的に示す可視化ツールです。ユーザーは背景画像(ポスター、製品、インターフェース、自動車の外観など)をアップロードし、複数のゾーンを自由に定義できます。回答者は該当する領域をクリックして回答を完了します。システムは各ゾーンのクリック数、選択肢の分布やコメントを自動で集計し、ヒート形式で結果を表示して、ユーザーの注目点、好む位置、関心の分布を明確に反映します。

対象者:ビジュアル上で人々がどこを見たりクリックしたりするかを測定したい調査作成者、必要に応じて領域を比較したり、各クリック後に短いフィードバックを収集したい場合に適しています。


概要

Heatmap質問タイプでは背景画像をアップロードして、回答者にその画像をクリックしてもらえます。ヒートマップ質問タイプは回答者のクリックを記録・集計し、画像上でオーディエンスの注目領域を強調するヒートマップを生成します。 Heatmap regionsは上級モードで、画像上に領域を描画して領域ごとの統計を取得でき、各クリック後にコメントや選択肢を求めることも可能です。この記事では設定とレポートの手順を案内します。


エディタでのヒートマップ質問の概要



使用例

1つの画像上での自由形式の注目点が重要な場合はベーシックヒートマップを使用します。例えば、レイアウトのどの部分が最初に目を引くかを知りたいときです。比較したい領域が既に分かっている場合(例:ロゴ対見出し対コールトゥアクション)や、ゾーンごとの数値や任意の追跡質問が必要な場合はheatmap regionsを使用します。

- ベーシックヒートマップ: ポスター、ランディング画像、製品写真などで、回答者がどの部分に注目するか(どこを最初に見るか)を確認します。

- 領域あり: クリエイティブテストを実施したり、新しいデザインのバリアントを比較したり、ゾーンごとのカウント、コメント、選択肢などの局所評価を収集する場合に使用します。



機能へのアクセス

ヒートマップは調査の他の部分を作成する画面で追加します。キャンバスに表示されたら、次のセクションで画像をアップロードし、制限を設定します。

1. 調査エディタで、「Research Question Types」を開きます。

2. 「Heatmap」を選んでこの質問タイプを追加します。


Heatmapを含む調査質問タイプ


ヒートマップの設定(画像とクリック制限)

背景画像は回答者が見る内容を定義します。すべてのクリックと統計はその画像(および画像が広い場合は700px表示幅)に紐づきます。表示サイズで鮮明に見えるファイルを選び、対象デバイス(例:モバイル対デスクトップのモック)に合わせてください。

1. 背景画像をアップロードします。幅のルール:

- 幅が700px未満の場合、画像は元のサイズで表示されます。

- 幅が700px超の場合、表示幅が700pxになるように比率を保って縮小されます。


背景画像の700px幅ルール

2. この質問で許可するクリックの最小数と最大数を設定します。

なぜ重要か:制限を設けることでタスクを実行可能に保ち(例:「あなたの3つの主な関心をクリックしてください」)、データ量をコントロールできます。最小は意味のある最小クリック数に合わせ、最大は分析上必要以上に多くマークさせないように設定してください。


最小・最大クリック設定


ヒートマップデータの表示

レポートには2つの層があります:個別回答(正確なクリックと座標)と、全回答の合計(合成ヒートマップ)。個別の回答は動作確認やデバッグに使い、集計ビューはオーディエンスが全体としてどこに注目しているかを示すのに使います。

個別回答

- プラットフォームはその回答者のクリックを記録し、クリックマップを描画します。

- 詳細なX/Y座標はクリックマップのファイル名に表示されます。元の背景が700pxより広い場合、座標は700px幅の表示版に合わせて記録されます。


単一回答のクリックマップ



全回答の合成

すべてのクリックが1つの背景上にマージされます。詳細さと読みやすさのバランスを取るために精度モードを選択できます:生のポイントは最も細かい位置を示しますが見た目が散らかることがあります。低めの精度は近接するクリックを大きなセルにまとめ、ホットスポットをよりはっきり見せます。利用可能なモードは次の通りです:

- Raw points: 異なるX/Yペアは別のポイントとしてカウントされます。位置が完全に一致するものは合算され濃く表示されます。

- High: 約20px × 20pxのグリッドセル。同じセル内のクリックは合算されます。

- Medium: 約40px × 40pxのグリッドセル。

- Low: 約60px × 60pxのグリッドセル。

セル内のクリック数が多いほど、ヒートマップ上の色はより濃くなります。


集計ヒートマップ(全回答)



ヒートマップ領域(ゾーンと回答モード)

領域を有効にすると、名前付きゾーン領域ごとのクリック数、または領域に紐づくクリック後のコメントや選択肢を取得できます。

ヒートマップエリアとは?

ヒートマップの背景画像をアップロードした後、画像を複数のエリアに分割できます。 回答者は回答時にエリア単位でクリックでき、システムは応答分析でエリアごとの統計を提供します。 ポスターのデザイン効果テスト、新製品のスタイルテスト、部分評価などに利用できます。

ヒートマップゾーンの使い方

1. 画像をアップロードしたら、「ヒートマップエリアを設定」をクリックします。 


ヒートマップエリア設定コントロール


2. 左クリックで頂点を配置します(線は自動的に接続されます)。右クリックでポリゴンを閉じます。複数の領域を定義できます。小さなUI要素には狭いゾーンを設定し、ざっくりした領域が必要な場合は広めに設定してください。結果の解釈方法に合わせて領域を描きます。


ヒートマップ領域の多角形描画


3. 回答モードを設定 . 調査目的に合ったモードを選んでください—探索的な注目点把握にはフリークリック、回答者が一度に1つのゾーンにコミットすべき場合は領域単位を選択します:


- フリークリック: どこでもクリックできます。クリック順序が記録されます。


フリークリックモード設定

フリークリックの回答者ビュー

- 領域単位: ホバーすると領域のアウトラインが表示され、回答者は領域全体をワンクリックで選択します。

領域別:ホバー時のアウトライン

領域別:領域を選択

クリック後のアクション(任意): 単なるクリックだけでは不十分で、各インタラクションごとに短いラベル、評価、または自由記述が必要な場合に使用します。設定でオプションを有効にし、該当する場合は領域ごとに分解されたエクスポートやテーブルで結果を確認してください。


- クリック後にコメント: クリックごとにテキストボックスが開きます。領域別コメントの表としてエクスポートできます。

クリック後のコメント設定

領域別コメントの表

- クリック後に選択肢: クリックごとに選択肢が表示されます。テーブルでは領域別の選択肢配分が表示されます。

クリック後の選択ダイアログ

領域別オプション分布



ヒートマップ領域別の結果表示

(1) ゾーンを設定した後、クリック数はゾーン別に表示されます。


ゾーン別クリック数


(2) 「クリックで選択(Select on Click)」が有効な場合、各ゾーンの選択肢分布をテーブルで確認できます。


ゾーン別オプション分布の表


(3) 「クリックでコメント(Comment on Click)」が有効な場合、各ゾーンのコメントをエクスポートして表で確認できます。


ゾーン別コメント表のエクスポート

よくある質問

Q: ヒートマップとヒートマップ領域の違いは?
A: ベーシックなヒートマップは画像全体でクリックを集計します。領域ありはゾーンを描画して領域ごとの統計を取得でき、領域ベースの回答やクリック後のコメント・選択肢をサポートします。


Q: Raw points と high precision の違いは?
A: Raw points は可能な限り座標を区別して保持します。high/medium/low は固定のグリッドセルを使って近いクリックをマージします—セルが小さいほど集計は細かくなります。


Q: 個別回答の座標はどこにありますか?
A: クリックマップのファイル名にあります。横幅の大きい元画像の場合、座標は700px表示幅に合わせられます。


Q: 集計ヒートマップにはどの精度を使うべきですか?
A: ホットスポットの概要をすばやく把握するにはMediumLowから始めてください。より細かい空間的な詳細が必要で、見た目が込み入っても構わない場合はRaw pointsHighを使います。


Q: すべての調査にヒートマップ領域が必要ですか?
A: いいえ。自由なクリックで十分な場合はベーシックヒートマップを使用してください。ゾーンレベルの統計、クリックごとの構造化されたフォローアップ、または画像の部分間の明確な比較が必要な場合に領域を追加します。


重要な注意事項

- アクセス方法: Research Question TypesHeatmap; 画像をアップロードし、最小/最大クリックを設定します。

- 幅が700pxを超える画像は表示幅が700pxに調整されます。座標はその表示に合わせられます。

- 集計ビュー: Raw points または High/Medium/Low のグリッド精度。

- 領域: 左クリックで頂点を置き、右クリックで閉じます。フリークリックまたは領域単位を選択し、クリック後にコメントや選択肢を任意で有効にできます。



この記事はどのくらい役に立ちましたか?