ヒートマップ

ヒートマップとは

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ピックアップ記事

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

関連記事

  1. ヒートマップ

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

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

  2. ヒートマップ

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

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

  3. ヒートマップ

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

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

  4. ヒートマップ

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

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

  5. ヒートマップ

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

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

  6. ヒートマップ

    MouseflowをAdobe Analyticsと一緒に使う

    近年、視覚分析ツールの需要が高まっています。ウェブサイトの統計的なロ…

コメント

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

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

CAPTCHA


カテゴリ
最近の記事
  1. dbt Fusion使ってみた
  2. Manusを使ってみたうえでManusに感想ブログを書かせて…
  3. SquadbaseとStreamlitでお手軽アプリ開発
  4. [Snowflake Summit 2025] Snowfl…
  5. [Snowflake新機能]AI_AGGを試してみた
  1. ヒートマップ

    Mouseflowアップデート情報 @2019/6/6
  2. IT用語集

    アーカイブ(Archive)って何?
  3. IT用語集

    カスタマージャーニー(Customer Journey)って何?
  4. Google Tag Manager

    サーバーサイドGTM: ウェブコンテナを使って1stパーティドメインからgtm.…
  5. Adobe Experience Cloud

    Adobe Summit 2020レポート: Unravel Customer …
PAGE TOP