Concevoir des visites guidées

Utilisez ces conseils pour vous aider à créer des visites guidées efficaces pour vos utilisateurs.

Planification d’une visite guidée

Avant de commencer à décrire les détails d’une visite guidée, répondez aux questions suivantes.

• Quel est le but de la visite ? Voulez-vous utiliser des légendes qui fournissent des descriptions détaillées de l’interface utilisateur afin que vos utilisateurs puissent mieux comprendre la fonctionnalité ? Ou voulez-vous que l’utilisateur apprenne à effectuer une tâche, par exemple à créer un nouvel incident ? Il est important que vous réfléchissiez à ces questions et que vous fassiez peut-être des recherches avant de commencer à planifier la visite afin de pouvoir décomposer correctement l’objectif global en étapes distinctes.
• Où la visite guidée doit-elle être disponible ? Si vous avez l’intention de guider vos utilisateurs vers l’accomplissement des tâches qu’ils peuvent effectuer quotidiennement, telles que la Catalogue de services commande d’un article ou la création d’un incident, il est logique de rendre la visite guidée disponible sur votre instance de production. Si vous avez l’intention de former des utilisateurs à explorer ces tâches sans créer d’enregistrements réels dans le système, envisagez plutôt de rendre la visite guidée disponible sur une instance de non-production à des fins de formation. Les deux scénarios sont valables.
• Comment devriez-vous nommer votre visite ? Lorsque vous créez une visite guidée, vous êtes invité à fournir un nom de visite guidée. Le nom doit être unique et intuitif afin que vos utilisateurs puissent comprendre le but de la visite guidée. Par exemple, utilisez « Créer un nouvel incident » ou « Examiner la liste d’incidents » comme noms de visite guidée.
• Quelles hypothèses faites-vous concernant ce que l’utilisateur sait déjà de la page ou de la tâche ? Tous les utilisateurs pouvant suivre la visite guidée ont-ils le même niveau de compréhension ? Utilisez ces informations pour décider de la description à fournir au début de la visite guidée afin que tout utilisateur qui effectue la visite guidée comprenne le contenu.
• Si le but de la visite guidée est d’effectuer une tâche, comment pouvez-vous personnaliser les instructions afin que chaque utilisateur crée un enregistrement différent ? Par exemple, si la visite guidée guide les utilisateurs dans la création d’un groupe appelé Installations, vous pouvez empêcher les utilisateurs suivants d’obtenir une erreur de nom en double en leur demandant dans une légende d’affecter une valeur unique au champ Nom du groupe.

Lors de la planification de votre visite, vous pouvez également répondre à ces questions supplémentaires.

• Sur quelle page la visite guidée doit-elle commencer ?
• Quelles sont les étapes importantes pour atteindre l’objectif ?
• Comment un utilisateur doit-il naviguer d’une étape à l’autre ?

Plan de visite guidée

Passez en revue l’exemple de plan suivant pour une visite guidée dont l’objectif est d’explorer la page d’accueil Portail de services .

Notez ces informations clés que vous devrez fournir et les valeurs de champ que vous utiliserez lorsque vous créerez une visite guidée.

• Nom de la visite guidée : Portail de services Vue d’ensemble
• Objectif : les utilisateurs doivent avoir une bonne compréhension de la façon de naviguer dans les éléments clés de la Portail de services page d’accueil
• Nom du portail : Portail de services
• Page de démarrage : Portail de services index d’ID
• Rôles : Tous

Tableau 1. Exemple de plan de visite guidée : Portail de services vue d’ensemble de la page d’accueil

Étape	Légende	Déclencheur
Introduction	Titre : Portail de services Vue d’ensemble Texte : bienvenue dans cette visite guidée de votre nouvelle Portail de services page d’accueil.	Bouton suivant
1	Pointe cet élément : Comment pouvons-nous vous aider ? Emplacement : ci-dessous Texte : Nous commençons par la barre de recherche Comment pouvons-nous vous aider ? . Si vous ne trouvez pas ce que vous cherchez, saisissez-le ici, cliquez sur l’icône Rechercher ou appuyez sur Entrée sur votre clavier. Pour l’instant, nous allons d’abord examiner d’autres domaines.	Bouton suivant
2	Pointe vers cet élément : Commander un article Placement : Haut Texte : si vous souhaitez commander quelque chose, comme un nouveau téléphone, sélectionnez Commander quelque chose.	Bouton suivant
3	Pointe sur cet élément : Base de connaissances Placement : Haut Texte : si vous souhaitez effectuer une recherche dans la base de connaissances, sélectionnez Base de connaissances.	Bouton suivant
4	Pointe vers cet élément : Obtenir de l’aide Placement : Haut Texte : si vous souhaitez obtenir de l’aide pour un problème, sélectionnez Obtenir de l’aide.	Bouton suivant
5	Pointe vers cet élément : Communauté Placement : Haut Texte : si vous souhaitez poser une question à vos collègues, sélectionnez Communauté.	Bouton suivant
6	Pointe vers cet élément : Base de connaissances dans la barre de titre Emplacement : Gauche Texte : vous pouvez également consulter la base de connaissances, commander quelque chose, consulter les demandes que vous avez enregistrées et vérifier d’autres options ici dans la barre de titre.	Bouton suivant
7	Pointe vers cet élément : Votre nom Emplacement : Gauche Texte : consultez votre profil ou déconnectez-vous en cliquant sur votre nom.	Bouton suivant
8	Pointe vers cet élément : logo en haut à gauche Emplacement : ci-dessous Texte : revenez à votre Portail de services page d’accueil en cliquant sur le logo de votre société.	Bouton suivant
En conclusion	Texte : Félicitations ! Vous avez maintenant une compréhension générale de la Portail de services page d’accueil.	Cliquez sur Terminer pour terminer la visite guidée.

Sélection des déclencheurs

Si le but de la visite guidée est de présenter à vos utilisateurs les fonctionnalités d’une page afin qu’ils puissent se familiariser avec le produit, comme un tableau de bord personnalisé, utilisez le bouton Suivant comme déclencheur. Si le but est d’accomplir une tâche, comme la création d’un enregistrement, tenez compte des points suivants.

• Pour renseigner un champ avec un élément de recherche, tel qu’un champ de référence ou un champ de date, n’utilisez pas de déclencheur qui ouvre la fenêtre de recherche. La visite guidée se termine lorsque la fenêtre de recherche s’ouvre. Utilisez l’un des déclencheurs suivants :
  • Bouton suivant : l’utilisateur saisit la valeur ou la recherche et la sélectionne, puis clique sur Suivant.
  • Changer le déclencheur de valeur d’élément : une fois que l’utilisateur a sélectionné la valeur et cliqué en dehors du champ, le déclencheur passe à l’étape suivante.
• Pour certains éléments d’interface utilisateur, vous pouvez utiliser le bouton droit sur le déclencheur Élément. En règle générale, l’action de clic droit est utilisée pour ouvrir un menu, mais vous ne pouvez pas placer une légende sur une option de menu contextuel. Vous pouvez utiliser ce déclencheur dans une visite guidée descriptive où vous souhaitez décrire les options de menu contextuel. Entrez les informations descriptives dans le texte de la légende et demandez à vos utilisateurs de cliquer avec le bouton droit sur l’élément pour consulter le menu. Voici un exemple de ce type de légende.

  

  Lorsque l’utilisateur clique avec le bouton droit sur l’élément, dans ce cas une étiquette de champ, cette instruction disparaît et la suivante apparaît.

• La souris sur le déclencheur Élément est similaire au clic droit sur le déclencheur Élément. Lorsque l’utilisateur pointe sur l’élément, la légende disparaît. Par exemple, si vous montrez qu’un conseil s’affiche lorsque vous pointez sur une étiquette de champ, l’étape de légende disparaît avant que le texte du conseil n’apparaisse. Ce type de déclencheur peut sembler perturber le flux de visite guidée.

Utilisation des légendes

Vous devez placer une légende au-dessus d’un élément pour interagir avec celui-ci. L’élément est mis en surbrillance en bleu lorsqu’il est sélectionné comme cible. Dans l’exemple suivant, il semble que la légende pointe vers l’icône de menu contextuel, mais notez que la barre d’en-tête est mise en surbrillance en bleu.

Figure 1. Positionnement incorrect de la légende pour le menu contextuel

Cet exemple illustre le placement correct de la légende pour le menu contextuel. Notez que l’icône du menu contextuel est mise en surbrillance en bleu.

Figure 2. Corriger le placement de la légende pour le menu contextuel

Les conseils suivants peuvent également être utiles :

• Lorsque vous placez une légende sur un formulaire qui contient des onglets, tenez compte du fait que l’onglet peut ne pas être ouvert pour consultation d’un utilisateur. Créez une légende qui demande à l’utilisateur d’ouvrir d’abord l’onglet avant de poursuivre le reste de la visite guidée.
• Réduisez les légendes sur les champs associés à un contenu dynamique. Une actualisation de page retardée peut mettre fin prématurément à la visite guidée si l’utilisateur ne trouve pas l’élément de visite associé.
• Lorsque vous guidez un utilisateur à travers les fenêtres contextuelles, ajoutez votre légende à la page d’origine sur ou à proximité de l’icône contextuelle. Dans les instructions de la légende, guidez votre utilisateur à travers les étapes prévues pour la fenêtre contextuelle, car les légendes ne peuvent pas être ajoutées à la fenêtre contextuelle.
• Bien que la couleur d’une légende soit statique dans l’interface utilisateur de la plateforme standard, vous pouvez personnaliser les légendes dans Portail de services. Envisagez d’utiliser cette aptitude pour garantir une apparence cohérente entre vos légendes et vos Portail de services pages. Pour plus d’informations sur les visites guidées que vous créez dans Portail de services les pages, voir Demander des visites guidées.

Lancement automatique de votre visite

Lancez automatiquement une visite guidée si vous souhaitez que vos utilisateurs suivent la visite guidée lors de leur première visite de page.

Vous pouvez choisir de lancer automatiquement plusieurs visites à partir d’une seule page de démarrage. Dans ce cas, vous pouvez appliquer l’ordre de lancement automatique à chaque visite guidée successivement afin que vos utilisateurs commencent la deuxième visite lors de la visite de leur deuxième page, leur troisième visite lors de la visite de leur troisième page, et ainsi de suite. Utilisez cette option si vous avez l’intention de démarrer vos utilisateurs avec une visite guidée d’introduction et d’ajouter des niveaux de complexité croissants ou différents domaines d’intérêt avec des visites de suivi.