Un appui, un clic : des images comme filmées à la main
· 4 min de lecture

Quand un film PageToVid montre quelqu’un appuyer sur un bouton, vous devez voir exactement ce que verrait une personne : un appui, la page qui répond, la caméra qui reste assez longtemps pour qu’on le remarque. Le 14 septembre, nous avons audité notre enregistreur en mesurant ce qu’il faisait réellement, image par image, au lieu de raisonner sur le code. Les images sont devenues nettement plus humaines.
Un appui doit faire un clic
Une scène de clic amenait le curseur sur le bouton, appuyait, puis, par précaution, déclenchait aussi le clic propre à l’élément. Cette précaution n’était jamais utile, et elle faisait qu’une scène de clic pouvait compter deux clics. Sur un compteur, le nombre sautait de deux. Sur un bouton de menu, le menu s’ouvrait puis se refermait avant la fin de la scène.
Désormais, l’enregistreur marque sa cible et demande à la page de compter les appuis qui l’atteignent vraiment. La précaution ne joue que si l’appui n’a manifestement pas porté, par exemple quand la mise en page a bougé sous le curseur, et qu’aucune nouvelle page n’a suivi. Un test ouvre un vrai navigateur et vérifie les deux cas.
Un plan aussi long que ses mots
Chaque enregistrement durait le temps deviné par le planificateur, alors que le film garde une scène narrée aussi longtemps que parle sa voix. Quand la voix durait plus, la dernière image se figeait. Sur notre jeu de test, cela faisait 0,7 à 3,6 secondes d’image fixe par film de 45 secondes, curseur immobile.
L’enregistreur filme maintenant au moins la durée prévue de la narration, avec une marge, jusqu’à 15 secondes : l’image reste vivante jusqu’à la fin de la phrase.
Nous avons aussi vérifié un soupçon : les plans seraient-ils figés au début ? La mesure du mouvement image par image sur de vrais plans a montré un mouvement qui commence entre 0,03 et 0,17 seconde, sur des pages calmes comme animées. Mesurer d’abord nous a évité de corriger un problème qui n’existait pas.
Toute la page, et l’image la plus nette
Les plans larges sur ordinateur perdaient environ 11 % de leur hauteur. La fenêtre de navigateur que nous dessinons autour des images était un peu plus large que l’enregistrement : le haut et le bas étaient rognés, exactement là où se trouvent un titre et la ligne de flottaison. La fenêtre épouse maintenant la forme de l’enregistrement, et vous voyez la page entière.
Nous avons aussi testé une idée qui semble évidente : enregistrer à la taille finale de la vidéo devrait être plus net qu’enregistrer le navigateur puis l’agrandir. Ce n’est pas le cas. Une capture plus grande n’apporte pas plus de détail ; elle entoure la page de bordures vides. Comparés à la page telle qu’affichée, la taille du navigateur plus un bon agrandissement obtiennent 0,93 sur une mesure de similarité standard, la capture plus grande 0,65. Ce résultat est inscrit dans le code, pour que la meilleure méthode reste.
De petits détails que le spectateur ressent
Le reste de l’audit était une liste de petites améliorations visibles :
- la caméra attend jusqu’à 0,8 seconde après un clic, pour que vous voyiez la page répondre avant la coupe
- les films verticaux montrent un bout de doigt doux au lieu d’une flèche d’ordinateur
- les bulles de discussion de services tiers sont masquées, car elles ne sont pas le produit et couvrent un écran de téléphone ; la barre d’appel du site reste
- un bandeau de cookies qui arrive tard est vérifié une fois de plus juste avant l’action
- une vidéo en pause sur une page montre une vraie image, pas sa première image noire
- chaque plan enregistré est stocké de façon fiable, avec une nouvelle tentative, avant que la scène continue
Aucun de ces points n’est spectaculaire seul. Ensemble, ils font la différence entre des images filmées par une personne et des images filmées par un script.
Des recherches qui répondent, et des mots que nous ne tapons jamais
La veille, la saisie était devenue un vrai plan. Un champ de recherche qui répond pendant la frappe est le moment où un produit fait son travail à l’écran : les champs de recherche et les zones de discussion, cœur de tout produit d’IA, sont maintenant reconnus en sept langues, classés juste après un appel à l’action, et la caméra attend la réponse avant de passer à la suite.
Taper dans un vrai site devant la caméra s’accompagne d’une règle ferme, et nous en avons fait du code testé. L’enregistreur refuse tout champ d’un formulaire qui contient un mot de passe, tout champ qui demande des informations personnelles, et tout ce qui ressemble à un e-mail, un nom, une carte ou un code. Vingt-deux cas de refus sont testés. Il tape des recherches et des questions, jamais rien de personnel.
Voyez l’enregistreur à l’œuvre dans les films de notre page vidéos.
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


