Cette semaine, parlons UX (ou Expérience Utilisateur en français).
Nous allons traiter d’une tendance web design qui se généralise: mettre des vidéos en arrière plan de sa page d’accueil. Beaucoup de sites s’y sont mis.
Après tout, pourquoi pas? Depuis ses débuts, le web promet au marketer d’ajouter de l’interactivité, du sentiment, des éléments multimédias riches… Et la vidéo est un format de contenu qui a le vent en poupe !
Aucun manuel d’ergonomie à ma connaissance n’oblige les concepteurs web à faire des pages web statiques, comme si il s’agissait de vulgaires pages de journal?! Ce qui prime avant tout, c’est “l’expérience”… n’est-ce pas?
Et pour illustrer mes propos, et rendre l’article plus concret, je prendrai un service que j’affectionne particulièrement, Wix.
Vous vous souvenez? J’avais déjà écris un article sur Wix, ce service qui vous permet de créer un site internet gratuit. J’avais alors détaillé comment cela pouvait vous aider à « prototyper » votre nouvelle idée business. Aujourd’hui je profite de leur dernière refonte pour aborder ce sujet d’ergonomie et de web design.
En effet, Wix a fait peau neuve, en ajoutant notamment des vidéos en arrière plan de sa page d’accueil. Et le résultat, plutôt réussi, m’a directement inspiré ces 6 bonnes pratiques à respecter quand on intègre une vidéo en arrière plan de sa page d’accueil.
Le format vidéo interpelle “naturellement” notre intérêt, puisque notre cerveau est habitué à évoluer dans un monde en mouvement.
Ajouter de la vidéo en arrière plan donne un air frais, moderne, vivant et dynamique à votre site, et par extension à votre image de marque.
Habilement utilisée, la vidéo donne indéniablement du relief à la marque.
Elle peut faire varier le “look & feel” de votre page d’accueil, un peu à l’instar de lumières d’ambiance, sans pour autant changer toute la structure de vos layouts. Wix réussit très bien cet exercice en choisissant plusieurs séquences qui renforcent l’attachement émotionnel avec le visiteur.
Du point de vue marketing, la vidéo en arrière plan de votre page d’accueil vous permet de montrer votre produit / service en action. Il ne s’agit pas ici de montrer votre expertise au travers d’une longue vidéo, ou de faire un tutoriel entier sur votre page d’accueil…
Votre vidéo doit véhiculer un message simple et illustrer votre proposition de valeur. C’est exactement ce que s’attèle à faire Wix en “personnifiant” des entrepreneurs en train de travailler sur leur site
D’autres sites, comme Toggl par exemple, arrivent à merveille à illustrer leur produit via des séquences vidéos de moins de 20 secondes. Rappelez-vous que vous enrichissez votre page d’accueil, et non une fiche produit: vos séquences vidéos doivent être courtes.
La vidéo en arrière plan de votre page d’accueil présente plusieurs avantages. Cependant, le problème est que cela peut aussi devenir un cauchemar en terme d’intégration.
Par exemple, il est compliqué pour un intégrateur de jouer avec la mise en cache de la vidéo. Par conséquent, les vidéos provoquent des rechargements à chaque fin de boucle (l’expérience utilisateur peut varier entre les navigateurs et les appareils).
C’est pourquoi vous devez privilégiez des séquences courtes, qui vont pouvoir se recharger plus rapidement.
Ne tombez pas non plus dans le travers de produire un « GIF animé » de quelques secondes; tout l’impact recherché de la vidéo serait alors perdu. Une boucle trop courte, et vous pouvez être certain “d’irriter” votre visiteurs.
En règle générale, une boucle vidéo de 16 secondes fera l’affaire. Pourquoi 16 secondes? Dans le monde de la musique, il est d’usage de dire qu’au bout de ce laps de temps, le cerveau ne sait plus dire si le rythme qu’il écoute est une « répétition » ou un rythme « légèrement alteré ».
Vous pouvez également mieux instrumentaliser le comportement de vos visiteurs grâce à des séquences vidéos plus courtes. Wix par exemple incite l’utilisateur après 12 secondes à agir avec un écran « Quel site voulez-vous créer? »qui apparait en sur impression (simule un scroll de page). C’est une bonne manière de faire avancer l’utilisateur vers la prochaine étape du processus de conversion.
J’ai l’impression de me retrouver 10 ans en arrière avec cette recommandation… A une époque, la mode était de déclencher un « environnement sonore » dès que le visiteur arrivait sur un site, pour “capter son attention” disait-on… J’ai rarement connu un monde web aussi horrible…
Cette époque est révolue. Mais le risque substiste encore alors que c’est une décision sans appel: si vous utilisez la vidéo en arrière plan de votre page d’accueil, coupez le son !
Si vous jugez que le son de votre vidéo peut apporter quelque chose, laissez à l’utilisateur le choix de le réactiver, ou pas.
Le site de Billabong « I surf because… » est la seule exception que je connaisse. En effet, dans ce cas précis, la musique choisie avec les vidéos en arrière plan:
Le monde est mobile. C’est une réalité. Or vouloir mettre une vidéo en arrière plan de sa page d’accueil n’est pas une décision très “mobile friendly”. A vrai dire, c’est même tout le contraire.
Les détracteurs de la vidéo en arrière plan utilisent d’ailleurs cet argument massue:
- « à quoi bon investir dans un design desktop sophistiqué,
- avec des vidéos produites spécialement pour l’occasion,
- quand aujourd’hui 6 internautes sur 10 se connectent via mobile? »
La majeure partie des plateformes mobiles ne gèrent même pas le démarrage en autoplay d’une vidéo! Et ce n’est pas la couverture réseau de certaines régions qui va améliorer le temps de chargement…
C’est pourquoi lorsque vous concevez votre page d’accueil avec de la vidéo en arrière plan, anticipez également ce que sera la version mobile de votre site.
Wix ne propose pas d’expérience vidéo sur sa page d’accueil mobile. Sur un smartphone, l’utilisateur tombe sur un site mobile avec des images statiques, avec des écrans & des fonctionnalités imaginés pour l’appareil. Vous pouvez par exemple faire défiler les modèles de sites à l’aide d’un carrousel qui a une ergonomie plus adaptée, et plus habituelle, sur smartphone.
Le principal obstacle à la vidéo en arrière plan est souvent le temps de chargement. Gardez à l’esprit que même si le cerveau humain est “familier” avec la vidéo et le mouvement, les internautes ont une attention de poisson rouge (8 secondes pour être précis).
Si la page se charge trop lentement, votre image de marque en prendra un coup, provoquant alors l’effet contraire à celui recherché. Et dans ce cas précis, même Wix n’excelle pas (bon je sais, mon blog est encore pire, mais j’y travaille!)
Faire des choses “jolies” ou “cool” ne doit en aucun cas primer sur la qualité de l’expérience utilisateur. Faites tout, absolument tout, ce qui est en votre pouvoir pour réduire au maximum cette latence de chargement.
Mais souvenez vous que vous ne contrôlez pas toujours tout. Vous êtes aussi dépendant de facteurs externes, comme la vitesse de connexion.
Nous l’avons vu, la vidéo en arrière plan de votre page d’accueil présente des avantages marketing pour votre marque, et peut enrichir l’expérience utilisateur si cela est « bien fait », comme sur le site de Wix.
En revanche, n’implémentez surtout pas une vidéo en arrière plan de votre page d’accueil si vous n’êtes pas en mesure de garantir que vous respectez ces six bonnes pratiques à 100% ! Vous l’aurez compris: si il s’agit de forcer l’utilisateur à attendre longtemps que votre page d’accueil se charge, avec une vidéo de mauvaise qualité, et un site inadapté au mobile, alors le jeu n’en vaut pas la chandelle.
Dans certains cas également, ce type de design web ne convient pas.
Ce qui compte est de rester focalisé sur les choses importantes:
Si vous pensez que la vidéo peut vous aider à booster vos résultats, foncez. Sinon, restez sur un traditionnel “image + texte”, cela fera aussi très bien l’affaire !
La nouvelle est tombée, et elle laisse un goût amer à ceux qui, comme moi,…
Il existe une croyance tenace dans le monde de l'acquisition payante : si les chiffres…
Il y a une quinzaine d'années, quand j'ai commencé sur Google Ads (qui s'appelait encore…
Dans le microcosme du marketing digital, il existe un mythe tenace, une sorte de sirène…
Nous sommes en 2026. L'ère du "mot-clé" tel que nous l'avons connu pendant deux décennies…
Imaginez que vous entriez dans une soirée networking. Au lieu de saluer les gens, d'échanger…