Vidéo automatique en hero : pourquoi c’est une mauvaise idée sur un site web

Il est presque cou­rant de voir une vidéo en lec­ture auto­ma­tique dans le hero d’un site web. Est-ce pour don­ner une impres­sion de moder­ni­té ? De dyna­misme ? Est-ce pour « faire comme les autres » ou pour créer un effet visuel fort dès les pre­mières secondes ?

Pour­tant der­rière cela se cachent de nom­breux pro­blèmes : per­for­mances dégra­dées, expé­rience uti­li­sa­teur intru­sive, pro­blèmes d’ac­ces­si­bi­li­té, risques liés au RGPD. On peut se deman­der quels sont les béné­fices de la vidéo auto­ma­tique en hero.

Est-ce une bonne idée ? Vaut-il mieux s’en passer ?

Qu’est-ce que le hero et quel est son rôle.

Avant de par­ler de vidéo, rap­pe­lons ce q’est qu’est le hero.

Le terme hero vient de l’expression hero image, uti­li­sée en web­de­si­gn et en com­mu­ni­ca­tion visuelle. Il désigne l’élément prin­ci­pal d’une page. Cette zone est cen­sée cap­ter immé­dia­te­ment l’attention et por­ter le mes­sage cen­tral de votre site.

Sur un site web, le hero cor­res­pond à la par­tie visible dès l’arrivée sur la page, sans défi­le­ment. C’est la zone la plus stra­té­gique : celle qui doit per­mettre de com­prendre en quelques secondes où l’on se trouve, ce que pro­pose le site et pour­quoi il est per­ti­nent de conti­nuer la navi­ga­tion.
Cette zone ne sert pas à déco­rer la page, mais à incar­ner la pro­po­si­tion de valeur et à gui­der l’utilisateur dès le pre­mier regard.
C’est aus­si pour cette rai­son que le hero doit res­ter clair, lisible et maî­tri­sé.

C’est la pre­mière chose que l’utilisateur ou l’u­ti­li­sa­trice voit.

Son rôle est simple et exi­geant à la fois : expli­quer immé­dia­te­ment où l’on se trouve, pré­sen­ter la pro­po­si­tion de valeur et orien­ter l’utilisateur vers une com­pré­hen­sion rapide ou une action.
Il ne doit ni ralen­tir la page, ni per­tur­ber la lec­ture, ni détour­ner l’attention du mes­sage prin­ci­pal. Or, c’est pré­ci­sé­ment là que la vidéo auto­ma­tique en hero com­mence à poser problème.

Hero et dégradation des performances

Une vidéo reste un conte­nu lourd. Même com­pres­sée et opti­mi­sée, elle néces­site plus de res­sources qu’une image ou qu’un fond gra­phique. Pla­cée dans le hero et lan­cée auto­ma­ti­que­ment, elle est char­gée dès l’arrivée sur la page, avant même que la per­sonne qui arrive là n’ait com­pris ce qu’elle voit.

Le navi­ga­teur doit télé­char­ger les fichiers, déco­der la vidéo et gérer une ani­ma­tion conti­nue. Le ser­veur est plus sol­li­ci­té, la connexion de l’utilisateur aus­si. Résul­tat : le temps de char­ge­ment per­çu aug­mente et les indi­ca­teurs de per­for­mance se dégradent.
Or, la pre­mière impres­sion d’un inter­naute est déci­sive. Il ne patiente pas en ana­ly­sant les per­for­mances tech­niques du site. Il res­sent sim­ple­ment que « c’est lent ». Et très sou­vent, il repart avant même d’avoir com­men­cé à lire.

Une intrusion dans l’expérience utilisateur

La vidéo auto­ma­tique impose un rythme que l’utilisateur n’a pas choi­si. Même sans le son, un élé­ment en mou­ve­ment attire méca­ni­que­ment l’œil et détourne l’attention. La lec­ture devient moins natu­relle, plus fati­gante.
Uti­li­sa­teurs et uti­li­sa­trices arrivent sur un site avec une inten­tion pré­cise : com­prendre une offre, com­pa­rer, déci­der. Une ani­ma­tion impo­sée crée une sur­charge cog­ni­tive inutile. La per­sonne qui est devant cela, ne regarde pas la vidéo parce qu’elle le sou­haite, elle la subit.
Sur le web, le contrôle est un prin­cipe fon­da­men­tal. L’utilisateur doit pou­voir déci­der quand regar­der une vidéo, quand lire un texte, quand inter­agir. L’autoplay va direc­te­ment à l’encontre de cette logique.

Hero et accessibilité

Elle est, à mon goût, trop sou­vent négli­gée dans la concep­tion de hero ani­més. Pour­tant, une vidéo en lec­ture auto­ma­tique pose de vrais pro­blèmes à de nom­breuses per­sonnes.
Les per­sonnes uti­li­sant des lec­teurs d’écran peuvent être per­tur­bées par un conte­nu qui démarre sans inter­ac­tion. Les per­sonnes souf­frant de troubles de l’attention, de troubles cog­ni­tifs ou de sen­si­bi­li­té aux mou­ve­ments peuvent être gênées, voire mises en dif­fi­cul­té.

Les réfé­ren­tiels d’accessibilité sont pour­tant clairs : un conte­nu ani­mé qui démarre auto­ma­ti­que­ment doit pou­voir être arrê­té faci­le­ment, ne pas inter­fé­rer avec la com­pré­hen­sion et ne pas impo­ser un mou­ve­ment conti­nu. Dans un hero, ces condi­tions ne sont par­fois pas res­pec­tées. La vidéo devient alors un obs­tacle, là où le hero devrait être un point d’entrée.

Hero animé et RGPD

La vidéo auto­ma­tique en hero pose aus­si un pro­blème juri­dique, notam­ment lorsqu’elle est héber­gée sur une pla­te­forme tierce. Dès le char­ge­ment de la page, le navi­ga­teur de l’utilisateur contacte des ser­veurs externes pour récu­pé­rer la vidéo.
Cela peut entraî­ner la trans­mis­sion de don­nées per­son­nelles comme l’adresse IP, l’utilisation de cookies ou la col­lecte d’informations de navi­ga­tion. Dans de nom­breux cas, ces trai­te­ments néces­sitent un consen­te­ment préa­lable.
Avec une vidéo en auto­play dans le hero, ce consen­te­ment n’est pas expri­mé. Le simple affi­chage de la page déclenche déjà un trai­te­ment. Pour res­ter conforme, il fau­drait blo­quer la vidéo tant que l’utilisateur n’a pas don­né son accord, ce qui vide com­plè­te­ment l’idée de vidéo auto­ma­tique de son inté­rêt initial.

La vidéo en hero dilue le message

Le hero doit trans­mettre un mes­sage clair, immé­dia­te­ment com­pré­hen­sible. Or, la vidéo auto­ma­tique pri­vi­lé­gie sou­vent l’ambiance au détri­ment du sens. Plans esthé­tiques, mou­ve­ments lents, effets visuels : tout cela peut être sédui­sant, mais rare­ment explicite. 

L’utilisateur cherche d’abord à com­prendre ce que fait le site, à qui il s’adresse et pour­quoi il devrait res­ter. Si cette infor­ma­tion est noyée der­rière une ani­ma­tion, la pro­po­si­tion de valeur devient floue.

Per­son­nel­le­ment, pour moi, c’est une perte de temps, je ne regarde jamais ces vidéos. Je scrolle direc­te­ment quand je tombe sur cela.

La vidéo et son utilité

La vidéo peut être un excellent outil, mais elle doit être uti­li­sée avec inten­tion, pas comme un élé­ment déco­ra­tif impo­sé.
Dire que la vidéo auto­ma­tique en hero est une mau­vaise idée ne signi­fie pas qu’il faut ban­nir la vidéo d’un site web. La nuance est essen­tielle.
Une vidéo déclen­chée volon­tai­re­ment par la per­sonne visi­tant le site (donc pas auto­ma­ti­que­ment, je pèse mes mots), pla­cée plus bas dans la page, contex­tua­li­sée et accom­pa­gnée d’un mes­sage clair peut être très effi­cace. Elle devient alors un choix de l’utilisateur, et non une contrainte. 

La vidéo auto­ma­tique en hero est sou­vent choi­sie pour son impact visuel, mais rare­ment pour de bonnes rai­sons stra­té­giques. Elle ralen­tit le site, dégrade l’expérience uti­li­sa­teur, pose des pro­blèmes d’accessibilité et com­plique la confor­mi­té RGPD, tout en brouillant par­fois le mes­sage prin­ci­pal.

Un bon hero doit être rapide, clair et maî­tri­sé. Il doit ser­vir le mes­sage, pas le mas­quer. Dans la majo­ri­té des cas, une approche plus sobre, plus lisible et plus res­pec­tueuse de l’utilisateur est non seule­ment pré­fé­rable, mais aus­si plus effi­cace.

Si la vidéo est un atout, elle doit être pro­po­sée. Jamais imposée.