Guide d'utilisation Annuler

[Ai] Création d’un tutoriel

Cette section explique comment créer un tutoriel dans l’outil Tutorial Builder d’Illustrator.

Remarque :

Pour masquer ou afficher les instructions dans Tutorial Builder, cliquez sur votre photo de profil dans le tableau de bord d’accueil. Vous pouvez activer et désactiver l’affichage du texte d’aide.

Pour accéder à ce guide sur Tutorial Builder à partir d’Illustrator, cliquez sur l’icône de point d’interrogation au bas du panneau. Vous pouvez aussi cliquer sur votre photo de profil dans le tableau de bord d’accueil, puis sur Accéder au Guide de l’auteur.

1. Prise en compte des limites

Tutorial Builder étant toujours en cours de développement, certaines fonctionnalités d’Illustrator ne sont pas prises en charge dans cet outil pour le moment. Par conséquent, mieux vaut choisir des ressources et des workflows qui ne requièrent pas ces fonctionnalités.

Remarque :

drapeau rouge  Tenez compte des limites actuelles de Tutorial Builder.

  • Évitez les fonctionnalités impliquant l’affichage d’une boîte de dialogue (à moins que celle-ci ne soit très simple).
    • Par exemple, évitez les effets paramétrés via des boîtes de dialogue de grande taille et complexes.
  • Évitez les outils non affichés à l’heure actuelle dans la barre d’outils de l’espace de travail Les indispensables.
  • Évitez les outils de dessin dont l’utilisation ne peut pas être expliquée au moyen d’une vidéo MP4, d’un texte et/ou d’une ressource.
  • Évitez les panneaux non pris en charge à l’heure actuelle.

2. Préparation de la création du tutoriel

Préparation

  • Suivez les instructions d’installation fournies par votre Community Manager et installez Illustrator via Creative Cloud Desktop. Installez l’extension Interactive Tutorial Builder en suivant les instructions fournies.
  • Créez vos ressources : fichier de démarrage, image principale et vignette.
  • Planifiez le contenu du tutoriel.

Ouverture du fichier de démarrage

  • Ouvrez le fichier de démarrage en local dans Illustrator.

Démarrage de Tutorial Builder

  • Dans la barre de menus d’Illustrator, choisissez Fenêtre > Extensions > Interactive Tutorial Builder Ai.
  • Le panneau Interactive Tutorial Builder s’ouvre dans votre tableau de bord personnel, où tous les tutoriels sont classés par statut :
    • En cours
    • Envoyé
    • Nécessite une révision
    • Publié 
  • Pour modifier, prévisualiser ou supprimer un tutoriel, cliquez sur les trois points.
  • Pour retourner dans le tableau de bord, cliquez sur l’icône d’accueil.

Création d’un tutoriel

  • Cliquez sur le bouton bleu Créer pour démarrer un nouveau tutoriel.

3. Configuration du tutoriel

Pour configurer votre tutoriel, saisissez un titre, puis chargez le fichier de démarrage.

Saisie du titre du tutoriel

  • Dans le champ Titre de votre tutoriel, saisissez un titre décrivant le sujet abordé. Utilisez des termes qui aideront les utilisateurs à trouver votre tutoriel. Consultez la section Consignes de rédaction dans Tutorial Builder pour plus d’informations sur la création d’un titre.
  •  C’est à la fois le titre que verra l’utilisateur et l’identifiant du document (essentiel pour les recherches).
    • Une fois le titre saisi, vous ne pourrez plus revenir à cet écran et modifier l’identifiant du document.
    • Vous pourrez toutefois changer le titre que verra l’utilisateur à l’écran suivant.
  • Cliquez sur Créer pour passer à l’écran suivant.
Remarque :

drapeau rouge Cliquez sur Terminé pour charger vos ressources.

Lors de l’élaboration du contenu d’une section, après avoir ajouté une ressource, vérifiez qu’elle est entièrement chargée avant de cliquer sur Terminé, sans quoi elle sera ignorée.

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

Créez des sections, des étapes et des notes pour élaborer votre tutoriel. Le nombre maximal de sections dans un tutoriel est de 10. Pour chaque section, efforcez-vous de limiter le nombre d’étapes à trois et le nombre de notes à deux au maximum.

À l’heure actuelle, seuls deux types d’étape (pour la barre de menus et la barre d’outils) permettent d’utiliser un bouton d’enregistrement pour créer des infobulles dans Tutorial Builder. Pour les infobulles de zone de travail et de panneau, vous devez utiliser les menus déroulants et ajouter du texte.

L’icône de lecture permet de prévisualiser les étapes. Si elle s’affiche à chaque type d’étape, elle n’est pas toujours utilisable. Le cas échéant, l’icône de lecture est grisée.

Création d’une section

  • Cliquez sur le bouton bleu Ajouter.
  • Si vous ajoutez une image statique ou une animation pour illustrer la section, activez le bouton Ressource (pour qu’il devienne bleu). 
    • Pour les images statiques, utilisez des fichiers JPG ou JPEG de moins de 600 Ko. 
    • Pour les animations, utilisez des fichiers MP4 de moins de 4 Mo.
    • Dans les deux cas, optez pour une taille de 560 par 280 pixels. 
  • Saisissez un titre de section à l’écran suivant.
    • Décrivez le contenu de la section. 
    • Nous vous recommandons de commencer le titre de vos sections par un verbe d’action résumant ce que l’utilisateur peut accomplir. 
  • Saisissez une description pour la section.
    • Expliquez à l’utilisateur ce qu’il va apprendre.
    • Cette étape permet de fournir du contexte mais reste facultative. Vous pouvez consulter les consignes de rédaction des descriptions.
  • Une fois que vous avez renseigné les informations sur la section, cliquez sur Terminé.
  • Cliquez sur Enregistrer.
  • Pour effectuer des modifications, cliquez sur le bouton Édition.
  • Cliquez sur les trois points pour accéder aux options Supprimer, Monter et Descendre.
Remarque :

drapeau rouge Indiquez en gras le nom des outils et des panneaux.

Lors de la saisie du texte d’une infobulle, efforcez-vous d’indiquer en gras le nom des outils et des panneaux. 

  • Tapez un symbole @ et choisissez le nom de l’outil ou du panneau souhaité dans le menu déroulant qui apparaît. Le nom de la fonctionnalité s’affichera alors en gras dans le texte.
  • Si vous ne voyez pas la fonctionnalité que vous souhaitez utiliser, saisissez son nom sans le symbole @.

Lorsque vous tapez le symbole @ suivi du nom d’un panneau, le texte qui s’affiche dans la zone de texte indique {adobespropertiespanelpanel}. Néanmoins, seul le mot Propriétés apparaît et s’affiche en gras. Vous devrez saisir vous-même le terme « panneau ».

Création d’une étape

  • Cliquez sur le bouton bleu Ajouter.
  • Sélectionnez un emplacement dans le menu déroulant Position.
  • Zone de travail
    • Il n’est pas possible d’effectuer un enregistrement lorsque l’option Zone de travail est sélectionnée.
    • Ajoutez des informations dans le champ Texte pour indiquer à l’utilisateur ce qu’il doit faire.
    • Une fois que vous avez renseigné les informations sur la section, cliquez sur Terminé.
    • Cliquez sur Enregistrer.
    • Pour effectuer des modifications, cliquez sur le bouton Édition.
    • Vous pouvez aussi cliquer sur les trois points pour accéder aux options Supprimer, Monter et Descendre.
Remarque :

drapeau rouge Respectez les bonnes pratiques concernant les options de la barre de menus.

  • La plupart des options de la barre de menus peuvent être enregistrées sous forme d’étapes. Néanmoins, si une option de la barre de menus ne peut pas être enregistrée, ajoutez une nouvelle étape de zone de travail numérotée pour continuer à guider l’utilisateur à travers votre tutoriel.

  • Barre de menus
    • La plupart des options de la barre de menus peuvent être enregistrées sous forme d’étapes.
    •  Cliquez sur le bouton Enregistrement, puis, à l’aide du curseur, indiquez à l’utilisateur ce qu’il doit faire pour compléter l’étape concernée.
      • Une fois l’étape finalisée, cliquez sur Arrêter l’enregistrement.
      • Un enregistrement ne peut pas être modifié. Pour reprendre votre étape, supprimez son enregistrement, puis créez-en un autre en cliquant de nouveau sur Enregistrement.
    • L’étape complétée sera automatiquement ajoutée au champ Texte, qui indique à l’utilisateur la marche à suivre.
    • Cliquez sur Terminé pour enregistrer les informations que vous avez renseignées sur l’étape.
    • Pour prévisualiser l’étape et vérifier ce que l’utilisateur verra, cliquez sur l’icône de lecture.
    • Cliquez sur Enregistrer.
    • Pour effectuer des modifications, cliquez sur le bouton Édition.
    • Vous pouvez aussi cliquer sur les trois points pour accéder aux options Supprimer, Monter et Descendre.
Remarque :

drapeau rouge Créez deux infobulles pour pointer vers un élément de panneau.

  • Il n’est pas possible de créer une infobulle par enregistrement dans un panneau. Pour pointer vers un élément de panneau, utilisez Panneau > Nom du panneau pour la première étape. Vous ajouterez ainsi une infobulle dans la zone appropriée.
  • Pour les éléments de panneau séquentiels, n’indiquez pas le panneau une nouvelle fois, car l’utilisateur est déjà focalisé dessus. Ajoutez plutôt une nouvelle infobulle de zone de travail numérotée pour continuer à guider l’utilisateur dans votre tutoriel.

  • Panneau
    • Dans le menu déroulant Nom du panneau, choisissez Propriétés.
    • Ajoutez des informations dans le champ Texte pour indiquer à l’utilisateur ce qu’il doit faire.
    • Une fois que vous avez renseigné les informations sur la section, cliquez sur Terminé.
    • Cliquez sur Enregistrer.
    • Pour effectuer des modifications, cliquez sur le bouton Édition.
    • Vous pouvez aussi cliquer sur les trois points pour accéder aux options Supprimer, Monter et Descendre.

  • Barre d’outils
    • Cliquez sur le bouton Enregistrement, puis, à l’aide du curseur, indiquez à l’utilisateur ce qu’il doit faire pour compléter l’étape.
      • Une fois l’étape finalisée, cliquez sur Arrêter l’enregistrement.
      • Un enregistrement ne peut pas être modifié. Pour reprendre votre étape, supprimez son enregistrement, puis créez-en un autre en cliquant de nouveau sur Enregistrement.
    • L’étape complétée sera automatiquement ajoutée au champ Texte, qui indique à l’utilisateur la marche à suivre.
    • Cliquez sur Terminé pour enregistrer les informations que vous avez renseignées sur l’étape.
    • Pour prévisualiser l’étape et vérifier ce que l’utilisateur verra, cliquez sur l’icône de lecture.
    • Cliquez sur Enregistrer.
    • Pour effectuer des modifications, cliquez sur le bouton Édition.
    • Vous pouvez aussi cliquer sur les trois points pour accéder aux options Supprimer, Monter et Descendre.
Remarque :

drapeau rouge Utilisez le moins de notes possible.

Une note est un conseil ou une information liée à une étape qui s’affiche dans le panneau.

  • N’incluez pas de consignes ou de formulations directives dans les notes.
  • Efforcez-vous de limiter le nombre de notes à deux par section. 
  • Si l’ajout d’une note implique de devoir faire défiler le texte dans le panneau pour le lire entièrement, raccourcissez-le.

Exemple : le texte Point est utile pour les titres. Le texte Paragraphe est plus indiqué pour saisir une grande quantité de texte.

Création d’une note

  • Cliquez sur le bouton bleu Ajouter.
  • Ajoutez des informations dans le champ Texte pour expliquer à quoi sert l’étape.
  • Une fois que vous avez renseigné les informations sur la section, cliquez sur Terminé.
  • Cliquez sur Enregistrer.
  • Pour effectuer des modifications, cliquez sur le bouton Édition.
  • Vous pouvez aussi cliquer sur les trois points pour accéder aux options Supprimer, Monter et Descendre.
Remarque :

drapeau rouge Utilisez les fonctionnalités de prévisualisation.

Vous pouvez prévisualiser la totalité du tutoriel ou seulement une étape. Il n’est toutefois pas possible de prévisualiser toute une section en une seule fois. 

5. Prévisualisation au fur et à mesure

Prévisualisation des étapes

  • Vous pouvez prévisualiser séparément les étapes créées au fil de l’élaboration de votre tutoriel.
  • Une icône de lecture s’affiche après avoir créé une étape et cliqué sur Terminé.
  • Pour revoir l’étape, cliquez sur l’icône de lecture.
  • Si l’étape a été correctement créée, cliquez sur Enregistrer en haut à droite de la fenêtre du tutoriel.

Prévisualisation de ce que vous avez créé jusque-là

  • Cliquez sur le bouton Enregistrer en haut de la fenêtre de Tutorial Builder.
  • Cliquez sur le bouton Aperçu.
  • Cliquez sur Démarrer le tutoriel pour lancer le tutoriel depuis le début.
  • Suivez les instructions pour découvrir le tutoriel du point de vue de l’utilisateur. 
  • Remarque : pour apporter des modifications à votre tutoriel, quittez le mode Aperçu. Pour quitter l’aperçu du tutoriel, cliquez sur Fin.

6. Fin de la création du tutoriel

  • Cliquez sur Suivant ou sur l’onglet Terminer pour compléter le tutoriel.
  • Cliquez sur Sélectionner un fichier à charger et accédez à votre fichier de démarrage.
    • Il s’agit du fichier qu’Illustrator téléchargera et ouvrira lorsque l’utilisateur lancera le tutoriel. Vous devez charger un fichier AI ou AIT de moins de 5 Mo. 
    • Incluez les crédits des images.
      • Si l’image vous appartient, cochez la case Inclure votre nom.
      • Si l’image ne vous appartient pas exclusivement, décochez la case Inclure votre nom et ajoutez la liste des contributeurs.
        • Indiquez le nom de toutes les personnes ayant travaillé sur le fichier de démarrage et ses ressources, y compris les contributeurs Adobe Stock. Séparez les noms par des virgules. 
  • Rédigez un message dans le champ Message d’accomplissement.
    • Ce texte s’affiche lorsque l’utilisateur termine le tutoriel. Utilisez-le pour le féliciter et récapituler ce qu’il a appris. 
Remarque :

drapeau rouge Si vous avez des doutes concernant les balises à utiliser dans l’un des champs ci-dessous, consultez la section Consignes de balisage.

  • Renseignement du niveau de compétence
    • Le niveau de compétence concerne le sujet traité par le contenu, et non le vôtre ou celui de l’utilisateur.
    • Cliquez dans le champ, puis sélectionnez une option dans le menu déroulant.
    • Si vous décidez finalement qu’une balise en particulier ne convient pas au contenu, vous pouvez toujours la supprimer en cliquant sur la croix qui se situe à côté. 
    • Trois balises de niveau de compétence sont disponibles. Vous devez en choisir une seule. 
  • Renseignement du champ créatif
    • Cliquez sur le menu Champ créatif, puis saisissez le symbole @ et sélectionnez un ou plusieurs domaines créatifs ou d’expertise auxquels votre contenu pourrait être généralement associé.
    • Vous pouvez faire votre choix au sein d’une courte liste de balises de champ créatif. Le nombre de balises disponibles varie selon l’application concernée.
    • Choisissez au moins un champ créatif, et autant que nécessaire. 
    • Si vous décidez finalement qu’une balise en particulier ne convient pas au contenu, vous pouvez toujours la supprimer en cliquant sur la croix qui se situe à côté. 
  • Renseignement des rubriques abordées
    • Les balises de rubrique reflètent l’objectif général ou le sujet du contenu.
    • Dans le champ Rubriques abordées, saisissez le symbole @ et choisissez une ou plusieurs rubriques pertinentes dans le menu.
    • Choisissez au moins une balise de rubrique. Vous pouvez en ajouter jusqu’à cinq pour votre tutoriel. 
    • Si vous décidez finalement qu’une balise en particulier ne convient pas au contenu, vous pouvez toujours la supprimer en cliquant sur la croix qui se situe à côté. 

  • Renseignement des tâches
    • Il s’agit des actions effectuées par l’utilisateur lorsqu’il suit les instructions relatives au contenu.
    • Vous pouvez sélectionner autant de balises de tâche que nécessaire, tant que les tâches correspondantes sont mentionnées dans le tutoriel.
    • Saisissez le symbole @ et choisissez une ou plusieurs tâches dans le menu. 
    • Si vous décidez finalement qu’une balise en particulier ne convient pas au contenu, vous pouvez toujours la supprimer en cliquant sur la croix qui se situe à côté. 
  • Renseignement des outils et fonctionnalités
    • Cette catégorie rassemble les fonctionnalités spécifiques de l’application utilisée pour réaliser les tâches : outils, panneaux, commandes de menu, etc.
    • S’il est possible de sélectionner autant de balises d’outil que souhaité, veillez à utiliser uniquement les outils, panneaux et commandes de menu mentionnés dans votre tutoriel.
    • Saisissez le symbole @ et choisissez un ou plusieurs outils dans le menu.
    • Si vous décidez finalement qu’une balise en particulier ne convient pas au contenu, vous pouvez toujours la supprimer en cliquant sur la croix qui se situe à côté.

  • Chargez votre vignette.
    • Cette image carrée s’affiche en regard du titre du tutoriel dans les résultats de recherche. Elle doit illustrer le résultat final ou l’état « d’après » du tutoriel. 
    • Les vignettes doivent être au format PNG, JPG ou JPEG, mesurer 740 par 740 pixels et peser moins de 200 Ko. 
  • Chargez votre image principale.
    • Cette image de bannière apparaît lorsqu’un utilisateur clique sur votre tutoriel pour en savoir plus avant de commencer. Elle doit illustrer les états « d’avant » et « d’après » du tutoriel, ou uniquement le résultat final. 
    • Les images principales doivent être au format PNG, JPG ou JPEG, mesurer 1 200 par 600 pixels et peser moins de 600 Ko.
  • Cliquez sur Enregistrer.

7. Aperçu final

Lorsque vous avez fini de créer un tutoriel, assurez-vous de le prévisualiser intégralement, tel que le verront les utilisateurs.

  • Cliquez sur le bouton Enregistrer en haut de Tutorial Builder.
  • Cliquez sur le bouton Aperçu.
  • Cliquez sur Démarrer le tutoriel pour lancer le tutoriel depuis le début.
  • Suivez les instructions pour découvrir le tutoriel du point de vue de l’utilisateur. 
  • Pour apporter des modifications à votre tutoriel, quittez le mode Aperçu. Pour quitter l’aperçu du tutoriel, cliquez sur Fin.

8. Finalisation et envoi du tutoriel

  • Cliquez sur le bouton Enregistrer en haut de Tutorial Builder. Si vous le souhaitez, cliquez à nouveau sur Aperçu pour apporter la touche finale à votre tutoriel.
  • Pour le modifier, cliquez sur Créer en haut de l’écran afin de revenir aux sections et aux étapes dans Tutorial Builder.
  • Cliquez sur le bouton Envoyer en bas de l’écran Terminer une fois le tutoriel finalisé.
    • Le tutoriel sort alors de la file d’attente En cours de votre tableau de bord et reste inaccessible jusqu’à réception de la notification de révision.

9. Révision du tutoriel

Étape 1 : notification

  • Lorsque vous envoyez votre tutoriel, un certificateur le révise, puis vous recevez une notification par e-mail vous informant de sa validation ou de la nécessité d’effectuer des actions supplémentaires.
    • Ne vous en faites pas si vous recevez une notification Action requise. Elle signifie simplement que vous devez apporter quelques modifications.

Étape 2 : modification

  • Si vous recevez une notification Action requise, consultez votre document Rubriques pour [auteur].
    • Les modifications demandées sont répertoriées à la section Consulter les commentaires.
    • Pour toute question ou commentaire concernant les modifications, contactez votre Community Manager.
  • Apportez les modifications demandées dans Tutorial Builder.
    • Dans le tableau de bord de Tutorial Builder, cliquez sur les trois points en regard du tutoriel, puis choisissez Édition.
    • Apportez les modifications demandées.
    • Cliquez sur Envoyer.

Étape 3 : finalisation

  • Une fois les modifications effectuées, vous recevez une autre notification de validation ou de refus du tutoriel.
    • Si le tutoriel est refusé à ce stade, répétez l’étape 2 : modification.
    • Votre travail est terminé lorsque le tutoriel est validé. Merci !
Logo Adobe

Accéder à votre compte

étincelles Conseils et astucesétincelles

Ajoutez facilement une étape ou une note :

  • Une fois la première section et la première étape créées, vous pouvez en ajouter en plaçant votre curseur entre une section/étape ou étape/note, puis en cliquant sur l’icône Plus (+).
  • Choisissez l’élément à ajouter.