Nos films d’accueil, faits par le produit lui-même
· 4 min de lecture
Les films qui tournent sur notre page d’accueil sont souvent la première chose qu’on voit de PageToVid. Le 18 septembre, nous avons décidé qu’ils devaient être faits exactement comme un client fait un film : par le produit, sans retouche à la main. Chaque amélioration nécessaire est allée droit dans le produit, et le jour où tout a été prêt, nous avons appelé cela la version 1.0.
Le meilleur test, c’est votre propre page d’accueil
Il n’y a pas de client plus exigeant que soi-même. Nous avons extrait des images des quatre films d’accueil, un par langue, et les avons jugés avec l’œil d’un inconnu. Ils dataient d’une version antérieure du produit, et cela se voyait : un badge d’offre gratuite dans un coin, des affirmations invérifiables, et un premier carton qui disait une chose pendant que la voix en disait une autre.
Nous avons donc refait les quatre films avec PageToVid, en n’utilisant que les outils de n’importe quel client. Tout ce qui nous gênerait les gênerait aussi, et le corriger le corrigerait pour tout le monde.
Cinq temps, chacun montrant ce qu’il dit
Les nouveaux films partagent la même structure dans chaque langue, et chaque temps montre ce que dit sa voix :
- la barre d’adresse, où l’on tape l’adresse d’un site ;
- un projecteur sur les étapes de fabrication pendant que la voix les nomme ;
- la galerie de films terminés, quand la voix dit d’où ils viennent ;
- une grille dessinée des trois formats, large, carré et vertical ;
- une seule consigne finale, claire.
Il a fallu trois prises en anglais et deux dans les autres langues. C’est dans les prises que sont apparues les vraies leçons, et chacune est devenue un changement du produit. Le nouveau montage est aussi plus léger que l’ancien : la page d’accueil se charge plus vite, en plus de dire plus juste.
Chaque plan vise ce qu’il nomme
Viser les plans avec nos propres outils d’assistant a fait apparaître la leçon la plus importante de la semaine. L’enregistreur donne à chaque élément d’une page un sélecteur, une adresse précise pour la caméra. Sur une page chargée, deux sections différentes pouvaient se retrouver avec la même adresse : un plan prévu pour l’une pouvait filmer l’autre.
Les sélecteurs sont maintenant vérifiés sur la page réelle et affinés jusqu’à ce que chacun désigne exactement l’élément dont il vient : 29 sur notre page d’accueil, tous un pour un. Un sélecteur écrit à la main qui correspond à plusieurs éléments est signalé au lieu d’être accepté en silence.
Le planificateur a appris lui aussi. Un film qui vous dit d’appuyer sur un bouton doit montrer quelqu’un qui appuie. Quand une page propose un appel à l’action et un champ à remplir, le film inclut désormais un clic et une saisie.
Une caméra qui bouge, un pointeur qui appuie
Les petits détails décident si un screencast paraît vivant. Trois ont changé la sensation de chaque film :
- Les plans de section zooment. Les larges sections sont ce que les films visent le plus, et la caméra leur offre maintenant une légère avancée au lieu de rester figée.
- Le sujet dégage le sous-titre. L’élément dont parle la voix est placé au-dessus de la bande des sous-titres dès que c’est possible.
- Le pointeur appuie. Lors d’un clic, la flèche s’enfonce 90 millisecondes autour de sa pointe, assez vite pour se lire comme une pression et assez lentement pour survivre à la capture.
Le texte des cartes ne s’arrête plus au milieu d’un mot non plus. Chaque champ de carte se raccourcit à la fin d’un mot et ajoute des points de suspension, tandis que nombres, unités et prix gardent leurs caractères exacts.
Laisser un assistant voir la caméra
Beaucoup de ces détails étaient invisibles depuis le storyboard : nous avons donc rendu la caméra lisible. Chaque scène enregistrée indique désormais son plan : l’action, l’élément et le texte éventuellement saisi. Une scène peut être visée dès sa création, et une modification qui ferait de deux scènes le même plan est refusée en le nommant, avec ce qu’il faut faire à la place.
La revue de qualité du film est aussi devenue plus utile. Elle note désormais les images mêmes que la chaîne a découpées pour chaque scène, voit chaque légende à côté de sa propre image, et sait que le grand texte synchronisé en bas est le sous-titre. Les assistants peuvent lire la note et ses remarques pour chaque film, et l’outil précise que c’est une piste, pas un verdict. Sur le même storyboard, la note est passée de 40 avant ce travail à 85 après.
Pourquoi nous l’appelons 1.0
Le 18 septembre, les quatre films d’accueil et le film affiché quand on partage un lien sont passés à la nouvelle série. Chaque fichier a été vérifié accessible avant que le site n’y pointe, et sa durée a été mesurée sur le nouveau fichier lui-même.
La version 1.0 n’est pas une liste de fonctionnalités. C’est la première fois que nos propres films de présentation sont sortis du produit, comme un client les ferait, et ont tenu image par image. Nous avons aussi transformé les leçons de la semaine en un contrôle qui lit une vidéo terminée par l’API publique, comme le ferait un relecteur extérieur.
Vous pouvez faire un film de la même façon depuis la page de création, et voir comment un film est fabriqué sur la page des fonctionnalités.
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
