Introduction
Les scénarios vous permettent de reproduire la navigation de n'importe quel parcours utilisateur, y compris durant les tunnels de conversion, le remplissage de formulaires, les parcours complexes avec zone post-connexion (et plus encore), afin de mesurer les performances de votre site.
Un scénario est composé d'une série d'étapes. Les étapes, elles, sont une combinaison de différentes actions, qui peuvent être soit des interactions de l'utilisateur avec la page, soit des points de contrôle fonctionnels.
Avant de commencer
Lorsque vous créez un suivi de scénario utilisateur, celui-ci peut être exécuté des centaines de fois par jour (selon la fréquence choisie), ainsi nous vous conseillons d'anticiper l'impact sur vos systèmes (analytique, CRM, stocks, etc).
Créer un scénario
Il existe deux méthodes pouvant vous permettre de créer un scénario :
1. [Recommandé] Enregistrer un scénario depuis votre propre navigateur et l'importer
2. Créer manuellement un scénario en suivant les étapes ci-dessous.
Créer manuellement un scénario, des étapes et des actions
Suivez les étapes ci-dessous pour créer un scénario manuellement ou, si vous avez importé un enregistrement depuis votre navigateur et voulez y ajouter des étapes ou actions supplémentaires.
Créer un scénario
1. Rendez-vous dans "Scénarios" dans le menu principal et cliquez "Créer un parcours utilisateur".
2. Nommez votre scénario, choisissez le device et la localisation et configurez les paramètres avancés (si nécessaire) puis, cliquez sur "Enregistrer".
3. Faîtes défiler la page jusqu'à la section des "Perturbations et alertes de scénarios" et utilisez le bouton pour activer, ou au contraire désactiver, les options disponibles :
- Arrêter le scénario dès qu'une étape rencontre une erreur
- Recevoir une alerte par e-mail lorsqu'un point de contrôle échoue et/ou lorsqu'une exécution de scénario a une erreur
Créer une étape
Qu'est-ce-qu'une étape ?
Lors de la création ou de la modification d'un scénario utilisateur, vous devrez gérer une série d'étapes. Une étape est composée d'un nom, d'une description, d'une série d'actions (interactions ou contrôle), de potentielles alertes correspondantes et d'une position dans le scénario (les étapes sont exécutées séquentiellement).
Saisissez le nom de l'étape et sélectionnez "Créer et configurer l'étape" (nommez clairement chaque étape, car ces détails apparaîtront dans le rapport d'exécution de l'utilisateur).
Chaque étape contient une action enregistrée qui déclenche le test de performance de l'étape (écoute du trafic réseau et enregistrement vidéo).
Créer des actions pour les étapes
Créer l'action enregistrée
1. La première action créée dans une étape est l'action enregistrée : son exécution déclenche l'enregistrement de la vidéo et l'écoute du trafic réseau. Il ne s'arrêtera que lorsqu'une interruption significative du trafic réseau sera détectée.
2. Nommez l'action principale et sélectionnez l'URL sur laquelle votre scénario doit commencer. L'action enregistrée pour votre première étape doit nécessairement être un accès direct à la page, qui sera le point de départ du scénario.
Pour les étapes suivantes, l'action enregistrée ne doit pas être un accès direct, mais émuler une interaction d'utilisateur que vous voulez enregistrer.
La première action d'une étape n'est pas toujours celle que vous voulez analyser. Notez donc que, même si le système l'impose, vous pouvez modifier l'action enregistrée ultérieurement.
3. Cliquez sur "Valider" pour enregistrer l'action.
Ajouter plus d'actions
Cliquez sur le bouton "Ajouter une nouvelle action" et saisissez le nom et le type d'action que vous voulez ajouter.
Les interactions vous permettent de reproduire les actions qu'un utilisateur peut réaliser.
Les contrôles vous permettent de vérifier que la page est dans l'état dans lequel elle est supposée être et d'émettre des avertissements au moment de l'exécution si ce n'est pas le cas.
Les interactions facultatives* vous aident à suivre le parcours d'un utilisateur sur une page qui inclut un élément fluctuant (tel qu'un pop-in qui peut être affiché, mais ne l'est pas toujours).
*Les interactions facultatives ne peuvent pas être utilisées lors de la création ou de la modification d'une action principale. Avant chaque action, nous attendons la présence de l'élément dans le DOM (3 secondes maximum).
Vous pouvez continuer à créer des étapes avec d'autres actions en cliquant sur le bouton "Ajouter une nouvelle étape".
Configurer des actions basées sur les éléments
L'action enregistrée de la première étape d'un scénario est de type : "Accès direct à une URL" car elle définit le point de départ du scénario.
Les autres types d'actions sont tous basés sur les éléments disponibles sur la page web consultée (par exemple, un bouton sur lequel vous voulez cliquer).
Pour identifier un élément, plusieurs méthodes de sélection s'offrent à vous :
XPATH : sélection d'éléments à partir d'un sélecteur xpath.
Exemple : //a [text()="A text"]
.
CSS : sélection d'éléments à partir d'un sélecteur CSS.
Exemple : .container .item
.
TAG : sélection d'éléments à partir d'un nom de tag.
Exemple : h1
.
ID : sélection d'éléments grâce à un identifiant unique.
Exemple : main-content
.
NOM : sélection d'un élément à partir de son attribut nom
.
Exemple : prénom
.
CLASS : sélection d'éléments à partir d'une de leurs classes.
Exemple : main-nav
.
1. Veillez à utiliser un sélecteur précis, qui isole un élément en particulier. Si votre sélecteur correspond à plusieurs éléments de la page, Speed Analysis Lab se basera sur le premier élément qu'il trouvera. Toutefois, le statut de "premier" pourrait évoluer avec les mises à jour de votre site ou les mises à jour de Chrome. Nous vous recommandons donc d'éviter cette approche autant que possible.
2. Lorsque le type d'action l'exige, vous pouvez être amené à remplir un champ "Valeur"
stipulant la valeur à saisir ou à vérifier. Si vous avez besoin d'insérer une chaîne aléatoire, vous pouvez utiliser l'extrait de code ${RANDOM_STRING}
.
3. Le scénario prend en charge l'interaction avec les iframes, même les iframes inter-domaines.
Pour cibler un élément dans une iframe, renseignez le sélecteur en considérant que le document iframe est un document HTML autonome. Assurez-vous que votre sélecteur dans l'iframe est unique et qu'il ne correspond à aucun élément du document parent.
Exécuter le scénario
Utilisez le menu déroulant des actions et sélectionnez "Exécuter maintenant" pour exécuter manuellement le scénario.
Activez un suivi automatisé de votre scénario à partir du même menu "Actions", via l'action "Configurer le suivi". Configurez la programmation et la fréquence du suivi de votre parcours utilisateur.
Vous pouvez désactiver un monitoring en cours à tout moment via le menu "Actions" en choisissant l'option "Désactiver le monitoring", et le réactivez en un clic à tout moment.
Apprenez à analyser les données de scénario utilisateur.
FAQ
1. Comment supprimer une étape ?
Cliquez sur "Gestion" dans la section de l'étape.
Faîtes défiler la page et cliquez sur "Supprimer cette étape".
Supprimer une étape est une action définitive qui implique de supprimer tout l'historique d'exécution de la page des résultats de monitorings.
2. Est-il possible d'utiliser la fonctionnalité de scénario pour suivre les pages sur une SPA (Application à Page Unique) ?
Oui, vous pouvez utiliser la fonctionnalité de scénario pour suivre des pages spécifiques sur une SPA (tunnel SPA) après connexion.