ヒート マップの完全ガイド: ヒート マップの作成方法と使用方法
公開: 2022-11-15ヒート マップは人気のあるコンバージョン最適化ツールであり、それには正当な理由があります。 私たちは、視聴者をよりよく理解し、より多くの価値を提供するための強力な方法であることを正しく活用しました.
では、ヒート マップで何が答えられるのでしょうか?
目次
- ヒートマップとは?
- ウェブサイトのヒートマップとは?
- 4種類のヒートマップ
- 1. ホバー マップ (マウスの動きの追跡)
- 2. マップをクリックします
- 3. アテンション マップ
- 4.スクロールマップ
- おまけ: ユーザーセッションのリプレイ
- 2022 年にヒートマップを作成するための 6 つの最適なツール
- 有料のヒート マッピング ツール
- 無料のヒート マッピング ツール
- ヒートマップ テストから学んだ 19 のこと
- 1. 訪問者の目標にとって最も重要なコンテンツは、ページの上部に配置する必要があります。
- 2. 急いでいるときは、はみ出したものを選ぶ。
- 3. 人々はあなたのページの左側を見ることに多くの時間を費やします。
- 4. 人々は F 字型のパターンであなたのコンテンツを読みます。
- 5.バナーブラインドネスでお金を失うことはありません。
- 6.人物の画像を使用する場合、どこを見ているかが重要です。
- 7. 男性は視覚的です。 女性は情報を求めます。
- 8. クリックスルー率を高めるために、自動画像カルーセルとバナーを放棄します。
- 9. コントラストを賢く使って訪問者を誘導します。
- 10. 60 歳は 20 歳の 2 倍のミスをする。
- 11. 写真を使って訪問者の注意を引く。
- 12. ブログのホームページでは、記事全体よりも要約の方が優れています。
- 13. 人々があなたのメールに費やす時間は 1 分未満です。
- 14. A/B テストとクリックマップを組み合わせて効果を高めます。
- 15.元の価格の横に割引価格を表示すると、満足度が向上します。
- 16–19。 ニュース ポータルに関する Eyetrack III の調査
- ヒート マップの何が問題になっていますか?
- 結論
ヒートマップとは?
ヒート マップは、データを視覚的に表現したものです。 トレーダーが金融市場を打ち負かすことを可能にするために、1990 年代半ばにコーマック キニーによって開発されました。
私たちの文脈では、人々がマウスやトラックパッドを使って何をするかを記録して定量化し、視覚的に魅力的な方法で表示することができます.
「ヒート マップ」は、実際には次のような広範なカテゴリです。
- ホバー マップ (マウスの動きの追跡);
- マップをクリックします。
- 注意マップ;
- マップをスクロールします。
上記のヒートマップ タイプのいずれかについて正確な推論を行うには、結果に基づいて行動する前に、ページ/画面ごとに十分なサンプル サイズが必要です。 目安としては、デザイン画面ごと、およびデバイスごとに 2,000 ~ 3,000 ページビューです (つまり、モバイルとデスクトップを別々に見てください)。 ヒート マップがたとえば 50 人のユーザーに基づいている場合、そのデータは信頼できません。
ウェブサイトのヒートマップとは?
Web サイトのヒート マップは、Web サイトのカテゴリを「最も人気のある」赤から「最も人気のない」青までのさまざまな色で表すことで、ユーザーが Web サイトをどのように操作するかを視覚的に示したものです。
4種類のヒートマップ
ヒート マップにはいくつかの種類があるため、それぞれの種類とその価値について説明します。
1. ホバー マップ (マウスの動きの追跡)
「ヒート マップ」というと、ホバー マップを意味することがよくあります。 ホバー マップは、ユーザーがページ上でマウス カーソルをホバーした領域を示します。 アイデアは、人々がホバーした場所を見るというものであり、したがって、ユーザーが Web ページをどのように読んでいるかを示します。

ホバー マップは、従来のユーザビリティ テスト手法であるアイ トラッキングをモデルにしています。 アイ トラッキングは、ユーザーがサイトをどのようにナビゲートするかを理解するのに役立ちますが、マウス トラッキングは推論が拡張されているため、不十分な傾向があります。
マウス カーソルの追跡の精度には疑問があります。 人々は、カーソルを合わせていないものを見ている可能性があります。 また、ほとんど注目されていないものの上にカーソルを置くこともできます。そのため、ヒート マップは不正確になります。 正確かもしれないし、正確でないかもしれない。 どうして知っていますか? あなたはそうしない。
2010 年、Google のシニア ユーザー エクスペリエンス リサーチャーである Dr. Anne Aula は、マウス トラッキングに関する残念な結果を発表しました。
- マウスの動きとアイ トラッキングの間に垂直方向の相関関係を示したのは 6% だけでした。
- 19% の人が、マウスの動きとアイ トラッキングの間に何らかの水平方向の相関関係を示しました。
- 10% はリンクにカーソルを合わせた後、ページを読み続けて他のものを探していました。
通常、これらのタイプのヒート マップは無視されます。 それがあなたの疑いを裏付けているかどうかを確認するためにそれを見たとしても、あまり多くの在庫を入れないでください. Simple Usability の Guy Redwood 氏も同様に、マウス トラッキングについて懐疑的です。
私たちは 5 年以上にわたってアイ トラッキングの研究を行ってきましたが、正直なところ、ユーザー エクスペリエンスの研究の観点からは、クリックしようとしている場所を明確に見ていることを除けば、目の動きとマウスの動きの間に有用な相関関係はないと言えます。
相関関係があれば、アイ トラッキング機器への投資をすぐにやめて、ウェブサイトやユーザビリティ セッションからのマウス トラッキング データだけを使用することができます。
したがって、Peep がこれらのマップを「貧乏人の視線追跡ツール」と呼ぶ理由はここにあります。
これらのマップが示していることとユーザーが行っていることの間にあまり重複がなければ、実際の洞察を推測するのは困難です。 画像を説明するために、実際の真実よりも多くの話をすることになります。 サッカー選手の動きのヒート マップを批判するこのブログ投稿は、それをうまく表現しています。
「ヒートマップは何をしますか? それらは、試合中にプレーヤーがどこに行ったかについて漠然とした印象を与えます。 まあ、新聞紙越しに試合を見れば、試合中に選手がどこに行ったのか漠然とした印象を得ることができます.
視線とカーソル位置の相関関係がより高いことを示す研究もありますが、データを誤解させたり、分析で確証バイアスを助長したりするリスクを冒してでも、考えられる洞察に価値があるかどうかを自問してください。
アルゴリズムで生成されたヒート マップはどうですか?
同様に、アルゴリズムを使用してユーザー インターフェイスを分析し、結果のビジュアルを生成するヒート マップ ツールもあります。 色、コントラスト、視覚的階層、サイズなど、さまざまな属性が考慮されます。それらは信頼できますか? 多分。 Aura.org は次のように説明しています。
コンピュータソフトウェアが画像内のさまざまな要素の可視性を「計算」する視覚的注意アルゴリズムは、より安価な代替手段として販売されることがよくあります. しかし、PRS による同じ調査によると、アルゴリズムはデザイン間の違いを検出するほど感度が高くなく、特にオンパックの主張とメッセージの可視性レベルを予測するのが不十分であることが示されました。
(注:上記で引用したもう 1 つの調査であるPRSは、アイトラッキング調査サービスを販売しています。)
アルゴリズムによって生成されたマップを完全に信頼するべきではありませんが、ホバー マップほど信頼できるものではありません。
また、トラフィックが少ない場合は、アルゴリズム ツールを使用して、ユーザビリティ調査用の視覚的なデータを取得できます。これには優れた結果がすぐに含まれます。 チェックアウトするツール:
- 注意インサイト;
- EyeQuant;
- 風水 GUI。
「インスタント」だからといって、魔法であるとは限りません。 これはアルゴリズムに基づいた画像であり、実際のユーザーの行動ではありません。
2. マップをクリックします
クリック マップは、集計されたクリック データで構成されるヒート マップを示します。 青はクリック数が少ないことを意味します。 暖かい赤はクリック数が多いことを示します。 ほとんどのクリックは明るい白と黄色のスポットです。

これらの地図には、多くの伝達価値があります。 それらは、最適化の重要性 (特に非最適化者にとって) と、機能しているものと機能していないものを示すのに役立ちます。
大きな写真は多くのクリックを獲得しますが、リンクにはなりませんか? 次の 2 つのオプションがあります。
- リンクにします。
- リンクのように見せないでください。
また、集計されたクリック データをすばやく取得して、幅広い傾向を確認することも簡単です。 便利なストーリーテリングを避けるように注意してください。
ただし、Google アナリティクスでユーザーがどこをクリックしたかを確認することもできます。これは一般的に望ましいことです。 拡張リンク アトリビューションを設定している場合は、Google アナリティクス オーバーレイが最適です。 (まだ視覚的なクリック マップを好む人もいます)。
また、[行動] > [サイト コンテンツ] > [すべてのページ] に移動して URL をクリックすると、任意の URL のナビゲーション サマリーを開くことができます。 有用性の高いもの。
3. アテンション マップ
アテンション マップは、水平スクロール アクティビティと垂直スクロール アクティビティを十分に考慮して、ページのどの領域がユーザーのブラウザによって最も多く表示されているかを示すヒート マップです。
ユーザーがどれだけスクロールしたか、ページにどれだけの時間を費やしたかを考慮して、ページのどの領域が最も多く閲覧されたかを示します。
Peep は、アテンション マップが他のマウスの動きやクリックベースのヒート マップよりも有用であると考えています。 なんで? 重要な情報 (テキストとビジュアル) がほぼすべてのユーザーに表示されているかどうかを確認できるからです。 これにより、ユーザーを念頭に置いてページを設計しやすくなります。
ピープは次のように述べています。

ピープラジャ:
「これが便利なのは、さまざまな画面サイズと解像度が考慮され、ページのどの部分がユーザーのブラウザ内で最も多く閲覧されたかを示すことです。 注意を理解することは、特にフォールド領域の上で、ページのデザインの効果を評価するのに役立ちます。」
4.スクロールマップ
スクロール マップは、ユーザーがページをどれだけ下にスクロールするかを示すヒート マップです。 ユーザーが離脱する傾向がある場所を示すことができます。

スクロール マップはどのような長さのページでも機能しますが、長い形式の販売ページや長いランディング ページをデザインする場合に特に適しています。
一般的に、ページが長くなればなるほど、最後までたどり着く人は少なくなります。 これは正常なことであり、コンテンツに優先順位を付けるのに役立ちます: 何を持っている必要がありますか? 持っているだけでいいものは何ですか? 人々に注目してもらいたいことを優先し、上位に置きます。
スクロール マップは、デザインの微調整にも役立ちます。 スクロール マップに急激な色の変化が見られる場合、ユーザーはページの 2 つの要素間のつながり (「論理的な終わり」) を認識できない可能性があります。 これらの急激な低下点は、Google アナリティクスではわかりにくいものです。
長いランディング ページでは、スクロールが止まる場所にナビゲーション キュー (下向き矢印など) を追加する必要がある場合があります。
おまけ: ユーザーセッションのリプレイ
セッション リプレイは、それ自体がヒート マップの一種ではありませんが、ヒート マッピング ツールが提供する最も価値のあるビットの 1 つです。
ユーザー セッション リプレイを使用すると、サイトを通過する人々のビデオ セッションを記録できます。 ユーザーテストに似ていますが、スクリプトやオーディオはありません。 また、ポジティブな意味でのユーザーテストとは異なり、人々は実際のお金を危険にさらしているため、より洞察に富む可能性があります.
ヒート マップとは異なり、これは定性的データです。 ボトルネックと使いやすさの問題を検出しようとしています。 アクションを完了できない人はどこにいますか? 彼らはどこであきらめますか?
セッション リプレイの最適な使用例の 1 つは、人々がどのようにフォームに記入するかを監視することです。 Google アナリティクスのイベント トラッキングを構成することはできますが、ユーザー セッションのリプレイほどのレベルの洞察は得られません。
また、パフォーマンスの悪いページがあり、その理由がわからない場合は、ユーザー セッションのリプレイで問題を特定できる可能性があります。 また、ユーザーが読む、スクロールするなどの速度も確認できます。
もちろん、それらを分析することはタイムリーです。 私たちは、新しいクライアント サイトの動画を半日見ています。 そして、数百 (数千?) のヒート マップを調べ、他の調査を検討した結果、あらゆる種類のヒート マップから繰り返し指摘される点を特定しました。
ヒート マッピングを開始する場合は、考慮すべきツールがいくつかあります。
2022 年にヒートマップを作成するための 6 つの最適なツール
かなりの数の企業が、さまざまな無料試用版、フリーミアム、有料、および完全無料のオプションを備えた優れたヒート マッピング ツールを提供しています。
有料のヒート マッピング ツール
Crazyegg は、マウス トラッキング テストに最適なツールです。 クリック ヒート マップ、スクロール マップ、特定の要素のクリック数のオーバーレイ、参照ソースに基づいてクリックを区別するために使用できる紙吹雪が特徴です。 彼らは、視線追跡テストと比較して、最大 88% の追跡精度があると主張しています。 すべてのプランは 30 日間無料です。 有料プランは月額24ドルから。
Mouseflow は、マウス トラッキングのもう 1 つの優れたツールです。 再生に重点を置き、すべてのマウスの動き (クリック、スクロール イベント、キー ストローク、フォーム操作) を記録します。 フォームに入力する際の訪問者のキーストロークを記録することもできます。 e コマース トラッキングには別のオプションがあります。 価格は月額 30 ドルからで、少額のフリーミアム プランもあります。
Clicktale は、エンタープライズ レベルのマウス トラッキング ソフトウェアです。 このソフトウェアには、ヒート マッピング、セッション リプレイ、変換分析、およびその他の高度な分析が含まれています。 価格については、彼らに連絡する必要があります。
Luckyorange は、マウスの動きの記録と、リアルタイムのビジター マップ、ビジターの投票、ライブ チャット ソフトウェアなどのツールを提供しています。 無料トライアルがあり、有料プランは月額$ 10から始まります.
無料のヒート マッピング ツール
Clickheat は、サイトでのマウス クリックからヒート マップを作成できるオープンソースの代替手段です。
Corunet には開発サポートが必要です。 Clickheat と同様に、Corunet を使用すると、ページのクリック データからヒート マップを生成できます。
ヒートマップ テストから学んだ 19 のこと
私たちは長年にわたって多くのヒート マップを見てきました。 他の研究者も同様です。 すべてのサイトは異なりますが (私たちの永続的な警告)、いくつかの一般的な要点があります.
サイトでこれらの学習の有効性をテストする必要がありますが、少なくとも、これらの一般化された「真実」は、ヒート マップから何を学ぶことが期待できるかについてのアイデアを提供する必要があります。
1. 訪問者の目標にとって最も重要なコンテンツは、ページの上部に配置する必要があります。

人はスクロールしますが、注意力が持続する時間は短いです。 この調査では、訪問者がスクロールしなければ見えない位置に移動すると、ページの閲覧時間が急激に減少することがわかりました。 ユーザーの視聴時間は次のように分布しています。
スクロールせずに見える範囲: 80.3%
スクロールせずに見える範囲: 19.7%
ビジネス目標にとって最も重要な資料は、スクロールせずに見える範囲にある必要があります。
同じ調査では、Web ページの最下部で閲覧時間が大幅に増加しました。これは、訪問者の注意がページの最下部で再び上昇することを意味します。 そこに適切な行動を促すフレーズを挿入すると、コンバージョンを促進できます。

また、人が最後に見たものがより長く心にとどまるという、最新性効果も覚えておく必要があります。 ページの最後は慎重に作成してください。
2. 急いでいるときは、はみ出したものを選ぶ。

カリフォルニア工科大学の神経科学研究では、「意思決定速度が速い」場合 (急いでいる場合や気が散っている場合)、消費者の好みよりも視覚的な影響が選択に影響を与えることが示されました。
訪問者が急いでいるときは、自分の好みについてあまり考えず、最も気づいたことに基づいて選択します。 この偏見は、人が気が散るほど強くなり、最初から強い好みを持っていない場合に特に強くなります。
製品の視覚的な影響が消費者の好みよりも優先される場合 (特に、オンライン ショッピングのように時間に敏感で気が散る環境では)、Web サイトのデザインを戦略的に変更することで、訪問者の注意を大きく変えることができます。
3. 人々はあなたのページの左側を見ることに多くの時間を費やします。

いくつかの調査によると、Web サイトの左側が訪問者の注目を集めることがわかっています。 左側も最初に見ます。 例外は常にありますが、最初に左側を念頭に置いておくのが良い出発点です。 価値提案など、最も重要な情報をそこに表示します。
この調査によると、ウェブサイトの左側は閲覧時間の 69% を占めており、人々はページの右側に比べて左側に 2 倍以上の時間を費やしていました。
4. 人々は F 字型のパターンであなたのコンテンツを読みます。

この研究では、人々はテキスト コンテンツを F 字型のパターンで読む傾向があることがわかりました。 どういう意味ですか? これは、人々がざっと目を通し、主な注意がテキストの冒頭に向けられることを意味します。 彼らは最も重要な見出しと小見出しを読みますが、残りのテキストは選択的に読みます。
最初の 2 つの段落では、最も重要な情報を述べる必要があります。 小見出し、箇条書き、段落を使用して、残りのコンテンツを読みやすくします。
この調査で明らかなように、写真ベースの Web ページを閲覧する場合、F パターン スタイルは当てはまらないことに注意してください。 人々は画像ベースの Web ページを横方向に閲覧する傾向があります。
5.バナーブラインドネスでお金を失うことはありません。

バナーブラインドネスは、ウェブページの一部が広告のように見えるため、訪問者が無意識または意識的に無視した場合に発生します。 訪問者は、広告のように見えるものにほとんど注意を払いません。
この研究では、広告内に執着は見られませんでした。 情報をすばやく入手する必要がある場合、人々は広告を無視します。逆もまた同様です。 ストーリーに完全に集中している場合、コンテンツから目を離すことはありません。
Web サイトでバナーが見えなくなるのを回避するには、いくつかの方法があります。 ほとんどの問題は、オンライン マーケティングの経験がある Web デザイン会社を利用することで防ぐことができます。
6.人物の画像を使用する場合、どこを見ているかが重要です。

デザインに人物を使用することは理にかなっています。それは注目を集めるデザイン要素です。 しかし、彼らの目がどこを見ているかも重要です。
いくつかのヒート マップ研究では、人はモデルの目の方向に従うことが示されています。 美しい女性だけでなく、その隣にあるコンテンツにも注意を向けさせる必要がある場合は、そのコンテンツを見ていることを確認してください。
感情を伝えることも重要です。 人に感情を伝えることは、コンバージョン率に大きな影響を与える可能性があります。 この研究では、行動を促すフレーズを見ている穏やかな人よりも、感情を伝える人の方がコンバージョンに大きな影響を与える可能性があることがわかりました。
最良の選択肢は、これら 2 つのアプローチを組み合わせることです。つまり、ページの目的の場所を見ている感情を伝える人物を使用します。
7. 男性は視覚的です。 女性は情報を求めます。
出会い系サイトで人々のプロフィールを見るように求められたとき、この研究は男性と女性の間に明確な違いがあることを発見しました. 男性は、画像に焦点を当てて人のプロフィールを見ると、より視覚的でした。 女性は提供された情報をより多く読む傾向がありました。
別の研究では、男性は女性よりも女性の胸を見る時間が 37% 長く、女性は薬指を見る時間が 27% 長いことがわかりました。 この研究は、「男性は倒錯者であり、女性はゴールドディガーである」と結論づけています。
8. クリックスルー率を高めるために、自動画像カルーセルとバナーを放棄します。

この調査では、ユーザーが特定のタスクを念頭に置いている 2 つのサイトでは、アニメーション バージョンを含むメイン バナーが完全に無視されていると結論付けられました。 通常、自動画像カルーセルとバナーはお勧めできません。 それらはバナーブラインドネスを生成し、多くのスペースを無駄にします.
同じ調査では、サイトの中でこのルールの例外が見つかりました。ASOS のホームページのバナーは、他のサイトよりも参加者の注目を集めました。 どのように違いましたか? バナーのようには見えず、ページにうまく統合されていました。
9. コントラストを賢く使って訪問者を誘導します。

ヒート マップを使用してランディング ページをテストした後、TechWyse は色のコントラストがいかに重要であるかを発見しました。 クリックできない、ホームページ上の価格に関する情報要素は、周囲のエリアとの色のコントラストにより、最も注目を集めました.
わずかな再設計の後、訪問者のスキャン パターンは会社が必要としていたものと一致しました。
10. 60 歳は 20 歳の 2 倍のミスをする。
ターゲット ユーザーが年配の場合は、Web サイトをできるだけ使いやすく、整理整頓してください。 リモート ユーザー テストで 257 人の特派員をテストしたところ、タスクの失敗率は、25 歳未満の人に比べて 55 歳以上の人の方が 1.9 倍高かった。 与えられた仕事に失敗したり放棄したりする高齢者のほぼ 2 倍。
年配の人もオンラインでの作業が遅い.最年少の参加者と比較して、最年長の参加者はタスクを完了するのに 40% 多くの時間を要しました.
Web サイトでのランダムなタスクが簡単だと感じても、年配のユーザーにとっては難しいかもしれません。 ターゲットオーディエンスが平均よりも古い場合は、レイアウトをテストしてください.
11. 写真を使って訪問者の注意を引く。

人は視覚です。 インターネットの黎明期から、サイトは厳選された画像を使用してコンバージョン率を高めてきましたが、それには正当な理由があります。 ほとんどの場合、適切に選択された画像を含めることをお勧めします。
実在の人物の写真を使用してください。 人々は実在の人物の画像によく反応します。 この研究では、被験者は、ページの大部分を占めるテキスト コンテンツを読むよりも、従業員の写真を見ることに 10% 多くの時間を費やしました。
対照的に、訪問者は「実在の」人物のストック写真を完全に無視します。 どういうわけか、実際の人物の写真から「フォトバンクの人物」を認識することを学びました。 このブログ投稿は、ストック フォトを使用するとどうなるかを示す完璧な例です。 これは、ストック写真のように見える実際の写真にも当てはまるため、写真を過度に編集しないでください。
この調査では、LinkedIn のプロフィールで写真が最も重要な要素であることが証明されました。この調査では、Facebook でも同じ相関関係があることがわかりました。
うまく使えば、大きな商品写真も確実に注目を集めることができます。
12. ブログのホームページでは、記事全体よりも要約の方が優れています。

この調査では、ブログのホームページで記事全体ではなく記事の要約を使用すると、訪問者がより多くのコンテンツを読むようになることがわかりました。
ホームページに完全な記事を掲載しているブログの場合、最初の記事に興味を持ってもらえなければ、訪問者を失うリスクがあります。 彼らは最初の記事を読んで興味をすべて「使い果たす」でしょう。
概要を使用すると、訪問者にさまざまなトピックを表示できるため、訪問者が興味のあるものを見つける可能性が高くなります。
13. 人々があなたのメールに費やす時間は 1 分未満です。
この調査では、ユーザーの 67% がニュースレターの紹介に執着していないことが明らかになりました。 導入部の段落をスキップして、残りのコンテンツに目を通す傾向がありました。
ニュースレターに割り当てられた平均時間は 51 秒でした。 ニュースレターを最後まで読んでいる人はわずか 19% です。 それらはほとんどスキャンされているため、ニュースレターは短く要点を明確にし、明確な行動を促すフレーズを付けてください。
14. A/B テストとクリックマップを組み合わせて効果を高めます。

VWO の担当者は、ホームページ トラフィックの 25% 近くがトップ メニューの小さな「価格設定」リンクに流れていることを発見しましたが、メインの行動喚起ボタンは総クリック数の 5% しか収集しませんでした。
彼らは、クリック マップの知識と A/B テストを組み合わせて、変更されたホームページのどのバージョンがより適切に機能するかを調べました。
クリック マップの知識を A/B テストと組み合わせると、クリック マップの効果を何度も高めることができます。 CareLogger は、行動を促すフレーズのボタンの色を変更することで、コンバージョンを 34% 増加させました。
15.元の価格の横に割引価格を表示すると、満足度が向上します。
Dan Ariely の著書Predictably Irrational に触発されて、 Robert Stevens はランダムに 60 人を対象にテストを行い、相対性が日常の意思決定にどのように影響するかを調べました。
人々は、スムージー用に 2 つの異なる棚のレイアウトでテストされました。 最初のバージョンでは、割引された「Innocent」スムージーのみが表示され、同じブランドのスムージーは定価ではありませんでした。 2 番目のバージョンには、通常価格のスムージーも含まれていました。
割引されたスムージーの価格に変更はありませんでしたが、元の価格も知っていた方が、購入に対する満足度が高くなりました。
16–19。 ニュース ポータルに関する Eyetrack III の調査
Eyetrack III の調査では、数十人が 1 時間にわたり、模擬ニュース Web サイトと実際のマルチメディア コンテンツにアクセスするように指示されました。
16. 人々の目は最初にページの左上に注がれ、次に右側の領域に留まりました。 しばらくして、人々はページのさらに下を探索し始めました。
17. 人々は、特に左上隅にいるときは、主要な見出しを最初に見る.
18. 集中して読むには小さい活字を使う。 文字が大きいほど、人々は注意を引く単語やフレーズを求めて周りを見回したため、より多くのページをスキャンしました。
19. 見出しの最初の言葉は重要です。 最初の言葉が訪問者の関心を引いた場合、訪問者は読み進める可能性が高くなります。 彼らの注意を引くのに 1 秒もかかりません。
彼らができることはたくさんあるので、覚えておく価値があります。ヒート マップはすべてに適しているわけではありません。
ヒート マップの何が問題になっていますか?
ヒート マップの問題は、酔っ払いとライト ポストに関する古い格言を思い起こさせます。
上記のデータの不正確さのいくつかを無視すると、特にヒート マップがコンバージョン調査の主要な部分である場合、潜在的なバイアスの世界が開かれます。
Malwarebytes の最適化責任者である Andrew Anderson 氏は、次のように述べています。

アンドリュー・アンダーソン:
人々がクリックする場所に過度に追いつくことほど、レートと価値の理解の欠如を示すものはありません.
良いものか悪いものをクリックする人は多かれ少なかれいますか? 最もクリックされたものが最も重要ですか? 最も影響力のある? この 1 つのことをクリックする人の数が 2 倍になったらどうなるでしょうか。 影響力を持つには、何かをクリックする必要がありますか? それはまったくクリックする必要がありますか?
結局、ヒート マップは、意味のある方法で 1 つの質問に答えることができなくても、さらに 1000 の質問を提供します。
私たちが知っていることは、ほとんどの人がバイアスを使用してアイテムの価値を判断し、それを使用してすべての受信情報をフィルタリングするということです. 彼らは、最もアクティブなものを最も価値のあるものと混同します。 これらは、モデルの最も代表的なタイプである線形レート モデルにデフォルト設定されます。 彼らは、その変化の相対的な価値や効率についての実際の洞察なしに、より多くの人々をページ上のステップまたはアイテムに誘導しようとします.
さらに悪いことに、彼らはストーリーテリングを継続する方法としてヒート マップやクリックベースの指標を使用し、サイトやページにとって何が最善であるかと、彼らが望んでいることを混同し続けます。
ヒート マップは、組織内の分析に精通していない人々に問題領域を伝える方法として、高いレベルで役立ちます。 また、コンバージョンの調査と分析の出発点としても適しています。
しかし、それらがもたらすインサイトのほとんどすべては、さまざまな分析ツールから収集することができます。また、Google アナリティクスは、解釈、ストーリーテリング、およびバイアスの余地が少ない傾向があります。
言い換えれば、ヒート マップはオプティマイザーにとっては優れたツールですが、プロジェクトやテスト計画の最終手段であってはなりません。
結論
ヒートマップはかなりクールに見えます。 そして、適切に使用すれば、大きな価値を提供できます):
マーケティングを改善するためにヒート マップを使用できるいくつかの方法を次に示します。
- アルゴリズム ヒート マップを使用すると、トラフィックの少ないサイトで、ユーザーがサイトをどのように使用しているかを把握できます。
- クリック マップは、ユーザーがクリックした場所とクリックしなかった場所を視覚的に示します。
- アテンション マップは、Web サイトのどの部分が、すべてのブラウザーとデバイスにわたって、すべてのユーザーに最もよく表示されているかを確認するのに役立ちます。 価値提案やその他の重要な要素をどこに置くかを決めるのに役立ちます。
- スクロール マップは、より長いランディング ページを設計し、人々がページを下に移動し続けるのに役立ちます (コンテンツの場所も優先します)。
- ユーザー セッションのリプレイは、武器庫のかけがえのないツールです。
ただし、コンバージョンの調査をヒート マップだけに頼るべきではありません。 結果はせいぜい限定的であり、最悪の場合は誤解を招くものであり、偏見を複雑にし、幻想的な洞察を提供します.
