タップヒートマップ

スマホユーザーの動きを見える化

タップヒートマップで
マルチデバイスに対応

スマートフォンやタブレット端末でユーザーがタップした箇所を表示する機能がタップヒートマップ。 PC とスマートフォンでのユーザーの動きは異なるケースが多いため分けて分析することが必要です。

急速な市場成長についていくために、とりあえず対応しただけのサイトではスマートフォンやタブレット端末ユーザーの視点に立てておらず、CVR が低くなってしまいます。

SiTest では、スマートフォンやタブレット端末ユーザーの特徴である「タップアクション」を解析できる機能を搭載しました。

ボタンの大きさが適切か、動きは滑らかか、PC の解析だけでは分からないユーザーの動きを解析し、全デバイスでサイト最適化、顧客獲得を目指しましょう。

タップヒートマップの
活用法

スマートフォンやタブレット端末はPC と比べてブラウザサイズが小さくなります。

そのため、とりあえずPC サイトを模倣して作ったレベルのモバイルサイトでは、ボタン等が認識されていない、あるいは小さすぎて付近を誤ってタップしているといったことも起こります。

まずはタップヒートマップでユーザーの動きが正常かどうか把握しましょう。

また、2012 年6 月にGoogle は「スマートフォンに最適化されたサイトの構築」と題しレスポンシブウェブデザインを推奨する旨を発表しましたが、レスポンシブウェブデザインだからといって安心できるわけではありません。

そもそもスマートフォン、タブレット端末ユーザーはPC ユーザーと異なる「タップ」というアクションを行うため、それぞれに最適化することが目標到達率を引き上げることにつながります。

よくある質問(FAQ)

Q

タップヒートマップはスマートフォン専用ですか?

はい、スマートフォンやタブレットなどのタッチデバイス専用のヒートマップです。PCとは異なるモバイルユーザー特有のタップ操作を可視化します。

A
Q

モバイルサイトの改善になぜ重要なのでしょうか?

スマートフォンの画面はPCより狭く、誤操作(誤タップ)が起きやすいためです。ボタン同士の間隔が適切か、タップしやすい位置に重要な要素があるかを確認し、モバイルフレンドリーなUIを実現するために不可欠です。

A
Q

クリックヒートマップとの違いを教えてください。

クリックヒートマップがPCでのクリック箇所を可視化するのに対し、タップヒートマップはスマホやタブレットでのタップ箇所を可視化します。分析の目的は同じですが、デバイスごとに分けて計測することで、それぞれの操作傾向を正確に把握できます。

A
Q

スマホでCTAボタンがあまりタップされていない場合、どう改善すべきですか?

ボタンが画面の端に配置されていて押しにくい、周囲の要素に埋もれて目立たない、などの原因が考えられます。タップヒートマップで周辺のタップ状況を確認し、より押しやすい位置やサイズに調整することを検討してください。

A
Q

ページ下部のボタンがあまりタップされていません。なぜでしょうか?

そもそもページ下部まで到達しているユーザーが少ない可能性があります。スクロールデータと併せて確認し、ユーザーがどこまで閲覧しているかを把握した上で、ボタンの配置を検討することをおすすめします。

A
メニューボタン閉じるボタン