Création d'une visite guidée du produit

Ce didacticiel montre comment créer une visite guidée du produit dans le cadre du scénario Attended pour l'adoption numérique. Ce scénario vise à augmenter la productivité et l'expérience des utilisateurs et à optimiser les produits en général. Ce didacticiel, en particulier, montre comment créer une visite guidée pour le site Wikipedia.

Les étapes ci-dessous offrent un aperçu de la création d'une visite guidée pour le site Web Wikipedia :

1. Créez un workflow distinct pour afficher les légendes (show callout.xaml). Dans ce workflow, vous devez parcourir chaque étape et l'afficher à l'intérieur de la légende. Pour rendre l'expérience de visite précise, configurez la logique avancée sur les composants de formulaire. De cette façon, vous pouvez, par exemple, désactiver le bouton Retour (Back) lors de l'affichage de la première étape de la visite.
   
   

   

   
   
2. Créez plusieurs workflows de déclencheur pour les actions possibles de l'utilisateur dans la légende, telles que :
   1. Lorsque l'utilisateur clique sur Suivant (Next) (cliquer sur next.xaml)
   2. Lorsque l'utilisateur clique sur Retour (Back) (cliquer sur back.xaml)
   3. Lorsque l'utilisateur clique sur Ignorer (Skip) (cliquer sur skip.xaml)
   4. Lorsque l'utilisateur clique sur Terminer (Finish) (cliquer sur terminer.xaml)

   Vous pouvez y parvenir à l'aide de l'activité Déclencheur de formulaire (Form Trigger).

   
   

   

   
   
3. Dans le workflow principal, affichez un formulaire qui souhaite la bienvenue à l'utilisateur et lui demande s'il est prêt à commencer la visite. Vous pouvez y parvenir en créant un fichier formulaire, puis en l'affichant à l'aide de l'activité Afficher le formulaire (Show Form) (welcome.uiform).
4. Créez un fichier CSV qui contient tous les éléments d'IU (interface utilisateur) et les étapes correspondantes utilisées dans la visite. Séparez les informations en deux colonnes :
   1. Sélecteur (Selector) : la valeur de l'élément d'IU. Vous pouvez obtenir la valeur d'un élément d'IU à l'aide de UIExplorer.
      
      

      

      
      
   2. Message : le message que vous souhaitez indiquer à côté de l'élément d'IU.
5. Lisez le fichier CSV créé à l'étape 2 et enregistrez-le dans une variable globale. Vous pouvez y parvenir en utilisant l'activité Lire un fichier CSV (Read CSV) et le panneau du gestionnaire de données pour créer la variable globale.
6. Pour afficher le nombre d'étapes restantes dans chaque légende, enregistrez le nombre d'étapes dans une variable globale.
7. Lorsque vous ouvrez le site Web Wikipedia, invoquez show.callout.xaml et exécutez tous les déclencheurs locaux en parallèle. Cela vous permet d'afficher la légende pour chaque étape, en fonction des actions qu'un utilisateur effectue dans une légende.
   
   

   

   
   

Exemple de projet

Découvrez comment créer cette visite guidée du produit en vous inspirant de cet exemple de projet.

Exemple de vidéo

Regardez la vidéo ci-dessous qui vous guide dans la conception de l'exemple de workflow, puis dans son test.