Laissez la vidéo montrer ce que les mots ne suffisent pas à expliquer.
La table s’ouvre, le loquet coulisse, le produit s’utilise. Nous rendons la vidéo plus facile à lancer et à suivre, tout en gardant la page utile avant même le premier clic.
Donnez une raison de lancer la lecture.
Imaginez un magasin de meubles qui vend une table à rallonge. Une photo montre le bois et la forme. Une vidéo utile répond à une autre question : comment la table s’ouvre-t-elle, et que doit faire l’acheteur ?
Choisissez une image d’aperçu qui montre le produit réel et précisez ce que la démonstration explique. Laissez les dimensions, le prix et les autres informations d’achat sous forme de texte. Le visiteur ne devrait pas devoir regarder une vidéo pour savoir si la table tient dans sa pièce.
Illustration : l’aperçu présente la table ; la démonstration révèle le fonctionnement de la rallonge.
Lire l’explication de la vidéo
Montrez ce que les mots ne suffisent pas à dire. Une image montre la forme. Le mouvement montre la fonction.
Montrez le changement. Laissez le geste expliquer. Écartez les deux parties de la table. Ajoutez la rallonge. Montrez le résultat. La même table. Plus de place.
Regardez de près. Un petit détail peut tout éclairer. Le verrou s’enclenche. Guidez le regard vers l’essentiel.
Donnez envie de regarder. Dès le début, montrez ce que l’on va apprendre. Un résultat clair donne un sens à l’action. Voici comment gagner de la place.
Expliquez aussi sans son. L’essentiel doit se voir. Écartez les deux parties de la table. Ajoutez la rallonge. Verrouillez avant utilisation.
Choisissez la vidéo quand elle explique. Montrez le changement. Montrez le détail. Rendez l’idée claire.
Repérez le moment où l’attente commence.
Une page lente et une vidéo qui tarde à démarrer ne se vérifient pas de la même façon. Testez les deux sur le même téléphone et la même connexion, avec le reste de la page visible.
Avant le lancement de la vidéo
Pour une démonstration facultative, affichez un aperçu bien dimensionné et évitez de télécharger toute la vidéo avant que le visiteur souhaite la regarder. Un aperçu qui charge le lecteur au clic peut aussi différer un lecteur tiers lourd. Vérifiez les requêtes réseau : les indications de préchargement ne garantissent pas ce que le navigateur télécharge. Consultez les conseils de web.dev sur le chargement vidéo.
Après le lancement de la vidéo
Mesurez l’attente jusqu’à la première image en mouvement. Repérez ensuite les interruptions, les détails flous et les commandes difficiles à utiliser. Réduisez les données inutiles sans perdre le mouvement ou les détails du produit que la vidéo doit montrer. Réservez l’espace de la vidéo pour que la lecture ne déplace pas les informations voisines.
Montrez le geste qui risque de passer inaperçu.
Dans notre exemple fictif, le loquet se trouve sous le bord de la table. Une vue éloignée peut masquer précisément ce que le client doit voir. Passez au gros plan, montrez clairement le mouvement et gardez le plan assez longtemps pour que le spectateur puisse le suivre.
Sous-titrez fidèlement les instructions parlées, au bon moment. Expliquez aussi les étapes visuelles essentielles : « Faites coulisser le loquet sous le bord » est plus informatif que « Déplacez ceci ». Selon le contenu, cette explication peut aussi devoir être entendue. Vérifiez les commandes au clavier, la pause et les sous-titres. Appuyez-vous sur les recommandations du W3C sur les médias accessibles pour déterminer les besoins de la vidéo.
Illustration : le gros plan rend le loquet et son mouvement visibles.
Choisissez la solution selon ce qu’elle doit accomplir.
Faut-il héberger nous-mêmes le fichier vidéo ?
Un service vidéo peut assurer la diffusion et proposer des fonctions de lecture utiles, mais son lecteur intégré peut ajouter des téléchargements et des scripts. Servir directement le fichier vous donne le contrôle de la présentation et vous laisse la responsabilité des fichiers adaptés, des sous-titres et des commandes. Comparez les fonctions nécessaires et le comportement mesuré de chaque option.
Un fichier plus léger résoudra-t-il le problème ?
Cela peut aider si un volume excessif de données vidéo est en cause. Cela ne corrige ni un aperçu peu clair, ni des sous-titres absents, ni un lecteur compliqué. Une grande image d’aperçu peut retarder le premier affichage ; une intégration peut ajouter des scripts ou déplacer le contenu. Identifiez la cause avant de remplacer le lecteur ou de recompresser le fichier.
Comment savoir si le changement est utile ?
Répétez la même tâche avant et après la modification. Comparez le chargement de la page, l’attente après le clic, les interruptions et les détails visibles sur téléphone. Demandez ensuite à quelqu’un qui ne connaît pas le produit d’expliquer le geste montré. Une lecture rapide n’est utile que si le spectateur comprend.
Donnez à vos clients une vidéo qu’ils comprennent.
Envoyez la page et la source de la vidéo. Précisez ce que le spectateur doit apprendre, où l’attente ou la confusion apparaît et sur quel appareil. Nous pourrons ainsi repérer ce qui mérite d’être amélioré.