AIを使用して英語から翻訳されました
この記事はAI技術を使用して翻訳されています。正確性を維持するよう努めていますが、一部の詳細が元のテキストと完全に一致しない場合があります。情報に不明点がある場合は、英語版をご参照ください。
Mobile Heatmapsは、ユーザーがモバイルアプリの画面とどのようにインタラクトしているかを視覚化することができます。タップやスクロールの動作を直感的な色分けオーバーレイで表示することで、高いエンゲージメントのエリア、低いインタラクション、または予期しないユーザー行動を素早く特定し、モバイル体験の最適化に役立てることができます。
Mobile Heatmapsは、モバイルアプリの画面上でのユーザー行動に関する視覚的なインサイトを提供し、以下の理解を助けます：
- エンゲージメントホットスポット：ユーザーが最も頻繁にタップする要素や、検出されたUI要素を超えて注目している場所を特定します。
- スクロール動作：ユーザーが画面をどこまでスクロールしているかを確認し、重要なコンテンツが閲覧されているか、見逃されているかを判断します。
- 予期しないインタラクション：ユーザーがタップすべきでない場所をタップしているエリアを明らかにし、混乱や期待外れの可能性を示します。
- 画面レイアウト：視覚的なデータを活用して、要素の配置、コンテンツの階層、画面デザインに関する情報に基づく決定を行います。
- デザインの変更：UIの更新前後でユーザーのインタラクションパターンを比較し、その影響を測定します。
始める前に
- アプリは最低限以下のSDKバージョンを使用している必要があります：iOS 4.44.1以降、Android 4.41.1以降。
- Flutter（バージョン3.19.0）またはReact Nativeを使用している場合は、ベータ版に参加するためにカスタマーサクセスマネージャー（CSM）にお問い合わせください。
- Jetpack Compose（Androidのみ）： スクロールデータを取得するためにGradleプラグインを追加してください。 技術的ドキュメントでさらに詳しく。
- 分析したい画面でセッションがキャプチャされている必要があります。
- 画面表示のタグ付け：Mobile Heatmapsには正確な画面表示タグ付けプランが必要です。複数の画面表示が同じIDや名前を共有している場合、システムは複数の画面からのデータを集計し、不正確な視覚化結果となります。
モバイルアプリのHeatmapの設定方法
- メインメニューから「ゾーニング分析」に移動し、次に「+ New Zoning」をクリックします。
-
スクリーンショットを閲覧して選択します。新しい順や名前のA-Zでソートするか、ページセレクタを使って画面でフィルタリングします。
画面はカードとして表示され、それぞれにサムネイル、トラフィック、撮影されたスクリーンショットの数が表示されます。
注
まだスクリーンショットが撮影されていない場合は、デバイスから画面のQRコードをスキャンし、ページを更新して表示されるのを確認してください。スクリーンショット撮影用のQRコードは、フロー全体のサイドバーで利用可能です。
注
ここに表示されるのはデバイス経由で撮影されたスクリーンショットのみです。Session Replayからのスクリーンショットは含まれません。
-
「App version」ドロップダウンを使ってアプリバージョンでフィルタリングし、スクリーンショットの選択を絞り込みます。
-
‘Next’をクリックしてHeatmapを作成します。
-
TapマップとScrollマップを切り替えます。
Heatmapsの種類
Mobile Heatmapsは、アプリ画面上のユーザー行動のさまざまな側面を理解するための2つの可視化タイプを提供します。
Tapマップ
Tapマップは、ユーザーが画面のどこをタップしたかを示します。すべてのタップは正確な位置で記録され、選択した基準に一致するすべてのセッションで集計されます。
色は画面全体のタップの相対的な集中度を表します：赤いエリアはタップ活動が高いことを示し、青はタップ活動が低いことを示します。タップは固定要素（ヘッダー、フッター）とスクロール可能な要素（メイン画面コンテンツ）の両方で収集されます。
Scrollマップ
スクロールヒートマップは、ユーザーが画面をどこまでスクロールしたかを示します。色付きのオーバーレイは、画面の各部分に到達したユーザーの割合を示します：赤はほとんどのユーザーがその位置までスクロールしたことを意味し、青は少数であることを意味します。ゾーンにホバーすると正確なパーセントが表示されます。
スクロールマップは、画面表示中の要素の位置とスクロールEventsを露出指標を使って追跡します。
画面が最初に読み込まれたときの最低表示点である平均フォールド指標は、まだモバイルヒートマップでは利用できません。
ヒートマップの管理
スクリーンショットの変更
-
ヒートマップを表示しているときに、画像アイコンをクリックしてメニューを開きます。
-
「新しいスクリーンショットを追加」を選択します。
-
提案されたオプションから新しいスクリーンショットを選択するか、QRコードで新しいスクリーンショットをキャプチャします。
- 画面の指示に従ってスクリーンショットを更新します。
スクリーンショットを変更しても、フィルタ、日付範囲、その他の分析設定には影響しません。
ヒートマップの共有
-
ヒートマップを表示している間に、右上の「共有」ボタンをクリックします。
-
「リンクをコピー」ボタンをクリックし、Contentsquareプロジェクトにアクセス権のある他のユーザーに送信します。
ショートカットの使用
ヒートマップ分析から、関連するツールに直接アクセスできます：
- Session Replay: 現在のセグメントにリンクされたSession Replayにアクセスするには「View replays」をクリックしてください。
- Impact: タップがコンバージョン目標に与える影響を可視化し、どのインタラクションがビジネスの結果を促進しているかを理解します。
よくある質問
現在のデータ制限は何ですか？
Heatmapのデータは100,000画面閲覧でサンプリングされます。パフォーマンスの理由から、Mobile Heatmapsは最大100,000画面閲覧までのデータのみを分析します。画面のトラフィックがそれ以上の場合、システムはデータを比例してサンプリングします。
画面閲覧のタグ付けはどの程度正確ですか？
複数の画面が同じ画面閲覧IDまたは名前を共有している場合、Contentsquareはそれらすべての画面のデータを単一のHeatmapに集計します。これにより、不正確または不均衡な可視化が生じます。各画面にタグ付け計画で一意の識別子があることを確認してください。
Heatmaps内での動的コンテンツはどのように管理されていますか？
モーダル、ポップアップ、または展開可能なパネルのようなユーザー行動に基づいて表示される動的コンテンツ上のインタラクションは、スクリーンショットに動的コンテンツが表示されていなくてもインタラクション計算に含まれます。これにより、タップ位置の正確性に影響を与える可能性があります。同様に、他のUI要素の位置を変更する動的コンテンツ（例えば、コンテンツを押し下げる折りたたみ可能なパネル）は、Heatmapの精度を低下させることがあります。
その他のデバイス関連の制限は何ですか？
Mobile Heatmapsは現在以下をサポートしていません：
- Tablet：電話のフォームファクターのみサポートされています。
- 水平スクロール：垂直スクロールのみ追跡可能です。
- 複数の垂直コンテナが同じ階層レベルにある場合。
- デバイスの回転：横向きの向きはサポートされていません。
Mobile Heatmapsで平均フォールドは利用可能ですか？
平均フォールドはまだ利用できません。補足：画面の平均フォールドとは、ユーザーがスクリーンアプリを開いてスクロールを行う前の画面上で最も低く見えるポイントのことです。