Une capture est une version statique de votre application qui vous permet d'analyser la manière dont les utilisateurs interagissent avec le contenu d'un écran spécifique.
Dans un zoning, vous pouvez inclure plusieurs captures. Cela rend possible l'analyse de différentes versions d'un écran : par exemple : avant et après la refonte d'un écran, avec un menu fermé puis ouvert...
Prendre une capture
La prise des captures de votre application se fait depuis votre appareil mobile :
1. Cliquez sur l'icône téléphone à côté du nom de votre projet et scannez le QR code qui apparaît pour accéder à votre application.
2. Choisissez l'option "Taper pour prendre une capture".
3. Votre capture est automatiquement enregistrée dans votre bibliothèque des captures de Contentsquare.
Capturer l'écran entier
Si vous voulez capturer l'entièreté de votre écran dans une capture, vous pouvez le faire en utilisant votre device mobile et ce que nous appelons une capture longue :
1. Faîtes défiler le contenu de l'écran jusqu'à ce que vous atteigniez le point où vous désirez arrêtez votre capture / zone.
2. Tapez le bouton de prise de capture pour commencer à enregistrer la capture. Si vous utilisez cette fonctionnalité pour la première fois, un pop-up apparaîtra pour vous expliquer comment procéder pour prendre la capture. Cliquez sur "J'ai compris" pour fermer le pop-up et tappez sur le bouton de capture.
3. Un panneau affichera les progrès de l'envoi de la capture vers la bibliothèque des captures (cela peut prendre un peu de temps si la capture comprend beaucoup d'éléments).
4. Une fois terminée, vous verrez l'écran ci-dessous et votre capture sera ajoutée à la bibliothèque des captures. Vous pouvez maintenant l'utiliser pour créer un zoning !
Utiliser la bonne capture
Selon le Contexte d'analyse que vous définissez (device, période, segment), certaines captures peuvent perdre en pertinence, par exemple, si votre application a été mise à jour depuis, et cela peut impacter les résultats présentés par Zoning Analysis.
Pour obtenir les résultats les plus précis pour votre analyse, il est recommandé que vous sélectionniez les captures pour lesquelles le plus de sessions sont disponibles. Contentsquare se sert de votre Contexte d'analyse pour détecter automatiquement si une version d'application avec davantage de sessions est disponible.
1. Cliquez sur "Version d'application" et sur "Voir" pour ouvrir le panneau latéral et obtenir plus d'informations, notamment des suggestions de version d'application avec un pourcentage de sessions plus important.
2. De là, vous pourrez modifier votre capture (en prendre une nouvelle ou en sélectionner une existante depuis votre bibliothèque) ou ignorer la suggestion.
Utiliser une capture existante de votre bibliothèque de captures
1. Vous pouvez accéder à vos captures existantes lorsque vous changez de capture (comme dans la section précédente) ou en cliquant sur le bouton "Mes captures" lors de l'analyse d'un zoning.
2. Dans votre bibliothèque de captures, survolez l'icône "i" qui présente le pourcentage de sessions pour plus d'informations. Vous pouvez aussi sélectionner une version spécifique de l'application en passant par le menu déroulant "Filtrer par version d'application" et en sélectionnant une des versions listées.
Comment la capture est-elle rendue dans Contentsquare ?
Lorsque vous prenez une capture, nos SDK analysent l'interface utilisateur rendue de l'écran (même certains éléments qui ne sont pas visibles à l'écran à ce moment) et construit un arbre de tous les éléments de l'UI en leur rattachant des propriétés visuelles (position, largeur, hauteur, couleur de fond, image du contenu...).
Grâce à cet arbre, Zoning Analysis est en mesure de rendre les écrans capturés et vous permet donc d'analyser les différents contenus de l'écran via des zones.
Light et dark mode de device
Les captures enregistrées à partir de votre application reflètent la configuration de l'appareil de l'utilisateur final, en ce qui concerne ses paramètres de thème en mode clair (light) ou foncé (dark). Notez toutefois que ce n'est pas le cas pour les captures réalisées à partir de WebViews ou les captures longues sur Android - celles-ci reflèteront plutôt la configuration du mode clair ou foncé de votre propre appareil (à partir duquel vous visualisez la capture).
Plusieurs fenêtre ouvertes sur un seul écran
Dans le cas où plusieurs fenêtres seraient ouvertes sur un même écran (par exemple, l'une au-dessus de l'autre), la capture qui sera prise reflétera la fenêtre active (celle qui est au premier plan). Les fenêtres situées derrière ne seront pas affichées dans la capture.
Supprimer une capture
1. Lorsque vous analysez une capture dans Zoning Analysis, cliquez sur le bouton "Mes captures".
2. Survolez la capture que vous voulez supprimer et cliquez sur l'icône poubelle ("Supprimer").
3. Si la capture est utilisée dans un autre zoning, la modale qui s'affichera à l'écran l'indiquera.
4. Cliquez sur "Supprimer la capture" pour la supprimer de façon permanente (y compris de tous les autres zonings dans lesquelles elle est utilisée).
Résoudre les problèmes sur vos captures
Problème : La capture que vous avez prise ne contient pas la totalité de l'écran.
Cause du problème : Cela est probablement dû au fait que l'écran contient du contenu qui nécessite d'être scrollé, comme les écrans d'accueil, les listes de produits ou même les écrans de détails de produit.
Solution :
- Android : Prenez plusieurs captures de l'écran et enregistrez-les dans le même zoning.
- iOS : Prenez une capture longue de l'écran entier.
Apprenez-en plus ici
Les captures Contentsquare ne peuvent enregistrer que les contenus rendus par l'application. Ce qui se passe dans les cas mentionnés ci-dessus, c'est que le contenu qui n'est pas encore visible n'est pas rendu et il disparaît de l'écran lors du scroll.
Cela s'explique par le fait que les développeurs d'application mobile utilisent souvent des composants d'interface utilisateur spécifiques pour rendre des listes de contenus, leur but étant d'optimiser les performances et la réactivité de l'application en ne rendant que le contenu visible.
Spécifique à Android :
Problème : L'écran que vous voulez capturer ne rend pas correctement sur Android (par exemple : les couleurs d'arrière-plan ne s'affichent pas).
Cause du problème : Contentsquare n'est pas en mesure d'inclure les propriétés de style personnalisés dans les captures. Si des propriétés de style personnalisées ont été utilisées dans le code de votre écran, telle qu'une couleur d'arrière-plan par exemple, celles-ci ne seront pas rendues dans votre capture.
Solution : Utilisez le mode "Capture statique" pour prendre vos captures. Si vous souhaitez avoir l'écran complet, réalisez plusieurs captures des différentes sections et enregistrez-les dans le même zoning.
Apprenez-en plus ici
Les propriétés par défaut sont enregistrées sans prise en compte des propriétés personnalisées. De ce fait, si vous prenez une capture avec le mode par défaut "Capture dynamique", votre capture pourrait avoir des problèmes d'affichage.
Vous pouvez résoudre ce problème avec des captures statiques.
Comment ça marche ?
Les captures statiques vous permettent seulement de capturer la partie visible de l'écran de votre téléphone. Au contraire du mode par défaut, le mode statique utilisera la capture d'écran de l'écran entier (comme la miniature) et construira un arbre des éléments visible de l'interface utilisateur en leur rattachant uniquement les propriétés de style essentielles (position, largeur et hauteur).
Comment l'activer ?
Effectuez une pression longue sur le bouton des captures pour accéder aux paramètres, activez le mode capture statique et prenez vos captures en tapant sur l'icône des captures.
Résolution d'erreur - Explications techniques
Les développeurs utilisent des composants UI spécifiques (UITableView ou UICollectionView pour iOS et RecyclerView pour Android) afin de faciliter l'affichage de grands ensembles de données. Les développeurs peuvent fournir les données et définir l'aspect de chaque élément, et l'interface créera les éléments en question de manière dynamique lorsqu'ils seront requis.
Ces éléments conteneurs individuels sont recyclés. Lorsque l'écran est scrollé et qu'un élément disparait de l'écran, cela ne détruit pas le conteneur. Au contraire, celui-ci est réutilisé pour les nouveaux éléments qui sont apparus à l'écran. Ce phénomène de "recyclage" améliore fortement les performances et la réactivité de l'application et réduit sa consommation d'énergie.
Habituellement, les développeurs n'utilisent pas ces composants d'interface utilisateur spécifiques dans les cas suivants :
Le contenu de l'écran est plus petit que la hauteur du device :
Le contenu de l'écran n'est pas plus grand que le viewport, ce qui signifie que tout le contenu est affiché et donc qu'il n'y a pas besoin de scroller l'écran. Pas de problème avec la capture, elle fonctionne correctement.
Le contenu de l'écran est un peu plus long, mais est rendu :
Si le contenu dépasse légèrement du viewport, les développeurs peuvent tout de même décider de créer tous les éléments, même ceux qui sont un peu plus bas sur l'écran et ne sont pas encore visibles.
Dans ce cas, Contentsquare sera en mesure de prendre une capture (mode par défaut sur iOS ou sur Android) de tous les éléments UI qui ont été rendus, même s'ils requièrent de scroller un peu.