ヒートマップで分かるのは「どこで起きたか」まで
赤い場所はよく見られている。青い場所は見られていない。スクロール率が落ちる位置も分かる。ヒートマップは、ページ上で起きた行動を確認するには便利です。
ただし、その色だけでは「なぜ見られたのか」「なぜ離脱したのか」までは決まりません。赤は関心かもしれませんし、読みにくくて滞在しているだけかもしれません。青も不要だからではなく、その手前ですでに興味を失っている可能性があります。
ヒートマップは原因を直接示す道具ではなく、原因を考えるための観測データとして使います。
赤い場所を上へ移しても、同じ反応になるとは限らない
よく読まれているセクションを上へ移せば、より多くの人に見てもらえる。そう考えるのは自然です。
しかし、そのセクションが読まれているのは、そこまでに読者が商品への関心や疑問を持ったからかもしれません。前段を外して位置だけ変えると、同じ内容でも意味が変わります。
赤い場所を動かす前に、そこで読者が何を確かめていたのかを見ます。
青い場所を削っても、離脱原因が消えるとは限らない
青い場所は読まれていないから削る。この判断も、短くする目的なら合理的です。
ただ、離脱のきっかけがその場所より前にあるなら、削除しても原因は残ります。次のセクションが新しい離脱地点になるだけです。
削除前には、その場所が不要なのか、それともそこへ来る前に読む理由を失っているのかを分けて確認します。
修正前に「そこで何を確かめる場面だったか」を置く
ヒートマップの色から直接修正案を作るのではなく、先に各セクションの役割を確認します。
たとえば、比較表なら違いを確認する場所、レビューなら自分にも合いそうかを確認する場所、保証なら購入条件を確認する場所です。
その役割に対して実際の動きが合っているかを見ると、色が初めて改善判断に使える情報になります。
ヒートマップは「改善案の答え合わせ」に使う
改善仮説がある状態では、ヒートマップの価値が上がります。想定と実際の動きを比べられるからです。
想定どおりなら次へ進む。違えば、その場所の内容か、その手前を見直す。こう使えば、赤・青を見て場当たり的に直す作業から離れられます。
画像そのものを差し替えても数字が動かない場合は、楽天で商品画像を差し替えても転換率が上がらない理由で、画像の役割と修正範囲を切り分けています。
現在の商品ページで優先して見直す箇所を確認します。
まとめ｜色ではなく、仮説との差を見る
ヒートマップは、改善案を自動で教える道具ではありません。どこで何が起きたかを確認する道具です。
先に各セクションで何を確認してもらうかを決め、その想定と実際の動きの差を見る。そうすると、ヒートマップは改善仮説を検証するために使えるようになります。
楽天の転換率がどこで止まっているかを全体から切り分けたい場合は、楽天の転換率改善で最初に確認する7つの順番から確認できます。
