ヒートマップ

ヒートマップとは

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

ヒートマップは、Webサイトのページパフォーマンスを視覚化するツールです。 ヒートマップを使用すると、訪問者のアクションを視覚的に確認することができます。

ツールによって呼び方が異なりますが、大きくは以下の3種類のヒートマップがあります。

1. クリック・ヒートマップ

ページ内のどの部分がクリックされているかを表示します。

ページ内のボタンがそれぞれどのくらいクリックされているかを確認できるだけでなく、クリックできない場所がクリックされていたりしていることなども確認することが出来ます。

これまでは経験や勘に頼るしかなかったページレイアウトやパーツの配置を、ヒートマップを利用して根拠のある場所に配置することが出来ます。

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

訪問者がページのどこまでスクロールしているかを可視化します。

ページ内の重要なコンテンツまで期待通りにスクロールされているでしょうか?

もし、思ったようにスクロールされていないなら、キーコンテンツはファーストビュー(最初に表示されるエリア)に配置することを検討するなど、データに基づいた判断が可能になります。

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

訪問者がページのどこでどのくらい時間を使っているかを可視化します。

ページ上で訪問者が時間を費やしている箇所は赤く、逆にほとんど時間を使っていない所は濃い青で表示されます。 この色の違いによって、訪問者にとってページのどこが魅力的で、どこがそうでないかを確認することが出来ます。 もし、重要なコンテンツ周辺が青っぽい色であれば、あまり注目されていないということになりますから、もっと目につきやすい場所に配置することでコンバージョンが上がる可能性があります。

簡単ではありますが、ヒートマップについてご紹介しました。 高機能ヒートマップツール「Mouseflow」について気になることがありましたら、画面上部の「お問合せ」よりお気軽にお問合せください。

Adobe Analytics: カスタムリンク計測を1行で書く前のページ

セッション・リプレイ次のページ

ピックアップ記事

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

関連記事

  1. ヒートマップ

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

    前回は訪問者がどこまでスクロールしているのかを可視化するスクロール・ヒ…

  2. ヒートマップ

    Mouseflowアップデート情報 @2019/6/6

    Mouseflowの機能がアップデートされました!今回のアップデート…

  3. ヒートマップ

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

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

  4. ヒートマップ

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

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

  5. ヒートマップ

    ヒートマップを画像としてキャプチャする

    前回は、Mouseflowで行った分析結果の作成に便利なレコーディング…

  6. ヒートマップ

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

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

コメント

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

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

CAPTCHA


カテゴリ
最近の記事
  1. Streamlitでdbt-elementary風ダッシュボ…
  2. Adobe WebSDK FPIDでECIDの復元を検証
  3. dbt Projects on Snowflakeで作成した…
  4. Dataformでtype:’increment…
  5. dbt Projects on SnowflakeをTASK…
  1. ObservePoint

    ObservePointでサイト内のタグが全部まるっとお見通しだ!
  2. Amazon Web Services

    【初心者向け】AWSを学ぶ前に確認したい用語
  3. Spread Sheets / GAS / GDS

    スプレッドシートで自動バックアップを作成
  4. IT用語集

    オープンシステム(Open System)って何?
  5. dbt

    dbt Cloud使ってみた
PAGE TOP