Qu'est-ce qu'un screencast ? Enregistrement d'écran, vidéo de captures et screencast automatisé

On emploie souvent ces trois mots l'un pour l'autre. Ils ne désignent pourtant pas la même chose, et la différence change ce que voit votre spectateur.

Sur une miniature, une vidéo de captures ressemble à un screencast. Mais on n'y voit jamais un champ se remplir ni un résultat apparaître, et c'est souvent tout l'intérêt.

À la main. Vous ouvrez OBS Studio, QuickTime ou Loom, vous répétez vos clics, vous enregistrez, puis vous coupez et vous ajoutez la voix. Tout ce qui tourne sur votre poste peut être filmé : une application native, un terminal, un outil interne derrière l'authentification unique de l'entreprise. L'offre gratuite Starter de Loom permet jusqu'à 25 vidéos par personne, 5 minutes chacune, en 720p au maximum (le détail sourcé est sur Loom ou PageToVid). Le coût, c'est votre temps, et chaque refonte de l'interface oblige à tout réenregistrer.

Automatiquement. Vous donnez une URL. Un navigateur dans le cloud ouvre la page, fait défiler, pointe, clique et saisit du texte sur le site en ligne, et enregistre le tout. Un script est rédigé à partir de la page, mis en voix et sous-titré. Personne ne s'assoit devant un écran : pas de prise ratée, et quand la page change, on la refilme depuis la même URL.

La comparaison scène par scène est dans screencast automatisé ou manuel, et la comparaison outil par outil dans PageToVid face aux logiciels d'enregistrement d'écran.

Voici ce qui se passe de notre côté quand une scène est un enregistrement. Ces détails viennent du code de l'enregistreur, pas d'une plaquette commerciale.

• Un vrai navigateur, une scène à la fois. Chaque scène est filmée dans sa propre session Chromium sur la page en ligne, à partir d'un chargement neuf.
• Une fenêtre pensée pour la lecture. Un film 16:9 enregistre une fenêtre de 1 280 pixels de large, mise à l'échelle dans un film 1920×1080. En pleine largeur, le texte courant occupait environ 1,3 % de la hauteur de l'image, illisible sur un téléphone ; à 1 280 pixels, il atteint environ 1,9 %.
• Des captures haute densité pour les zooms. La page est aussi capturée au double de sa densité de pixels (2 560 pixels de large sur ordinateur), pour qu'un zoom sur un prix ou un bouton reste net.
• Un défilement posé. Environ 0,28 écran par seconde sur ordinateur et 0,11 sur téléphone, à vitesse constante, pour qu'une scène courte ne s'emballe pas.
• Un pointeur seulement quand il a un sens. Un navigateur sans interface n'affiche aucun curseur : nous en dessinons un, uniquement pour les clics, les survols et la saisie.
• De vraies frappes au clavier. Un caractère après l'autre, avec une courte pause après chaque espace, et l'enregistreur n'appuie jamais sur Entrée ni sur Tab : il ne peut rien soumettre sur votre site.
• La version mobile pour le 9:16. Un film vertical est enregistré dans une fenêtre de téléphone de 414 pixels, avec l'identité d'un navigateur mobile : vous obtenez la vraie version mobile de votre site (voir le rapport d'aspect).

L'autre règle porte sur la part du film consacrée au site. Une animation graphique remplace un enregistrement, d'où un plancher : dans un film 16:9, au moins la moitié des scènes, arrondie au supérieur, sont de purs enregistrements, dont une parmi les deux premières. En 9:16, c'est une scène sur quatre (jamais moins de deux à partir de quatre scènes), et chacune doit filmer un sujet, un clic, une recherche saisie ou un élément mis en avant, jamais un simple défilement.

Nous avons réalisé ce film à partir de my-form.mrmadhukar.in, un outil qui transforme des formulaires statiques en conversations. Il dure 61 secondes en 16:9, avec 94 mots prononcés en anglais, en une seule prise de voix continue.

Il s'ouvre sur un carton titre et une phrase courte, « Double your completion rates », sous la question « Losing half your form respondents to static, boring forms? ». Puis la caméra passe sur le site en ligne : le haut de page, où l'animation propre au site fait défiler des invites comme « I want to build a SaaS questionnaire that feels like a chat ». Elle descend vers la section « Forms that talk back », revient sur le haut de page pour un zoom serré, puis s'arrête sur le tableau des fonctions pendant que la voix dit « Qualify leads automatically ». Deux moments deviennent des animations graphiques : un avis client sur une carte et un compteur qui monte jusqu'à 92 % de taux de complétion moyen. La dernière scène filmée est le formulaire d'inscription.

Ce qu'il montre : le mouvement du site porte le film. L'invite qui change toute seule convainc mieux que n'importe quelle phrase, et elle n'existe que parce que la page a été filmée en direct, pas capturée en image fixe. La plupart des scènes sont des enregistrements, bien au-dessus du plancher.

Ce que nous changerions de notre côté : le haut de page revient trois fois parce que la page d'accueil offre peu d'autres sujets à filmer. Filmer une seconde URL, par exemple un formulaire de démonstration, permettrait de montrer un formulaire qui répond vraiment à quelqu'un.

L'ordre compte davantage que les réglages.

Pourquoi les mots fixent la durée : la narration fait la durée. Le premier film de chaque site est gratuit, avec un petit badge ; un film screencast à l'unité, sans abonnement, coûte 3,90 $, et les formules sont sur la page tarifs. Pour une série de tutoriels, voyez les vidéos tutoriels.

• Filmer toute la page de haut en bas. Un défilement sans sujet, c'est un site qui passe.
• Un pointeur qui erre sur chaque plan. Il masque ce que le plan doit montrer.
• Un texte d'ordinateur à taille d'ordinateur. Enregistré en pleine largeur, le texte devient illisible sur un téléphone. Enregistrez plus étroit, ou zoomez.
• Compter sur le son. Beaucoup de spectateurs commencent en muet : incrustez les sous-titres.
• Enregistrer une fois pour toutes. La première refonte rend la vidéo fausse. Prévoyez de refilmer.