Pourquoi notre caméra coupe au lieu de glisser
· 4 min de lecture
Un film de 58 secondes est revenu avec une critique d’un seul mot : soporifique. C’était juste. Son ouverture tenait la même image pendant 11 secondes pendant que la voix continuait. En trois jours, nous avons reconstruit le rythme d’un film et ce que vise sa caméra, et fixé une règle que nous tenons fermement : une page web ne se zoome jamais lentement, elle se coupe.
De longues scènes et une caméra immobile
Le film comptait six scènes. En regardant les rendus récents, presque tous avaient cinq à sept scènes quelle que soit leur durée, et un film de 90 secondes tenait un même plan pendant 14,7 secondes.
Deux causes s’additionnaient. Le budget de scènes accordait environ sept secondes par scène, avec un plafond de huit scènes : un film plus long avait simplement des scènes plus longues. Et la caméra s’approchait de son sujet au début de la scène puis s’arrêtait, parce qu’une image dont l’échelle change à chaque frame fait scintiller le texte. Une longue scène sur une image figée, c’est exactement la sensation d’ennui.
Le spectateur regarde des plans, pas des scènes
La correction avait deux volets. D’abord, plus de sujets. Chaque objectif a maintenant son propre rythme, et le planificateur vise le haut de la fourchette :
- une publicité : environ 4,5 secondes par scène
- une vidéo explicative : 5,5 secondes
- un article : 6 secondes
- une démo : 6,5 secondes
- un tutoriel : 7,5 secondes
Le plafond est passé de 8 à 12 scènes, et un brouillon trop lent est replanifié en indiquant combien de secondes tiendrait chaque scène.
Ensuite, une longue scène est découpée en plans. Un plan sous 5,2 secondes, deux sous 9, trois sous 14 et quatre au-delà, et chaque coupe tombe sur le premier son d’un mot prononcé : l’image change avec la voix. À l’intérieur d’un plan, le cadrage ne bouge pas, et la caméra n’a plus besoin de se figer. Sur un film français de 58 secondes : 8 scènes, la plus longue de 7,2 secondes au lieu de 14,7.
Viser ce qui mérite la caméra
Le rythme n’était que la moitié de l’histoire. L’autre moitié, c’était ce que la caméra cadrait. Sur deux semaines de plans, plus de la moitié cadraient un titre, les mises en valeur étaient quatre fois plus nombreuses que les clics, et presque rien ne cadrait une image ou une carte.
La raison se trouvait avant le planificateur. La lecture de la page proposait quelques titres, les premiers liens dans l’ordre de la page, si bien que la navigation remplissait le menu, et les champs de formulaire. Rien d’autre. La lecture de la page renvoie maintenant un catalogue de sujets classés : les appels à l’action d’abord, puis vidéos, images, cartes, tarifs, témoignages, logos et champs, les titres loin derrière. Un film de trois enregistrements ou plus doit en utiliser au moins deux sortes et cliquer sur quelque chose.
Et la visée est devenue exacte. Chaque enregistrement était dessiné dans une fenêtre de navigateur un peu plus petite que l’image, alors que la cible était mesurée sur l’image entière : la caméra arrivait à côté. Un plan avec un sujet remplit maintenant l’image, et le zoom tombe là où il vise.
Pourquoi le texte d’une page ne doit jamais glisser
Nous avons aussi essayé de rendre les plans plus vivants, avec un parcours du curseur sur la page et de courts mouvements adoucis quand le cadrage changeait un peu. Le visionnage du lendemain a tranché : sur du texte fin, tout changement d’échelle lent ressemble à une vibration.
La raison est simple une fois qu’on la voit. Quand une image pleine de petites lettres change d’échelle d’une fraction de pixel par frame, chaque lettre est redessinée un peu différemment à chaque frame, et l’œil le lit comme un fourmillement. Le texte reste net à toute taille ; il n’est simplement jamais deux fois le même.
Un changement de cadrage est donc toujours une coupe, et seuls bougent encore les éléments sans détail fin : la page floutée derrière une carte, les dégradés, les sous-titres. La part d’images touchées par ce fourmillement a été divisée par deux, de 20 à 10 %.
Les petits détails d’un mouvement fluide
Deux constats plus modestes ont complété le travail.
- Le navigateur filme à 25 images par seconde, une toutes les 40 millisecondes, et notre curseur bougeait toutes les 24 millisecondes : sa vitesse semblait pulser. Il bouge désormais exactement une fois par image capturée, et glisse régulièrement.
- Nous avons testé le mélange d’images pour adoucir le passage de 25 à 30 images par seconde, et gardé la méthode simple. Le mélange superpose deux positions d’un texte qui défile en une image double ; répéter une image garde chaque image nette, avec un rythme régulier.
Nous avons aussi fait en sorte que chaque sujet choisi par le planificateur corresponde à un vrai élément de la page, dans le code et pas seulement dans les instructions, pour que chaque plan prévu trouve sa cible.
Ce qui change à l’écran
Un film PageToVid bouge désormais comme une vidéo montée. Les scènes sont plus courtes, les longues sont coupées sur la voix, la caméra va vers les boutons, les images et les cartes plutôt que vers les titres, et le texte ne tremble jamais. Les mêmes mots, avec une image qui suit.
Découvrez le vocabulaire de mouvement sur lequel nous construisons sur notre page des animations, ou lancez un film et regardez les coupes tomber sur la narration.
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
