Jetez un coup d'œil au nouveau panneau Enregistreur (fonctionnalité en preview) grâce à la vidéo ci-dessous.
Suivez ce tutoriel pour apprendre à utiliser le panneau Enregistreur afin d'enregistrer, de relire et de mesurer les parcours utilisateur.
Pour savoir comment partager les parcours utilisateur enregistrés, les modifier et les étapes associées, consultez la documentation de référence sur les fonctionnalités de l'Enregistreur.
Ouvrir le panneau "Enregistreur"
- Accédez aux outils de développement.
Cliquez sur Plus d'options
> Plus d'outils > Enregistreur.
Vous pouvez également ouvrir le panneau Enregistreur à l'aide du menu de commandes.
Introduction
Nous utiliserons cette page de démonstration sur la commande de café. Le paiement est un flux utilisateur courant sur les sites de vente en ligne.
Dans les sections suivantes, nous vous expliquerons comment enregistrer, revoir et auditer le processus de paiement suivant avec le panneau Enregistreur:
- Ajoute un café au panier.
- Ajoute un autre café au panier.
- Accédez à la page du panier.
- Retirez un café du panier.
- Commencez le processus de paiement.
- Saisissez les détails du paiement.
- Procédez au paiement.
Enregistrer un flux utilisateur
- Ouvrez cette page de démonstration. Cliquez sur le bouton Démarrer un nouvel enregistrement pour commencer.
- Saisissez "paiement du café" dans la zone de texte Nom de l'enregistrement.
Pour en savoir plus, consultez Comprendre les sélecteurs.
1. Cliquez sur le bouton Démarrer un nouvel enregistrement. L'enregistrement est lancé. Le panneau Enregistrement... indique que l'enregistrement est en cours.
1. Cliquez sur Cappuccino pour l'ajouter au panier.
1. Cliquez sur Americano pour l'ajouter au panier. Notez que l'Enregistreur affiche les étapes que vous avez effectuées jusqu'à présent.
1. Accédez à la page du panier et supprimez Americano de celui-ci.
1. Cliquez sur le bouton Envoyer pour finaliser le processus de règlement.
1. Dans le panneau Enregistreur, cliquez sur le bouton 
Arrêter l'enregistrement pour mettre fin à l'enregistrement.
Revoir un flux utilisateur
Après avoir enregistré un parcours utilisateur, vous pouvez le relire en cliquant sur le bouton 
Relecture.
Vous pouvez revoir la relecture du flux utilisateur sur la page. La progression de la relecture est également indiquée dans le panneau Enregistreur.
Si vous avez fait un mauvais clic pendant l'enregistrement ou si quelque chose ne fonctionne pas, vous pouvez déboguer votre flux utilisateur: ralentir la relecture, définir un point d'arrêt et l'exécuter étape par étape.
Simuler un réseau lent
Vous pouvez simuler une connexion réseau lente en configurant les paramètres de rediffusion. Par exemple, développez Paramètres de relecture, puis sélectionnez 3G lente dans la liste déroulante Réseau.
D'autres paramètres pourraient être acceptés à l'avenir. Indiquez-nous les paramètres de rediffusion que vous souhaitez définir.
Mesurer un parcours utilisateur
Vous pouvez mesurer les performances d'un parcours utilisateur en cliquant sur le bouton Mesurer les performances. Par exemple, le paiement est un flux utilisateur essentiel sur un site Web d'achat. Le panneau Enregistreur vous permet d'enregistrer une seule fois le processus de règlement et de le mesurer régulièrement.
Lorsque vous cliquez sur le bouton Mesurer les performances, déclenchez une nouvelle lecture du parcours utilisateur, puis ouvrez la trace des performances dans le panneau Performances.
Découvrez comment analyser les performances d'exécution de votre page à l'aide du panneau Performances. Vous pouvez cocher la case Signaux Web dans le panneau Performances pour afficher les métriques Signaux Web et identifier des opportunités d'améliorer l'expérience de navigation des utilisateurs.
Modifier les étapes
Examinons les options de base permettant de modifier les étapes du workflow enregistré.
Pour obtenir la liste complète des options de modification, reportez-vous à la section Modifier les étapes de la documentation de référence des éléments géographiques.
Développer les étapes
Développez chaque étape pour en afficher les détails. Par exemple, développez l'étape Cliquer sur l'élément "Cappuccino".
L'étape ci-dessus montre deux sélecteurs. Pour en savoir plus, consultez Comprendre le sélecteur d'enregistrement.
Lors de la relecture du parcours utilisateur, l'Enregistreur tente d'interroger l'élément avec l'un des sélecteurs, dans l'ordre. Par exemple, si l'Enregistreur interroge correctement l'élément avec le premier sélecteur, il ignore le deuxième sélecteur et passe à l'étape suivante.
Ajouter et supprimer des sélecteurs dans une étape
Vous pouvez ajouter ou supprimer des sélecteurs. Par exemple, vous pouvez supprimer le sélecteur 2, car seul aria/Cappuccino est suffisant dans ce cas. Pointez sur le sélecteur 2, puis cliquez sur - pour le supprimer.
Modifier les sélecteurs dans une étape
Vous pouvez également modifier le sélecteur. Par exemple, si vous souhaitez sélectionner Mocha au lieu de Cappuccino, vous pouvez:
Remplacez la valeur du sélecteur par aria/Mocha.
Vous pouvez également cliquer sur le bouton Sélectionner
, puis sur Mocha sur la page.Relancez le flux maintenant. Il devrait sélectionner Mocha au lieu de Cappuccino.
Essayez de modifier d'autres propriétés de l'étape, comme type, target, value, etc.
Ajouter et supprimer des étapes
Vous pouvez également ajouter et supprimer des étapes. Cela peut s'avérer utile si vous souhaitez ajouter une étape ou supprimer une étape ajoutée par erreur. Au lieu de réenregistrer le flux utilisateur, vous pouvez simplement le modifier:
Effectuez un clic droit sur l'étape à modifier ou cliquez sur l'icône à trois points
située à côté. 
Vous pouvez sélectionner Supprimer l'étape pour la supprimer. Par exemple, l'événement Défilement après l'étape Mocha n'est pas nécessaire.
Imaginons que vous souhaitiez attendre que les neuf cafés s'affichent sur la page avant d'effectuer une étape. Dans le menu de l'étape Mocha, sélectionnez Ajouter une étape avant.
Dans Élément Assert, modifiez la nouvelle étape avec les informations suivantes:
- type: waitForElement
- sélecteur 1: .cup
- opérateur: == (cliquez sur le bouton Ajouter un opérateur)
- nombre: 9 (cliquez sur le bouton Ajouter un nombre)
Relisez le parcours pour voir les modifications.
Étapes suivantes
Félicitations, vous avez terminé le tutoriel !
Pour découvrir d'autres fonctionnalités et workflows (importation et exportation, par exemple) liés à l'Enregistreur, consultez la documentation de référence sur les fonctionnalités de l'Enregistreur.