Comment créer une vidéo tutorielle
Un tutoriel est le seul format vidéo où l'exactitude prime sur l'impression. Quelqu'un suit vos instructions ; si l'étape trois montre un bouton qui a changé de place lors de la dernière mise à jour, vous lui gâchez la journée. Voici comment en créer un qui reste fidèle à la réalité — en filmant l'interface réelle exécutant de vraies actions plutôt que de la décrire sur une capture d'écran.
Filmez le produit, ne le décrivez pas
La différence entre un tutoriel efficace et un tutoriel raté réside dans le fait que le spectateur voit l'action se produire.
PageToVid filme votre page dans un vrai navigateur, et une prise de vue peut effectuer une action avant d'être capturée : cliquer sur un bouton, taper dans un champ, survoler pour révéler un menu, ou mettre en évidence un élément tandis que le reste s'estompe. Ainsi, « ensuite, vous recherchez un client » peut être une prise de vue du champ de recherche avec une vraie requête tapée, et non une légende sur une page statique.
C'est toute la technique. Chaque étape du tutoriel devient une scène, chaque scène est dirigée vers l'élément concerné par cette étape, et l'action est effectuée à l'écran.
Construisez-le étape par étape
- Rédigez d'abord les étapes, sous forme de liste numérotée. Si vous ne pouvez pas les écrire, le tutoriel n'est pas prêt à être filmé. Cinq à huit étapes est la fourchette utile.
- Inspectez la page et notez le sélecteur de l'élément que chaque étape concerne. Les sujets classés reviennent avec des sélecteurs déjà vérifiés par rapport à la page telle qu'elle a été rendue.
- Une étape par scène. Deux étapes dans une seule scène, c'est le meilleur moyen pour un spectateur de se perdre — et puisque la narration définit la durée, la division ne coûte aucune seconde supplémentaire.
- Dirigez chaque scène vers son élément avec un clic, une saisie, un survol ou une mise en lumière.
- Narrez à l'impératif. « Ouvrez le panneau des paramètres. » Pas « vous ouvririez ensuite le panneau des paramètres. »
- Utilisez `checklist` pour la scène de présentation si vous souhaitez montrer la structure de l'ensemble du processus avant de le démarrer.
Rythmez-le pour ceux qui suivent
Les tutoriels échouent plus souvent à cause du rythme que du contenu. Le spectateur alterne entre votre vidéo et son propre écran.
- Beaucoup plus lent qu'une publicité. 110 mots par minute est le rythme de diffusion, et un tutoriel devrait se situer à l'extrémité la plus spacieuse de cette fourchette — laissez les mots rares et laissez les images s'exprimer.
- Nommez l'élément sur lequel vous cliquez avant de cliquer dessus. « En haut à droite, ouvrez les Paramètres » leur donne le temps de le trouver.
- Une idée par scène, strictement. C'est plus important ici que dans tout autre format.
- Laissez une étape complexe respirer. Une scène silencieuse avec une durée maintient un écran immobile — utile lorsque quelqu'un a besoin d'un moment pour rattraper son retard.
Un tutoriel peut durer deux minutes. Personne ne passe un tutoriel qu'il suit activement ; le public de ce format a déjà décidé de regarder.
Tutoriels pour les éléments derrière une connexion
La plupart des tutoriels réels concernent une application, et les applications sont protégées par une connexion. Une page qui renvoie un écran de connexion est refusée avant toute facturation — l'outil ne simulera pas le tournage.
La méthode prise en charge est une session de capture : vous vous connectez une fois depuis l'extension VS Code ou de navigateur et enregistrez la session, limitée à cette seule origine et expirant dans les trois jours. Les rendus peuvent alors filmer à l'intérieur de l'application. C'est une fonctionnalité du plan Scale et des offres supérieures.
Filmez un compte de démonstration, jamais un compte réel. Une capture enregistre ce qui est à l'écran, et un tutoriel publié avec le nom d'un client dans la barre latérale est un incident de protection des données avec votre logo dessus.
Maintenir la fidélité
La valeur d'un tutoriel diminue chaque fois que l'interface change, et l'échec habituel est que personne ne le remarque.
Parce que le film est généré à partir de la page en direct plutôt que d'un enregistrement réalisé une fois, le re-rendu refilme l'interface actuelle. Le travail de maintenance est donc minime : lorsqu'un écran change, re-rendez le tutoriel. La narration, la structure et le timing survivent ; seules les images sont mises à jour.
Si vous en maintenez un ensemble, cela vaut la peine d'être automatisé — l'API peut effectuer un re-rendu à chaque nouvelle version, de sorte que les tutoriels correspondent au produit que vous livrez réellement plutôt qu'à celui que vous avez livré lorsque quelqu'un a eu le temps d'enregistrer une capture d'écran.
Où le diffuser
- Dans la documentation, à côté des étapes écrites. Pas à la place — les gens recherchent du texte et regardent des vidéos, et la combinaison des deux est bien plus efficace que l'un ou l'autre seul.
- Dans le deuxième e-mail d'intégration, après la création du compte et avant la fin de la première semaine.
- Dans vos macros de support. Un tutoriel lié à une réponse permet de clore des tickets qu'un paragraphe ne résoudrait pas.
- Sur YouTube, intitulé avec la tâche exacte. « Comment exporter un rapport dans [produit] » est une recherche que quelqu'un effectue en ce moment même.
Rendez au format 16:9. Un tutoriel est regardé délibérément, généralement sur un ordinateur de bureau, à côté de l'application qu'il enseigne.
Transformez votre site en vidéo — gratuitement
Collez une URL. PageToVid écrit le script, enregistre, voix off et rend la vidéo automatiquement.
Créer votre première vidéo →Questions fréquentes
Quelle doit être la durée d'une vidéo tutorielle ?
Aussi longtemps que les étapes le nécessitent, généralement 60 à 150 secondes pour cinq à huit étapes. Les tutoriels sont le seul format où la durée n'est pas l'ennemi — le public a déjà décidé de regarder et suit les instructions.
Peut-il enregistrer mon application, et pas seulement mon site marketing ?
Oui, avec une session de capture enregistrée depuis l'extension VS Code ou de navigateur, sur le plan Scale ou supérieur. La session est limitée à une seule origine et expire dans les trois jours. Filmez un compte de démonstration plutôt que des données clients réelles.
La vidéo peut-elle cliquer sur des boutons et taper du texte ?
Oui. Une prise de vue peut effectuer un clic, taper dans un champ, survoler pour révéler quelque chose, ou mettre en évidence un élément en estompant le reste — tout cela avant que l'image ne soit capturée, afin que le spectateur voie l'action plutôt qu'une description.
Que se passe-t-il si mon interface change ?
Re-rendez. Le film est généré à partir de la page en direct, donc un nouveau rendu capture l'interface actuelle tout en conservant la narration, la structure et le timing. C'est le principal avantage par rapport à une capture d'écran enregistrée manuellement.
Le tutoriel doit-il remplacer ma documentation écrite ?
Non. Les gens recherchent du texte et regardent des vidéos, donc la combinaison des deux est plus efficace. Placez la vidéo à côté des étapes écrites, et non à leur place.