Vue d'ensemble des fonctionnalités
Pour vous aider à comprendre les principales fonctions du lecteur de replay, nous l'avons décomposé en quatre (4) composants clés. Cliquez sur chacun pour plus d'informations :
1) Barre de métadonnées : informations relatives à la session de l'utilisateur.
2) Vues d'écran et flux d'événements : une liste de vues d'écran et *événements pour voir exactement où et ce qui se passe dans la session, au fur et à mesure.
3) Chronologie : une chronologie de lecture interactive, qui vous aide à identifier les activités élevées (et faibles), à sauter vers des zones d'intérêt et à analyser davantage.
4) Paramètres et configuration du lecteur : les paramètres en bas à droite vous permettent d'ajuster votre expérience de lecture et les boutons en haut à droite vous permettent de partager le replay avec d'autres, ou de l'ouvrir dans un nouvel onglet.
*Vérifiez la liste des événements collectés
RecordingEventType.SCROLL
RecordingEventType.MOUSE_MOVE,
RecordingEventType.MOUSE_DOWN
RecordingEventType.MOUSE_UP
RecordingEventType.INPUT_TEXT
RecordingEventType.INPUT_SELECT
RecordingEventType.INPUT_CHECKABLE
RecordingEventType.CLICK
RecordingEventType.TOUCH
RecordingEventType.TOUCH_START
RecordingEventType.TOUCH_MOVE
RecordingEventType.TOUCH_END
RecordingEventType.TAP
RecordingEventType.KEYDOWN
RecordingEventType.KEYUP
Barre de métadonnées
Depuis la barre de métadonnées, vous pouvez :
- Voir les données relatives à la session : date et horodatage (basés sur les paramètres du projet utilisateur Contentsquare), version du système d'exploitation, version de l'application et device.
Limitations de la version de l'application
Les versions des applications sont toujours affichées en utilisant quatre chiffres, par exemple 12.0 est affiché comme 12.0.0.0 dans la barre de métadonnées. Toute valeur dépassant 65535 est affichée comme valeur % 65536 (modulo 2¹⁶). Par exemple, 89548 devient 89548 % 65536 = 24,012, donc elle est affichée comme 24012.0.0.0 dans la barre de métadonnées.
Les formats suivants sont pris en charge pour les versions d'application : [w], [w.x], [w.x.y], [w.x.y.z], où w, x, y et z varient de 0 à 65535.
Vues d'écran et flux d'événements
Accédez à la liste des vues d'écran et des événements en cliquant sur le menu de la liste numérotée, dans le coin supérieur gauche.
De là, vous pouvez :
- Voir les informations de screenview : le chemin d'URL et l'horodatage (le temps relatif depuis le début de la session).
- Voir les événements de screenview correspondants : utilisez les flèches d'expansion à côté de chaque screenview pour voir les événements qui se sont produits pendant cette screenview.
- Réduire tout : réduire tous les événements de screenview étendus pour visualiser et naviguer facilement dans toutes les screenviews répertoriées.
- Quantifier l'impact des événements : utilisez la case à cocher à côté de chaque événement pour passer à l'Impact Quantification et analyser plus en détail l'impact de cet événement (vous pouvez également quantifier en cliquant sur l'icône d'insight depuis la chronologie). Note, vous pouvez quantifier jusqu'à neuf (9) événements depuis la screenview actuelle.
- Raccourci vers les détails de l'erreur (plans avec Error Analysis uniquement) : développez une erreur et cliquez sur “Voir dans l'analyse des erreurs” pour afficher la page de détails de l'erreur et/ou la partager avec votre équipe pour une enquête plus approfondie.
- Filtrer et rechercher : concentrez-vous sur l'activité d'intérêt en filtrant les actions utilisateurs, les événements et plus encore. Entrez des mots-clés dans la barre de recherche pour trouver une screenview, une action ou un événement spécifique (recherchez tout terme visible dans la liste).
- Zoom avant sur (et arrière de) une screenview : survolez la flèche d'expansion et cliquez sur l'icône de loupe pour examiner de plus près les événements correspondants d'une screenview et lire la screenview unique. Revenez à la session complète à tout moment.
- Afficher les variables dynamiques : Survolez la flèche d'expansion et sélectionnez 'Événements personnalisés' pour voir et copier les Variables Dynamiques (dVars) déclenchées pendant la screenview ou la session.
Chronologie
-
Activité/Inactivité : La ligne épaisse représente l'activité des utilisateurs pendant la lecture, tandis que la ligne fine représente l'inactivité. Cela vous aide à voir instantanément le niveau d'activité tout au long et où concentrer votre attention lors de la lecture.
- Note : L'inactivité correspond à une durée de 3 secondes après le dernier événement d'activité
- Début/fin de screenview : Survolez la chronologie pour agrandir une screenview et identifier facilement son début et sa fin.
Depuis la barre de chronologie, vous pouvez (en partant de la gauche) :
- Contrôler la lecture : lire/mettre en pause la reprise, passer à l'écran suivant/précédent, passer à la reprise de session suivante/précédente.
- Voir le temps de lecture : voir le temps de lecture actuel par rapport au temps de session total.
- Zoom avant sur (et arrière de) un écran : utilisez l'icône de loupe pour examiner de plus près les événements correspondants d'un écran et lire l'écran unique. Revenez à la session complète à tout moment.
- Cliquez sur les icônes Insights : (et sur les Erreurs si applicable à votre plan) pour quantifier, naviguer à travers chacune et voir dans l'Error Analysis (si des Erreurs sont applicables).
- Ajouter/voir des commentaires : survolez n'importe quelle partie de la chronologie pour ajouter un nouveau commentaire interne, ou cliquez sur n'importe quelle icône de commentaire visible pour voir un commentaire existant.
- Capturer une capture : survolez n'importe quelle partie de la chronologie pour capturer une capture que vous souhaitez enregistrer pour référence future ou réutiliser pour un zoning.
- Aller à l'écran ou à la session suivante : à la fin de chaque écran ou session, utilisez le bouton “Écran suivant” (si vous regardez au niveau de l'écran) ou le bouton “Session suivante” (si vous regardez au niveau de la session).
Paramètres et configuration du lecteur
À droite de la barre supérieure :
- Partager la reprise : cela vous permet de partager une reprise avec une autre personne qui n'a pas de compte Contentsquare. Par exemple, vous pourriez avoir identifié un problème possible que vous souhaitez partager avec votre développeur (qui n'a pas accès à Contentsquare), afin qu'il puisse analyser la reprise lui-même.
En savoir plus sur le partage d'un lien de reprise :
Une fois activé, cliquez sur "Partager la relecture", dans le coin supérieur droit de la barre de menu, et suivez les étapes ci-dessous :
1. Sélectionnez ce que vous souhaitez partager :
a) Écran de visualisation actuel. Note :
-
- Si vous partagez avec quelqu'un qui n'est pas utilisateur de Contentsquare, l'utilisateur ne verra que l'écran de visualisation spécifique et ne pourra pas voir la session complète.
- Si vous partagez avec un autre utilisateur de Contentsquare, l'utilisateur sera redirigé vers la plateforme Contentsquare et pourra voir la session complète, à partir de l'écran de visualisation pertinent.
b) Relecture de la session complète (y compris tous les écrans de visualisation listés dans la relecture).
2. Sélectionnez avec qui partager :
a) Seuls les membres de l'équipe sur Contentsquare peuvent voir la relecture.
b) Quiconque avec ce lien peut voir la relecture (pas besoin d'avoir un identifiant utilisateur pour Contentsquare).
3. Cliquez sur "Copier le lien" puis partagez-le avec votre public cible.
Actions des destinataires du lien:
Les destinataires seront invités à s'authentifier en entrant leur adresse e-mail. Ils doivent ensuite se rendre dans leur boîte de réception où ils recevront un nouveau lien. Ce lien leur permettra d'accéder à la relecture.
Notez que chaque lien est valide pendant 4 heures. Après l'expiration du délai, ils devront passer à nouveau par le processus d'authentification s'ils souhaitent revoir la relecture.
- Configurez votre expérience de lecture (en utilisant les icônes en bas à droite) :
Plein écran : Développez le lecteur en plein écran. |
|
Aller à un autre lecteur : Changez rapidement de lecteur (lecteur de session < > lecteur URL). |
|
ADAPTER : Sélectionnez la taille de votre fenêtre de relecture. |
|
Paramètres : modifier vos paramètres du lecteur et la vitesse de relecture. |
Processus d'automasking
Pour être conforme au RGPD concernant les informations personnelles, il est obligatoire de recueillir le consentement de l'utilisateur avant de collecter sa session. De plus, le contenu de la session est entièrement automasqué à un niveau général, de sorte que tous les textes et images sont masqués. Cette fonctionnalité s'appelle Auto-masking.
À quoi cela ressemble-t-il dans le lecteur pour iOS et Android :
Textes → remplacés par “lalala” Images → remplacées par un espace réservé (arrière-plan gris) Champs de texte, Boutons → remplacés par un rectangle noir |
Textes et images → sont convertis en images fortement pixelisées. Les textes et images apparaîtront très flous afin que le contenu ne puisse pas être identifié |
Niveaux de qualité
Contentsquare fournit différents niveaux de qualité pour la Session Replay, afin que vous puissiez choisir le meilleur compromis entre qualité et optimisation de l'utilisation des données (Plus d'informations sur la consommation de données réseau dans notre documentation technique). Le niveau de qualité est défini par le taux de rafraîchissement et la qualité de l'image.
Trois niveaux de qualité qui peuvent être définis indépendamment pour le Wifi et le réseau cellulaire sont fournis :
- Faible : FPS* réduits & qualité d'image réduite pour diminuer l'impact sur l'utilisation des données
- Moyen (par défaut) : FPS & qualité d'image par défaut (compromis entre qualité et utilisation des données)
- Élevé : FPS élevés & haute qualité d'image pour optimiser la qualité de la replay.
- Désactivé (uniquement cellulaire) : La collecte de session peut être complètement désactivée sur le réseau cellulaire
*FPS : Images par seconde est le taux auquel des images consécutives appelées images apparaissent dans un affichage et forment une image animée.
Voici des exemples visuels illustrant les 3 niveaux de qualité pour iOS et Android :
Niveaux de qualité sur iOS :
Niveaux de qualité sur Android :