Aperçu des fonctionnalités
Pour vous aider à comprendre les principales fonctions du lecteur de replay, nous l'avons divisé 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'appli et appareil.
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 liste numérotée, dans le coin supérieur gauche.
De là, vous pouvez :
- Voir les informations de la vue d'écran : le chemin d'URL et l'horodatage (le temps relatif depuis le début de la session).
- Voir les événements de la vue d'écran correspondante : utilisez les flèches d'expansion à côté de chaque vue d'écran pour voir les événements qui se sont produits pendant cette vue d'écran.
- Réduire tout : réduire tous les événements de vue d'écran étendus pour visualiser et naviguer facilement dans toutes les vues d'écran répertoriées.
- Quantifier l'impact des événements : utilisez la case à cocher à côté de chaque événement pour passer à la quantification de l'impact et analyser davantage l'impact de cet événement (vous pouvez également quantifier en cliquant sur l'icône d'aperçu depuis la chronologie). Notez que vous pouvez quantifier jusqu'à neuf (9) événements depuis l'écran actuel.
- Raccourci vers les détails de l'erreur (offres avec analyse d'erreurs uniquement) : développez une erreur et cliquez sur « Voir dans l'analyse d'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 des utilisateurs, les événements et plus encore. Entrez des mots-clés dans la barre de recherche pour trouver un écran spécifique, une action ou un événement (recherchez tout terme visible dans la liste).
- Zoom avant (et arrière) sur un écran : survolez la flèche d'agrandissement et cliquez sur l'icône de loupe pour obtenir un aperçu plus détaillé des événements correspondants à l'écran et revisionner l'écran unique. Revenez à la session complète à tout moment.
- Afficher les variables dynamiques : Survolez la flèche d'agrandissement et sélectionnez 'Événements personnalisés' pour voir et copier les Variables Dynamiques (dVars) déclenchées pendant l'écran ou la session.
Chronologie
-
Activité/Inactivité : La ligne épaisse représente l'activité de l'utilisateur pendant le résumé, 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 dans le résumé.
- Remarque : L'inactivité correspond à une durée de 3 secondes après le dernier événement d'activité
- Début/fin de l'écran : Survolez la chronologie pour agrandir un écran et identifier facilement son début et sa fin.
Depuis la barre de chronologie, vous pouvez (en partant de la gauche) :
html- Contrôler la lecture : lire/mettre en pause le résumé, passer à l'écran suivant/précédent, passer aux résumés de session suivants/précédents.
- Voir le temps de lecture : voir le temps de lecture actuel par rapport à l'ensemble du temps de session.
- Zoom avant (et arrière) sur 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. Revenir à la session complète à tout moment.
- Cliquez sur les icônes d'insights : (et sur les Erreurs si applicable à votre offre) pour quantifier, naviguer à travers chacune et voir dans l'analyse d'erreurs (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 un instantané : survolez n'importe quelle partie de la chronologie pour capturer un instantané que vous souhaitez enregistrer pour référence future ou réutiliser pour un zonage.
- Accéder à l'écran suivant ou à la session : à 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
À partir de la droite de la barre supérieure :
- Partager le résumé : cela vous permet de partager un résumé 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 le résumé lui-même.
En savoir plus sur le partage d'un lien de résumé :
Une fois activé, cliquez sur "Partager le résumé", en haut à droite de la barre de menu, et suivez les étapes ci-dessous :
1. Sélectionnez ce que vous souhaitez partager :
a) Écran de visionnage actuel. Remarque :
-
- Si vous partagez avec quelqu'un qui n'est pas un utilisateur de Contentsquare, l'utilisateur ne verra que l'écran de visionnage spécifique et ne pourra pas voir l'intégralité de la session.
- Si vous partagez avec un autre utilisateur de Contentsquare, l'utilisateur sera redirigé vers la plateforme Contentsquare et pourra voir l'intégralité de la session, à partir de l'écran de visionnage pertinent.
b) Résumé complet de la session (y compris tous les écrans de visionnage listés dans le résumé).
2. Sélectionnez avec qui le partager :
a) Seuls les membres de l’équipe sur Contentsquare peuvent visionner le résumé.
b) Quiconque ayant ce lien peut visionner le résumé (pas besoin qu'ils aient 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 aller dans leur boîte de réception où ils recevront un nouveau lien. Ce lien leur permettra d'accéder au résumé.
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 visionner à nouveau le résumé.
- Configurez votre expérience de lecture (en utilisant les icônes en bas à droite) :
Plein écran : Développez le lecteur en plein écran. |
|
Accéder à un autre lecteur : Changez rapidement de lecteur (lecteur de session < > lecteur d'URL). |
|
AJUSTER : Sélectionnez la taille de votre fenêtre de lecture. |
|
Paramètres : modifiez vos paramètres du lecteur et la vitesse de relecture. |
Processus d'automasking
Pour être conforme au RGPD concernant les informations personnelles, la collecte du consentement de l'utilisateur est obligatoire 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 visionneur 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 le Session Replay, afin que vous puissiez choisir le meilleur compromis entre qualité et optimisation de la consommation de données (En savoir plus 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 la consommation de données
- Moyen (par défaut) : FPS & qualité d'image par défaut (compromis entre qualité et consommation de données)
- Élevé : FPS élevés & haute qualité d'image pour optimiser la qualité de la révision.
- Désactivé (uniquement pour le 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 sur 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 :