Traduit de l’anglais à l’aide de l’IA
Veuillez noter que cet article a été traduit à l’aide de la technologie IA. Bien que nous travaillions à maintenir l’exactitude, certains détails peuvent ne pas refléter parfaitement le texte original. Si vous avez un doute sur une information, veuillez vous référer à la version anglaise.
Les Heatmaps mobiles vous permettent de visualiser comment les utilisateurs interagissent avec les écrans de votre application mobile. En affichant l’activité de tap et de scroll via une superposition intuitive codée par couleur, vous pouvez rapidement identifier les zones de fort engagement, de faible interaction ou de comportement utilisateur inattendu, ce qui vous aide à optimiser votre expérience mobile.
Les Heatmaps mobiles fournissent des insights visuels sur le comportement des utilisateurs sur les écrans de votre application mobile, vous aidant à comprendre :
- Hotspots d’engagement : Identifiez quels éléments les utilisateurs tapent le plus fréquemment et où ils concentrent leur attention, même au-delà des éléments IU détectés.
- Comportement de scroll : Voyez jusqu’où les utilisateurs scrollent vos écrans pour déterminer si le contenu important est vu ou manqué.
- Interactions inattendues : Découvrez les zones où les utilisateurs tapent alors qu’ils ne devraient pas, révélant une possible confusion ou des attentes non satisfaites.
- Mises en page des écrans : Utilisez les données visuelles pour prendre des décisions éclairées sur le placement des éléments, la hiérarchie du contenu et le design des écrans.
- Changements de design : Mesurez l’impact des mises à jour de l’IU en comparant les modèles d’interaction des utilisateurs avant et après les changements.
Avant de commencer
- Votre application doit fonctionner avec une version minimale du SDK : iOS 4.44.1 ou ultérieure, Android 4.41.1 ou ultérieure.
- Si vous utilisez Flutter (version 3.19.0) ou React Native, contactez votre Customer Success Manager (CSM) pour rejoindre la bêta
- Jetpack Compose (Android uniquement) : Ajoutez un plug-in Gradle pour capturer les données de scroll. En savoir plus dans notre documentation technique.
- Vous devez avoir des sessions capturées sur les écrans que vous souhaitez analyser.
- Tagging des vues d’écran : Les Heatmaps mobiles nécessitent un plan de tagging des vues d’écran précis. Si plusieurs vues d’écran partagent des ID ou des noms, le système totalisera les données de plusieurs écrans, ce qui entraînera des visualisations imprécises.
Comment configurer une Heatmap pour les applications mobiles
- Depuis le menu principal, accédez à "Zoning Analysis", puis cliquez sur '+ New Zoning'.
-
Parcourez et sélectionnez une capture d’écran. Triez par plus récent ou nom A-Z, ou utilisez le sélecteur de page pour filtrer par écran.
Les écrans sont affichés sous forme de cartes, chacune affichant une miniature, le trafic, et le nombre de captures d’écran prises.
Remarque
Si aucune capture d’écran n’a encore été prise, scannez le code QR sur l’écran depuis votre device, puis actualisez la page pour la voir apparaître. Le code QR pour prendre des captures d’écran est disponible dans la barre latérale tout au long du flux.
Remarque
Seules les captures d’écran prises via le device sont affichées ici. Les captures d’écran de Session Replay ne sont pas incluses.
-
Filtrez par version de l’app en utilisant le menu déroulant 'App version' pour Affiner votre sélection de captures d’écran.
-
Cliquez sur ‘Next’ pour créer votre Heatmap.
-
Basculez entre la carte Tap ou Scroll.
Types de Heatmaps
Les Heatmaps mobile offrent deux types de visualisation pour vous aider à comprendre différents aspects du comportement de l’utilisateur sur les écrans de votre app.
Carte Tap
Une carte Tap montre où les utilisateurs tapent sur un écran. Chaque tap est enregistré à sa position exacte et totalisé sur toutes les sessions correspondant à vos critères sélectionnés.
Les couleurs représentent la concentration relative des taps sur l’écran : les zones rouges indiquent une activité de tap plus élevée, le bleu indique une activité de tap plus faible. Les taps sont collectés à la fois sur les éléments fixes (en-têtes, pieds de page) et les éléments défilables (contenu principal de l’écran).
Carte Scroll
Une heatmap de scroll vous montre jusqu'où les utilisateurs ont fait défiler votre écran. La superposition colorée indique le pourcentage d'utilisateurs ayant atteint chaque portion de l'écran : le rouge signifie que la plupart des utilisateurs ont fait défiler jusqu'à ce point, le bleu signifie que peu l'ont fait. Survolez une zone pour voir le pourcentage exact.
Les scroll maps utilisent des métriques d'exposition pour suivre les positions des éléments et les événements de scroll pendant une vue d'écran.
La métrique de ligne de flottaison moyenne, le point visible le plus bas lors du chargement initial d'un écran, n'est pas encore disponible pour les heatmaps mobile.
Gérez votre Heatmap
Changer votre capture d’écran
-
Lorsque vous visualisez une heatmap, cliquez sur l'icône image pour ouvrir le menu.
-
Sélectionnez 'Ajouter une nouvelle capture d’écran.'
-
Choisissez une nouvelle capture d’écran parmi les options suggérées, ou capturez une nouvelle capture d’écran avec le code QR.
- Suivez les étapes à l'écran pour mettre à jour votre capture d’écran.
Changer la capture d’écran n'affectera pas vos filtres, la gamme de dates, ni les autres paramètres d’analyse.
Partager une Heatmap
-
Lorsque vous visualisez votre heatmap, cliquez sur le bouton 'Partager' en haut à droite.
-
Cliquez sur le bouton 'Copier le lien' et envoyez-le aux autres utilisateurs qui ont accès à votre projet Contentsquare.
Utiliser les raccourcis
Depuis votre analyse de heatmap, vous pouvez accéder directement aux outils associés :
- Session Replay : Cliquez sur « Voir les replays » pour accéder au Session Replay lié à votre segment actuel.
- Impact : Visualisez l’Impact des taps sur vos objectifs de conversion pour comprendre quelles interactions génèrent des résultats business.
FAQ
Quelle est la limite actuelle des données ?
Les données de heatmap sont échantillonnées à 100 000 Vues d’écran. Pour des raisons de performance, les Heatmaps Mobile analysent uniquement les données provenant d’un maximum de 100 000 Vues d’écran. Si votre écran reçoit plus de trafic, le système échantillonnera les données proportionnellement.
Quelle est la précision du tagging des vues d’écran ?
Si plusieurs écrans partagent le même ID ou nom de Vue d’écran, Contentsquare totalisera les données de tous ces écrans sur une seule Heatmap. Cela entraîne des visualisations imprécises ou disproportionnées. Assurez-vous que chaque écran possède un identifiant unique dans votre plan de tagging.
Comment le Contenu Dynamique est-il géré dans les Heatmaps ?
Les interactions sur le Contenu Dynamique qui apparaissent en fonction des actions utilisateur (comme les modals, pop-ups ou panneaux extensibles) sont incluses dans les calculs d’interaction, même lorsque le contenu dynamique n’est pas visible dans la capture d’écran. Cela peut affecter la précision du positionnement des taps. De même, le contenu dynamique qui modifie la position d’autres éléments IU (comme les panneaux repliables qui repoussent le contenu vers le bas) peut réduire la précision de la Heatmap.
Quelles sont les autres limitations liées aux devices ?
Les Heatmaps Mobile ne supportent actuellement pas :
- Les Tablettes : seuls les formats téléphone sont supportés.
- Le scroll horizontal : seul le scroll vertical peut être suivi.
- Plusieurs containers verticaux au même niveau hiérarchique.
- La rotation du device : l’orientation paysage n’est pas supportée.
La ligne de flottaison moyenne est-elle disponible sur les Heatmaps Mobile ?
La ligne de flottaison moyenne n’est pas encore disponible. Rappel : la ligne de flottaison moyenne sur votre écran est le point le plus bas visible à l’écran lorsqu’un utilisateur ouvre une application écran avant d’avoir effectué un quelconque scroll.