ヒートマップ

アテンション・ヒートマップ

前回は訪問者がどこまでスクロールしているのかを可視化するスクロール・ヒートマップについて紹介しました。

今回は、見た目はスクロール・ヒートマップに似ていますが、訪問者の興味を可視化するアテンション・ヒートマップを紹介します。

アテンション・ヒートマップとは

アテンション・ヒートマップは、スクロール・ヒートマップに似ていますが、可視化している指標が違います。

スクロール・ヒートマップでは、スクロールのあった割合で色が変わっていきましたが、アテンション・ヒートマップでは、その名の通り注目があった割合で色が青→赤と変わります。どのくらい注目があったのか、というのは、「エンゲージメント」によって判断されます。 「エンゲージメント」とは、どのくらいの間マウスがその場所にいたのかに加えて、クリックやマウスの動き、スクロール等の行動があった時間です。 その場にマウスがいた時間だけでなく、行動の有無も指標に加えることで、精度を高めています。

また、スクロール・ヒートマップと同じ様に、ヒートマップ上にマウスカーソルを置くと、そのエリアのライン・アナリティクスが表示され、細かい情報を見ることができます。

さて、アテンション・ヒートマップではどのような分析ができるでしょうか?

アテンション・ヒートマップを使った分析

アテンション・ヒートマップがより有効なのは、スクロール・ヒートマップと同じく、縦に長いページです。

ページの中で注目が集まるのには、二つ理由があります。

一つは、そこが注目の集まりやすいエリアの場合です。例えば、ページのファーストビューは全訪問者が表示するので、注目が集まりやすいですよね。

二つ目は、そこに何か魅力的なコンテンツがある場合です。 魅力的なコンテンツがあれば、クリックなどの行動も起きやすく、そのエリアの滞在時間も増え、エンゲージメントは高くなります。 位置的に注目が集まりやすい場所であれば、重要なコンテンツをその位置に配置することでさらに注目が集まります。

コンテンツが魅力的なものであった場合であれば、ページを改善する際に注目を集めたコンテンツと類似した表現やレイアウト、ビジュアルを使用することで注目を集められる可能性が高まります。

また、長いページを少し短くしたいといったときに、このアテンション・ヒートマップならどこに注目が集まっていて、どこが注目されていないかわかるのでその判断に使うことが出来ます。

今回はアテンション・ヒートマップについてご紹介しましたが、アテンション・ヒートマップの活用法は今回ご紹介した以外にもまだまだあります。 他のヒートマップと組み合わせて分析することで、また違った知見を得ることもできるので、また別の機会にヒートマップを組み合わせた分析についてお伝えします。

Google Tag Manager: 離脱リンクのクリックをトリガーにする前のページ

直帰率を改善する!4つのポイント次のページ

ピックアップ記事

  1. 最速で理解したい人のためのIT用語集

関連記事

  1. ヒートマップ

    ユーザビリティの検証で気を付けたいこと、やってはいけないこと④

    ユーザビリティ検証の注意点と禁止事項について、前回の続きからご紹介しま…

  2. ヒートマップ

    【Tips】ヒートマップ機能について①~クリック・スクロール編~

    今回はMouseflowのメイン機能であるヒートマップについて、改めて…

  3. ヒートマップ

    スクロール・ヒートマップ

    これまで紹介したクリック・ヒートマップやムーブメント・ヒートマップでは…

  4. ヒートマップ

    クリック・ヒートマップの使い方

    個々の訪問者の行動を分析するにはセッション・リプレイが有効ですが、もっ…

  5. ヒートマップ

    ヒートマップとは

    Mouseflowのメイン機能の一つであるヒートマップについてご紹介し…

  6. ヒートマップ

    【Tips】フリクションとは?

    フリクションとは、Webサイトを訪問したユーザが感じたストレスやフ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


カテゴリ
最近の記事
  1. Adobe WebSDK FPIDでECIDの復元を検証
  2. dbt Projects on Snowflakeで作成した…
  3. Dataformでtype:’increment…
  4. dbt Projects on SnowflakeをTASK…
  5. AWS発のAIエージェントIDE「Kiro」を使用した仕様駆…
  1. Adobe Analytics

    Adobe Analytics: DWHレポートをAWSのS3バケットに配信する…
  2. Python

    市区町村一覧・自治体の一覧を取得する
  3. Google Analytics

    【UAとは違う!?】GA4で変更された”イベント”につい…
  4. Snowflake

    【dbts25】Snowflake×PostgreSQLのニュースを読む!登壇資…
  5. KARTE

    KARTE:カスタムイベントでページの要素を取得して接客を出す
PAGE TOP