L'anatomie d'un tutoriel qu'on regarde jusqu'au bout
Un tutoriel n'a qu'une mission : que le spectateur puisse faire la tâche sans revenir en arrière. L'objectif tutoriel de PageToVid suit la structure qu'utilisent les concepteurs pédagogiques.
- Le but, en une phrase. « À la fin, vous aurez un tableau de bord partagé. »
- Un prérequis, seulement s'il est inévitable. Une ligne, pas un cours.
- Une scène par étape. Où se trouve la commande, quoi faire, ce que vous voyez ensuite. Chaque étape est numérotée dans les sous-titres.
- Une vérification. Comment savoir que cela a marché.
- La tâche suivante. Où aller une fois celle-ci terminée.
Une frise peut récapituler les étapes à la fin ; elle ne les remplace jamais. Par défaut, l'objectif tutoriel écrit 90 à 180 secondes — assez pour montrer chaque clic — et vous pouvez demander n'importe quelle durée de 15 à 180 secondes.
Des plans qui exécutent l'étape
Un enregistrement qui ne fait que défiler n'apprend rien. Chaque scène enregistrée peut exécuter une action dans un vrai navigateur avant que l'image soit capturée :
- Cliquer sur un bouton, un onglet ou un élément de menu, et montrer ce qui s'ouvre.
- Saisir une vraie recherche dans un champ de recherche ou de filtre.
- Survoler pour faire apparaître un menu ou une info-bulle.
- Mettre en lumière une commande pendant que le reste de l'écran s'assombrit.
La narration décrit ce que fait le curseur, au présent, et ralentit légèrement à chaque étape. La caméra ne saisit jamais de nom, d'e-mail ni de mot de passe dans une page : une étape qui demande des données personnelles se montre sur un compte de démonstration.
Filmer à l'intérieur de votre produit
Votre site marketing est public ; les écrans dont un tutoriel a besoin, en général non. Une session de capture, enregistrée une fois depuis l'extension VS Code ou l'extension navigateur, permet à la caméra de filmer derrière votre connexion. Elle est liée à un seul site, expire sous trois jours, et c'est une fonction du forfait Scale. Enregistrez-la avec un espace de démonstration rempli de données d'exemple : le tutoriel montre un produit réaliste sans exposer aucun client.
Pour un produit sans aucune page publique, un tutoriel peut aussi être construit à partir d'un storyboard que vous écrivez, avec des scènes animées pour chaque étape — mais c'est l'enregistrement de la vraie interface qui permet au spectateur de suivre en même temps.
Une bibliothèque qui reste juste
Les bibliothèques de tutoriels se périment une version après l'autre. Comme chaque vidéo est générée à partir du produit en ligne, un nouveau rendu capture l'interface du jour et conserve la narration, la structure et le rythme : 40 crédits au lieu d'une séance d'enregistrement. Quand une étape elle-même change, modifiez la phrase et l'action de cette scène dans le storyboard, puis relancez le rendu.
Lisez qu'est-ce qu'une vidéo tutorielle pour le format, comment faire une vidéo tutorielle pour la méthode, et screencasts automatisés ou manuels pour savoir quand un enregistrement fait à la main reste le meilleur choix. Vous écrivez des réponses de centre d'aide plutôt qu'une formation produit ? Voyez les vidéos d'aide.