Des enregistrements d'écran qui bougent comme une main
· 4 min de lecture

Nos films montraient déjà les bonnes pages. Il leur manquait encore la sensation d'une personne au clavier : le curseur glissait en ligne droite, les coupes semblaient mécaniques, et un zoom pouvait déplacer les sous-titres. Aujourd'hui, nous avons livré un travail sur cette sensation précise, de la courbe d'un trajet de souris au rythme d'une frappe.
Un curseur qui bouge comme une main
Personne ne déplace une souris en ligne droite. Une main décrit une courbe, dépasse un peu sa cible et se pose. Notre enregistreur faisait glisser le curseur en lignes parfaitement droites et le posait aux trois mêmes endroits dans chaque vidéo : au bout de quelques scènes, la chorégraphie paraissait répétée.
Le curseur suit désormais des courbes douces, maintenues dans la page visible pour qu'un trajet arrondi ne sorte jamais du cadre. L'endroit où il se pose, et le sens de chaque courbe, changent d'une scène à l'autre, répartis selon une suite fondée sur le nombre d'or. Cela apporte deux choses : deux plans successifs ne se ressemblent plus, et un même film reçoit toujours le même mouvement, donc chaque rendu est reproductible.
Les enregistrements verticaux ont eu droit à leur soin propre. Capturés à la largeur d'un téléphone, ils sont maintenant agrandis avec une méthode de haute qualité avant d'être placés dans le cadre : ils restent nets au lieu d'être flous.
Des coupes qui coulent d'une scène à l'autre
Une bonne coupe se ressent, elle ne se voit pas. Nous avons repris la façon dont une scène passe le relais à la suivante :
- Une direction continue. La façon dont une scène sort correspond maintenant à la façon dont la suivante entre : une poussée vers la gauche se lit comme un seul mouvement fluide à travers la coupe, pas comme deux gestes sans rapport.
- Aucun instant vide. Au lieu d'atténuer les deux scènes ensemble, celle qui sort s'efface légèrement pendant que la poussée porte le changement : l'image reste toujours pleine.
- Une musique plus douce. Là où la voix marque une pause, la musique monte en une demi-seconde au lieu de sauter d'un cran.
- Des dernières images vivantes. Quand une phrase dure un peu plus que l'action enregistrée, l'image finale dérive lentement au lieu de se figer.
Aucun de ces changements n'est spectaculaire seul. Ensemble, ils font la différence entre une suite de clips et un film.
Des sous-titres qui suivent les mots et restent dans le cadre
Les sous-titres sont calés mot à mot, et ce calage venait d'une écoute de la piste de voix sans autre aide, qui peut mal entendre ou fusionner des mots. Or nous savons exactement ce que dit la voix, puisque nous avons écrit le script. Le calage est désormais aligné sur le script lui-même : chaque mot est bien orthographié et apparaît au moment où il est prononcé.
Chaque scène dure maintenant au moins le temps de dire sa phrase, et la dernière garde une courte traîne de 700 millisecondes, pour que le dernier mot reste lisible avant la fin du film.
Nous avons aussi donné aux sous-titres leur propre place. Ils se trouvaient dans la même couche que le zoom et la poussée d'une scène, et un zoom grandit depuis le centre de l'image : il pouvait entraîner le sous-titre vers le bas. Les sous-titres vivent désormais dans leur propre couche, hors de tout mouvement, et ne suivent la scène que pour leur fondu à la coupe. Sur les vraies images d'un site, où du contenu peut se trouver juste derrière les mots, une douce bande sombre les garde lisibles.
Une frappe à rythme humain
Un champ de recherche ou un filtre est souvent la meilleure démo d'un site, et jusqu'ici nos scènes savaient seulement faire défiler, pointer, cliquer et survoler. Nous avons ajouté une cinquième action, taper, qui saisit le texte touche par touche avec le petit rythme irrégulier d'une vraie frappe. Ce rythme est reproductible lui aussi, fondé sur la même idée du nombre d'or que le curseur.
Taper sur le site de quelqu'un demande des limites fermes, et elles sont posées à plusieurs niveaux :
- Seuls des champs de texte étiquetés sont proposés ; jamais d'e-mail, de mot de passe, de téléphone ni de nombre.
- Le planificateur a pour consigne de n'utiliser que des champs sûrs, de garder un texte court et de ne jamais inventer de données personnelles.
- Quoi qu'écrive le modèle, le texte tapé est plafonné à 60 caractères avant tout enregistrement.
L'éditeur de scène comprend lui aussi la nouvelle action : ouvrez une scène, ajustez-la, enregistrez-la, et le texte tapé est toujours là.
Ce que cela change dans votre film
Réunis, ces changements donnent à un film PageToVid l'allure d'une visite guidée par une personne plutôt que jouée par un script. Le curseur se promène naturellement, chaque coupe vous emmène plus loin, les sous-titres sont exacts et toujours visibles, et un champ de recherche peut se remplir sous vos yeux.
Nous avons passé tout le catalogue de mouvements au crible de nos tests avant de livrer, et chaque type de scène a réussi. Ce travail d'artisan n'est jamais terminé, mais aujourd'hui les films se sont nettement rapprochés de ce que ferait une personne attentive en filmant votre site à la main.
Regardez des films faits ainsi dans la galerie vidéo, ou collez votre propre adresse sur /new.
Voyez-le sur votre propre site
Collez une page et obtenez la vidéo commentée dont parle ce blog. La première est offerte.
À lire ensuite


