Sections et étapes

1. Structure d’un tutoriel guidé

Voici un aperçu d’un tutoriel guidé structuré du point de vue de la personne qui l’utilise ou qui le crée.

Ce que l’utilisateur ou l’utilisatrice voit

Les tutoriels pratiques constitués d’instructions détaillées montrent étape par étape comment créer des expériences dans différents produits Adobe. 

Ces tutoriels intégrés figurent dans le panneau Découvrir de PS et de PsW, tandis que pour Express, ils se trouvent dans le panneau Apprendre.

CE QUE VOUS CRÉEZ

Les sections, étapes et notes sont les composants de votre tutoriel.

• Sections : les tutoriels comprennent plusieurs sections, chacune prenant la forme d’une liste d’étapes numérotées et pouvant contenir une image ou une vidéo en guise d’aide visuelle. 
  • Une section est un thème ou un jalon qui résume ce que l’utilisateur ou l’utilisatrice va accomplir en suivant les étapes indiquées. 
• Étapes : il s’agit de la liste des actions numérotées à effectuer au sein d’une section pour progresser dans le tutoriel.
  • Efforcez-vous de vous limiter à une seule action par étape.
• Notes : elles fournissent des informations supplémentaires sur une étape donnée.

Pour savoir comment créer des sections et des étapes, cliquez sur Création d’un tutoriel > Tutoriels.

2. Création de sections, d’étapes et de notes

Tous les tutoriels et modèles que vous créez dans TBW se composent de sections, d’étapes et de notes. Votre travail consiste à organiser le contenu efficacement, en divisant le tutoriel en sections faciles à gérer.

Chaque section contient une série d’étapes et parfois des notes. Évitez de rattacher des étapes successives à deux sections différentes. Toutes les étapes sont numérotées, mais pas les notes, qui fournissent un complément d’information. 

Adoptez un style clair et concis pour la rédaction des étapes. Leur contenu doit apparaître en intégralité sans qu’il soit nécessaire de faire défiler la page. De plus, les textes longs provoquent une certaine lassitude. Efforcez-vous de susciter l’intérêt de l’utilisateur ou de l’utilisatrice pour lui donner envie de poursuive le tutoriel jusqu’au bout.

• Commencez chaque étape par un verbe d’action indiquant à l’utilisateur ce qu’il doit faire.
  • Exemple : Cliquez sur l’icône Plus pour étendre la sélection.
• Indiquez des valeurs approximatives dans les étapes.
• Spécifiez une valeur approximative pour chaque curseur ou champ numérique que vous demandez à l’utilisateur ou à l’utilisatrice de modifier.
  • Exemple : Faites glisser le curseur Clarté jusqu’à environ +20 pour augmenter le contraste des tons moyens.
• Précisez la finalité des étapes.
  • Le résultat d’une instruction
    • Exemple : Faites glisser le curseur Opacité jusqu’à environ 80 pour accentuer la transparence de l’illustration.
  • Les raisons d’utiliser un workflow ou un outil spécifique
    • Exemple : Tracez une zone de texte pour le paragraphe. Le texte Paragraphe se déploie à l’intérieur de la zone, ce qui est utile lorsque vous avez beaucoup de texte à ajouter.
• Utilisez des notes pour expliciter certains « pourquoi ».
  • Si l’espace d’une étape est insuffisant pour insérer des « pourquoi » importants, ajoutez juste après une note contenant le « pourquoi » sans action indiquée par une étape. Veillez toutefois à utiliser les notes avec parcimonie, car l’objectif est d’inciter à interagir et à cliquer dans le tutoriel.
• Ne suggérez pas de workflows alternatifs, en particulier dans les tutoriels pour les néophytes.