ユーザー行動を色付きで見える化するヒートマップツール3選

みなさんは「ヒートマップツール」というのをご存知でしょうか？

LP（ランディングページ）を作成する際に、より効果的にユーザーに訴求し、目的のコンバージョンに導くために、ユーザーの行動パターンや注目されたテキストや画像要素を分析するためのツールです。

ランディングページの最適化については以下が参考になります。

LPO（ランディングページ最適化）とは？スマートフォンサイトのLPOのポイントもご紹介

2018.12.04

【目次】

ヒートマップツールとは？
ヒートマップから分かること
ヒートマップのメリット
おすすめヒートマップツール3選
ヒートマップツールのまとめ

ヒートマップツールとは？

引用：https://cont-hub.com/blog/03/351/

ヒートマップツールとは、ユーザーがウェブページのどこを重視しているかを直感的に理解できるよう可視化するツールのことです。

クリックした箇所や、よく見られている箇所などをサーモグラフィック状に可視化します。色を用いてユーザーの行動を可視化したものなので、専門知識がなくても簡単にユーザーの行動を把握できます。

アクセス解析ツールと異なり、ページ内でのユーザーの細かい動きが把握できます。見てほしい部分が見られてない、思わぬところで離脱されている、などユーザーの動きを理解できるためホームページの運用・リニューアルなどに役立てられます。

また、ヒートマップはPCだけでなくスマートフォンやタブレットにも対応しています。スマートフォンは画面が狭く、わずかなデザインもサイトの成果に影響するため、スマートフォンの普及とともにヒートマップの需要も高まっています。

ヒートマップから分かること

ヒートマップから得られる情報は主に以下の４つです。

ページ内でクリックされている箇所
どのリンクを訪問者は関心を持ち、クリックしているか、このデータから理解できます。また、間違えて押した画像や文字の場所なども検出可能です。

ウェブ閲覧者が思わずクリックしてしまうインパクトの強いコンテンツなど、このデータを分析することが発見できるかもしれません。
ページ内のマウスの動き
ユーザーがマウスをどのように操作したか確認できます。サイトを訪れた際のマウスの動きは非常に重要で、注目したい文章などは思わずマウスを動かしてしまうこともあるかと思います。

それだけ、このマウスの動きは閲覧者の行動特性を表しているといえます。また、複数人の動きを同時に見ることも可能です。これにより、このページを訪れるユーザーの閲覧行動を傾向として捉えられるのです。
熟読エリア
訪問者がよく閲覧する部分を赤、あまり注目されていないコンテンツを青く色分けできます。このヒートマップ・データから、ページコンテンツの改善のヒントを得られます。

サイトにおける訪問者の閲覧のムラを見つけ修正するサイクルを回すことで、ウェブサイトの質は飛躍的に向上します。
ユーザーが離脱した箇所
ユーザーがページのどこまでスクロールして閲覧を終了しているかヒートマップで示せます。特に縦長のページの場合、どこまで読まれるかはサイトのコンテンツやデザインを考えるうえで重要です。

ヒートマップのメリット

ページ改善サイクルが早まる
閲覧者がウェブページのどこを見ているかを社内で共有し、意見やアイデアを出すことが容易になります。これにより、ウェブページの改善サイクルを短縮することができます。

また、社内だけでなく、ウェブページを制作する協力会社とも共有することで制作作業が進めやすくなります。
他のウェブページ検証手法と組み合わせ、詳細に検証ができる
ユーザーテストなどの手法を組み合わせることでより有効なインサイトを得られます。ユーザーテストで得られたコンテンツに関する要望をウェブページに盛り込み、実際閲覧されているかヒートマップで確認すれば、ウェブページの改善作業をより効率的に進められます。

例を挙げると、ABテストとの組み合わせで活用するケースがあります。例えば上のキャッチコピーを変えると、同時に下にあるコンテンツがよく見られるようになった場合、サイトの改善だけでなく、キャッチコピーのどの要素に効果があったか分析することができます。