Aller au contenu principal

Screencast automatisé ou manuel : ce qui change à l'image

Par Gauthier Bros, fondateur de PageToVidMis à jour le 7 min de lecture

Un screencast automatisé est l'enregistrement d'une page web réalisé par un logiciel plutôt que par une personne : un navigateur ouvre la page, fait défiler, clique et tape selon un plan, et chaque geste est calé sur une voix écrite pour lui. Un screencast manuel, c'est vous, votre souris et votre rythme ; il filme tout ce qui est à l'écran, mais chaque prise, chaque erreur et chaque mise à jour vous coûte une nouvelle séance.

Ce guide s'adresse à la personne du support ou du produit qui gère une douzaine de clips courts dans un centre d'aide et se demande s'il faut continuer à les enregistrer à la main. Nous fabriquons le premier type : nous expliquons donc ce qui se passe à l'intérieur, et où il perd encore.

ColRecarga : un film 16:9 de 48 secondes sur un site colombien de recharge de téléphone, tiré de colrecarga.com. La page est en espagnol, la narration en anglais ; la caméra filme l’accroche animée, le formulaire du numéro et le curseur qui rejoint « Continuar ».

Réalisé à partir de colrecarga.com avec PageToVid et publié par son auteur. Le voir sur sa page → · Voir toutes les vidéos publiques →

Ce qui se passe à l'intérieur d'un screencast automatisé

« Automatisé » recouvre six tâches distinctes. Voici l'ordre dans lequel notre chaîne les exécute quand vous collez une URL.

  1. Lire la page

    La page est chargée ; ses textes, titres, images et éléments interactifs sont lus. Les contrôles anti-robot et les murs de connexion sont détectés à ce stade et arrêtent le film sans rien vous coûter : ses crédits reviennent en totalité.

  2. Classer ce qui mérite d'être filmé

    Une recherche, un tableau, une grille tarifaire, un formulaire ou une liste de produits passent avant un slogan. Ils deviennent les sujets des plans.

  3. Écrire le plan

    Un storyboard associe chaque phrase du script à un plan : quel élément, et quelle action (y défiler, le pointer, cliquer dessus ou y taper une vraie requête).

  4. Laisser la voix donner le tempo

    La narration est une seule prise continue. Le minutage de ses mots décide du début de chaque scène et de chaque plan : la caméra arrive sur le prix quand la voix dit le prix.

  5. Filmer dans un vrai navigateur

    Un navigateur dans le cloud rejoue le plan, capturé en densité Retina et exporté en 1080p, dans un profil vierge : ni barre de favoris, ni notifications, ni autres onglets.

  6. Assembler

    Les plans sont coupés sur le début des mots, des scènes animées comblent ce qu'une page ne peut pas montrer, les sous-titres sont tirés de la voix, et il en sort un MP4, une affiche et un fichier WebVTT.

Un screencast manuel fait aussi ces six tâches, mais c'est la personne qui les mène de tête, en temps réel, et recommence la prise quand l'une dérape. L'étape 5 est détaillée dans la capture d'écran Retina.

Manuel ou automatisé, image par image

Mettez côte à côte un clip fait main et un clip généré : voici les différences qu'un spectateur remarque vraiment.

Ce qui distingue à l'écran un screencast automatisé d'un screencast manuel
Screencast manuelScreencast automatisé

Curseur

Cherche, hésite, dépasse

Va droit à l'élément prévu

Rythme

Celui de votre élocution du jour

Celui de la piste de voix ; les plans démarrent sur les mots

Erreurs

Nouvelles prises ou coupes

Aucune à corriger, mais un plan peut cadrer le mauvais élément : vous le recadrez

Netteté

Selon votre écran et vos réglages d'export

Capture Retina, export 1080p

Ce qui traîne à l'écran

Notifications, favoris, autres onglets

Un navigateur vierge

Langue de l'interface

Celle de votre navigateur

La page telle que le site la sert ; un film traduit refilme les pages localisées quand le site en a

Durée

Illimitée

De 15 à 180 secondes

Sujets

Tout ce qui est sur votre ordinateur

Des pages web uniquement

Rien dans la colonne de gauche n'est un défaut quand le clip répond vite à un collègue. Ça le devient quand des inconnus le regardent pendant un an.

Le film ColRecarga : un screencast automatisé d'une page dans une autre langue

ColRecarga est un site colombien qui permet de recharger n’importe quel téléphone mobile depuis chez soi, sans compte. Nous avons tiré son film de 48 secondes de colrecarga.com, en 16:9, environ 90 mots. Le site est en espagnol ; le film a été commandé en anglais, d’où une voix et des sous-titres anglais sur une interface espagnole.

Il s’ouvre sur un carton, « Recharge Any Cell Phone From Home », puis sur la vraie accroche, « Recarga cualquier celular sin salir de casa », où le nom de l’opérateur change dans une pastille sous l’œil de la caméra : Movistar, Tigo, WOM, Virgin, ETB. C’est la page en ligne qui s’anime, capturée comme un visiteur la voit, sous la question « Tired of waiting 15 minutes just to top up your phone? ». La caméra descend vers la première étape du formulaire, « ¿A qué número vas a recargar? », avec son champ de numéro et son bouton « Continuar », remonte vers l’accroche et ses deux pastilles d’état (livraison en 5 à 15 minutes, ouvert jusqu’à 20 h) sur la phrase qui invite à saisir le numéro, puis revient au formulaire à la fin, où le curseur rejoint « Continuar ». Entre les deux, deux cartons de texte portent le choix du forfait, le paiement et la promesse de délai. Le film se ferme sur « Get started today ». C’est un film gratuit, d’où le petit badge.

Deux leçons pour vos propres clips. D’abord, l’endroit où s’arrêtent les images : la prise automatisée filme la page publique jusqu’au premier champ ; elle ne saisit pas de vrai numéro et ne paie pas, donc les étapes suivantes sont racontées par des cartons. Si vos spectateurs doivent voir la liste des forfaits et l’écran de paiement, enregistrez ces écrans à la main avec un numéro de test. Ensuite, la langue : le navigateur filme la page telle que le site la sert. Si vos spectateurs lisent l’anglais et que votre site a une version anglaise, visez cette URL ; pour un film par langue, une traduction refait la voix et refilme les pages localisées quand elles existent.

Ce que coûte l'entretien d'une douzaine de clips

Ce n'est pas le premier enregistrement qui coûte cher en manuel. C'est la dixième mise à jour.

Exemple chiffré : un centre d'aide avec douze clips de 30 à 60 secondes, et une interface qui change visiblement chaque trimestre, touchant environ la moitié d'entre eux.

  • En manuel : six clips à réenregistrer par trimestre. Pour chacun, rouvrir le script, enregistrer jusqu'à la prise propre, refaire la voix si un mot a changé, remonter, remettre en ligne. Vingt-quatre séances par an.
  • En automatisé : six nouveaux rendus par trimestre depuis les mêmes storyboards, 40 crédits chacun, environ 10 minutes chacun, sans surveillance. Si un bouton a bougé et qu'un plan cadre le mauvais élément, vous recadrez ce plan et relancez. Le recalage des seuls sous-titres est gratuit une fois par rendu payant.

Le premier film gratuit de tout site permet de tester un clip avant de décider ; l'offre Creator à 19 $ par mois couvre environ 25 films. Toutes les offres sont sur la page tarifs. Pour un centre d'aide, voir le cas d'usage vidéos d'aide et de support, et pour modifier une scène sans tout refaire, corriger une vidéo sans la refaire.

Les contrôles qualité, dans les deux cas

Quelle que soit la méthode, vérifiez avant de publier :

  • Le sujet est à l'écran dès la troisième scène. Un clip qui reste sur un titre la moitié du temps est un slogan.
  • Chaque chiffre à l'écran vient de la page. Pas un exemple présenté comme une moyenne.
  • Une idée par scène. Deux idées dans un plan, c'est la première raison pour laquelle un clip paraît précipité.
  • Un visionnage sans le son. Les sous-titres seuls doivent raconter l'histoire.
  • Aucune donnée privée. En manuel, fermez la messagerie. En automatisé derrière une connexion, utilisez un compte de démonstration.
  • Le bon format. 16:9 pour une interface de bureau ; le 9:16 filme la version mobile, à ne commander que si votre site mobile vaut d'être montré.

Pour comparer les deux en tant qu'outils plutôt qu'en tant qu'images, lisez PageToVid ou enregistreur d'écran ; pour le vocabulaire, qu'est-ce qu'un screencast ; pour tous les outils comparés, la page des comparatifs.

Quand s'en passer

Quand le screencast manuel est le meilleur choix

Les longs tutoriels. Dix ou vingt minutes, avec pauses, chapitres et une personne qui explique : enregistrez à la main. Un film automatisé s'arrête à 180 secondes.

Tout ce qui sort du navigateur. Logiciel de bureau, application mobile native, terminal, version locale non déployée.

L'exploration en direct. Une visite où vous réagissez à ce que vous trouvez, répondez à une question en chemin ou montrez un bug au moment où il survient demande quelqu'un aux commandes.

Les gestes précis. Dessiner dans un outil de design ou faire glisser un élément sur une timeline se joue plus facilement qu'il ne se planifie.

Transformez votre site en vidéo — gratuitement

Collez la page à filmer. PageToVid écrit le script, filme le vrai site, enregistre la voix et livre le MP4.

Première vidéo offerte · sans carte · prête en quelques minutes

Questions fréquentes

Un screencast automatisé montre-t-il vraiment le site ?

Oui. Un vrai navigateur charge la page en ligne et l'enregistre ; rien n'est simulé. Des scènes animées s'intercalent pour les idées qu'une page ne peut pas montrer, et elles se voient clairement comme des graphismes.

Puis-je choisir où l'enregistrement automatique clique ?

Oui. Chaque scène du storyboard indique l'élément filmé et l'action : y défiler, le pointer, cliquer dessus ou y taper une requête. Vous pouvez changer l'élément ou le texte tapé puis relancer le rendu.

Un screencast automatisé affichera-t-il mes notifications ou mes favoris ?

Non. Il tourne dans un navigateur vierge dans le cloud, pas sur votre ordinateur. Pour les pages derrière une connexion, la session de capture reprend votre session : filmez un compte de démonstration plutôt qu'un vrai.

Quelle est la netteté d'un screencast automatisé ?

La page est capturée en densité Retina et exportée en 1080p : les petits textes d'interface restent lisibles, même quand la caméra se rapproche d'un élément.