Une capture est une version statique de votre application qui vous permet d'analyser comment les utilisateurs interagissent avec le contenu sur un écran spécifique.
À l'intérieur d'un zoning, vous pouvez analyser plusieurs captures. Cela permet d'analyser différentes versions d'un écran, par exemple, avant et après une refonte de l'écran ou avec un menu ouvert et fermé.
Comment capturer une capture
Vous capturez une capture de votre application en utilisant votre appareil mobile :
1. Cliquez sur l'icône de téléphone à côté du nom de votre projet et scannez le code QR qui se génère pour accéder à votre application.
2. Appuyez sur l'option ‘Appuyer pour prendre une capture’
3. Votre capture sera automatiquement enregistrée dans votre bibliothèque de captures Contentsquare.
Comment capturer l'écran entier
Si vous souhaitez capturer l'ensemble de votre écran dans une capture, vous pouvez le faire en utilisant votre appareil mobile et ce qu'on appelle une Long Capture :
1. Faites défiler le contenu de l'écran jusqu'à ce que vous atteigniez la fin souhaitée de votre capture/zone.
2. Appuyez sur le bouton de capture pour commencer votre capture. Si vous utilisez la capture pour la première fois, une fenêtre contextuelle apparaît expliquant comment compléter la capture. Cliquez sur ‘Compris !’ pour fermer la fenêtre contextuelle et appuyez à nouveau sur le bouton de capture.
3. Un panneau affichera la progression de l'envoi de la capture à la bibliothèque de captures (cela peut prendre un peu plus de temps si de nombreux éléments ont été capturés).
4. Une fois terminé, vous verrez l'écran ci-dessous et votre capture sera ajoutée à la bibliothèque de captures. Vous pouvez maintenant l'utiliser pour créer un zoning !
Comment utiliser la bonne capture
En fonction du contexte d'analyse que vous définissez (appareil, fourchette de dates, segment), les captures peuvent être moins pertinentes si votre application a depuis été mise à jour, et cela peut impacter vos résultats d'analyse de zoning.
Pour obtenir les résultats les plus précis pour votre analyse, il est recommandé de sélectionner des captures qui ont le plus de sessions disponibles. Contentsquare utilise votre contexte d'analyse pour détecter automatiquement si une version de l'application avec plus de sessions est disponible.
1. Cliquez sur ‘Version de l'application’ et 'Afficher' pour ouvrir le panneau latéral pour plus d'informations, y compris les versions d'application suggérées qui ont un pourcentage plus élevé de sessions.
2. À partir de là, vous pouvez changer votre capture (en en capturant une nouvelle ou en sélectionnant une existante dans votre bibliothèque) ou ignorer la suggestion.
Comment utiliser une capture existante de votre bibliothèque de captures
1. Vous pouvez accéder à vos captures existantes lors du changement d'une capture (comme ci-dessus), ou en cliquant sur 'Mes captures' lors de l'analyse d'un zoning.
2. Dans votre bibliothèque de captures, survolez l'icône 'i' qui affiche le pourcentage de sessions pour plus d'informations. Vous pouvez également sélectionner une version spécifique de l'application en utilisant le menu déroulant ‘Filtrer par version d'application’ et en sélectionnant l'une des versions d'application listées.
Comment la capture est-elle rendue dans Contentsquare ?
Lorsque vous prenez une capture, nos SDK analyseront l'IU rendue de l'écran (même certains éléments non visibles à l'écran à ce moment-là), et construiront un arbre de tous les éléments de l'IU, en attachant des propriétés visuelles à chacun d'eux (position, largeur et taille, couleur d'arrière-plan, image du contenu…).
Avec cet arbre, le module de zoning peut rendre l'écran capturé, vous permettant d'analyser le contenu différent à l'écran via des zones.
Mode clair et mode sombre de l'appareil
Les captures prises depuis votre application refléteront la configuration du mode clair ou sombre des paramètres de thème de l'appareil de votre utilisateur final. Cependant, notez que ce n'est pas le cas pour les captures prises depuis des WebViews ou des Long Snapshots sur Android - celles-ci refléteront plutôt la configuration du mode clair ou sombre de votre propre appareil (où vous visualisez la capture).
Plusieurs fenêtres ouvertes sur un seul écran
Dans les cas où plusieurs fenêtres sont ouvertes sur un seul écran (par exemple, une au-dessus de l'autre), la capture prise reflétera la fenêtre active (la fenêtre la plus en avant). Les fenêtres derrière ne seront pas affichées dans la capture.
Supprimer une capture
1. Lors de l'analyse d'une capture dans l'analyse de zoning, cliquez sur le bouton 'Mes captures'.
2. Survolez une capture que vous souhaitez supprimer et cliquez sur l'icône 'Supprimer'.
3. Si la capture est utilisée dans d'autres zonings, cela sera indiqué sur la modale à l'écran.
4. Cliquez sur 'Supprimer la capture' pour supprimer définitivement la capture (y compris de tous les zonings où elle est utilisée).
Résoudre votre capture
Problème : La capture que vous avez prise ne contient pas tout l'écran.
Ce qui cause cela : Cela est très probablement dû au fait que l'écran contient du contenu qui nécessite de faire défiler, comme les écrans d'accueil, les listes de produits ou les détails des produits.
Solution :
- Android : Capturez plusieurs captures de l'écran et enregistrez-les dans le même zoning.
- iOS : Prenez une longue capture pour capturer l'ensemble de l'écran.
En savoir plus ici
Une capture Contentsquare ne peut capturer que le contenu qui est rendu par l'application. Ce qui se passe, c'est que dans les cas mentionnés ci-dessus, le contenu qui n'est pas encore visible n'est pas rendu, et le contenu disparaît de l'écran lors du défilement.
La raison est que les développeurs d'applications mobiles utilisent souvent des composants IU spécifiques pour rendre des listes de contenu, dont le but est d'optimiser la performance et la réactivité de l'application en ne rendant que le contenu visible.
Spécifique à Android
Problème : L'écran dont vous souhaitez prendre une capture ne se rend pas bien sur Android (par exemple, les couleurs d'arrière-plan ne s'affichent pas).
Ce qui cause cela : Contentsquare ne peut pas capturer les propriétés de style personnalisé dans la capture. Si des propriétés de style personnalisé ont été utilisées dans le code de votre écran, comme la couleur d'arrière-plan, celles-ci ne seront pas rendues dans votre capture.
Solution : Utilisez le mode de capture statique pour capturer vos captures. Si vous souhaitez avoir l'ensemble de l'écran, capturez plusieurs captures de chaque section et enregistrez-les dans le même zoning.
En savoir plus ici
Les propriétés par défaut sont capturées sans tenir compte des propriétés personnalisées. À cause de cela, si vous capturez une capture dans le mode de capture dynamique par défaut, votre capture peut avoir des problèmes d'affichage.
Vous pouvez résoudre ce problème grâce aux captures statiques.
Comment cela fonctionne-t-il ?
La capture statique ne vous permet de capturer que la partie visible de l'écran de votre téléphone. Contrairement au mode par défaut, le mode statique utilisera la capture d'écran de l'ensemble de l'écran (similaire à la miniature) et construira un arbre d'éléments IU visibles uniquement, en attachant moins de propriétés de style (seulement position, largeur et taille).
Comment l'activer ?
Appuyez longuement sur le bouton de capture pour accéder aux paramètres, activez le drapeau de capture statique, prenez des captures en appuyant sur l'icône de capture.
Résoudre des explications techniques
Les développeurs utilisent des composants IU spécifiques (UITableView ou UICollectionView pour iOS et RecyclerView pour Android) pour faciliter l'affichage efficace de grands ensembles de données. Les développeurs peuvent fournir les données et définir l'apparence de chaque article, et cela créera dynamiquement les éléments lorsqu'ils seront nécessaires.
Ces éléments de container individuels sont recyclés. Lorsqu'un article défile hors de l'écran, son container n'est pas détruit. Au lieu de cela, la vue (container) est réutilisée pour de nouveaux articles qui ont défilé à l'écran. Cette réutilisation améliore considérablement la performance et la réactivité de l'application, et réduit la consommation d'énergie.
En général, les développeurs n'utiliseront pas ces composants IU spécifiques dans ces 2 cas :
Le contenu de l'écran est plus petit que la taille de l'appareil :
Le contenu de l'écran n'est pas plus grand que la zone d'affichage, donc il n'est pas nécessaire de faire défiler car tout le contenu est affiché. Aucun problème de capture d'écran, la capture fonctionne bien.
Le contenu de l'écran est un peu plus long, mais rendu :
Le contenu est un peu plus long que la zone d'affichage, les développeurs peuvent décider de créer tous les éléments, même ceux qui ne sont pas encore visibles à l'écran et un peu plus bas à l'écran.
Dans ce cas, Contentsquare sera capable de capturer une capture (sur iOS ou en mode par défaut Android) de tous les éléments IU qui ont été rendus, même si cela nécessite de faire défiler un peu plus.