Les carrousels, meilleurs ennemis des sites web

Rares sont les projets web ou les animations ne sont pas demandées. OK, c’est sympa d’avoir des produits qui défilent sur la page d’accueil.

Oui, c’est utile car on peut mettre beaucoup d’informations dans un espace réduit en jouant sur la visibilité temporelle des différents composants.

Mais la majorité des études liées à l’ergonomie et la conversion montre que ces dispositifs sont plus néfastes qu’utiles (voir le test éloquent mené par Jacob Nielsen sur le site Siemens) et font au final perdre de l’argent. Explications.

Un carousel sur un site internet pour quoi faire ?

Si on enlève l’effet « c’est joli, ça anime la page » qui n’a pas vraiment d’intérêt fondamental (les internautes ne viennent pas sur le web pour que ça tourne dans tous les sens), on peut voir deux avantages à utiliser ce type de dispositif :

• Ça montre la technicité du site web. Le site web paraît haut de gamme. C’est flatteur pour le propriétaire et valorisant pour le prestataire. Dans de rares cas, ça peut aider à plonger l’internaute dans une atmosphère particulière (ce qui rappelle les sites en flash des marques de luxe)
• Ça permet de mettre tout le monde d’accord. Il n’y a pas assez de place sur la page d’accueil et encore moins au-dessus du fold (la fameuse ligne de visibilité sans avoir besoin d’utiliser la souris pour voir la suite – concept de plus en plus dépassé avec les designs adaptifs) alors un diaporama défilant permet de tout montrer dans un espace réduit. Au lieu de faire des choix, on montre tout quitte à surcharger d’information et perdre de vue les objectifs clés du site web. C’est mauvais mais ça rassure tous les managers (leur produit / service est bien visible car en page d’accueil)

Les petits points négatifs du carrousel

• Techniquement, un carrousel nécessite du code supplémentaire (parfois beaucoup) ce qui surcharge les pages web et les ralentit (ce qui n’est pas bon pour le référencement et les conversions)
• Un carrousel nécessite des images d’une certaine taille. Si les images ne sont pas de la bonne taille, c’est au webmaster de s’en charger (du temps de perdu en plus). Parfois, le script de carrousel le gère automatiquement (avec des agrandissements qui détériorent les photos ou des redécoupages qui ne savent pas centrer sur le sujet principal de l’image).
• Un carrousel nécessite au moins une image. Et trouver la bonne image est parfois consommateur de temps.
• Le contenu des diaporamas défilants circule trop vite ou trop doucement. L’internaute aime et doit être maître du défilement des diapos. Les contrôles ne sont, hélas, pas toujours présents ou visible.
• Un carrousel ajoute de la complexité à la page. Et l’internaute n’aime pas réfléchir : il faut que la navigation soit simple et l’information facilement consommable sinon l’ergonomie et la satisfaction du site web en pâtit.
• Le contenu est tronqué ou ne donne pas forcément envie d’en lire plus (il faut que ça rentre dans l’espace prévu et que le contraste entre le visuel de fond et le texte soit suffisamment important pour être lisible).

Les gros points négatifs des carrousels

• Le cerveaux des internautes a développé au fil des années tout en régiment de raccourcis pour se focaliser sur le contenu. Le « banner blindness » est particulièrement connu et s’applique très bien aux carrousels : tout se qui bouge est probablement de la pub alors autant ne pas le traiter comme une information. Ainsi ce qui devait être mis en avant se retrouve ignoré par les internautes.
• Une baisse des interactions. Les carrousels tendent à rendre les internautes passifs (baisse du nombre de clics).
• Beaucoup de place perdue. Rares sont les caroussels de petite hauteur. Dommage étant donné les taux de clics particulièrement faibles (1% sur la première diapo et moins de 0,1% sur les autres d’après l’Université Notre Dame). La place perdue en page d’accueil est donc importante et pourrait être utiliser pour proposer du contenu qui plaira à l’internaute
• Trop de message = plus de messages. À force de trop vouloir en dire, l’internaute ne retient rien.

Alors quoi faire ?

Comme toujours, il faut revenir aux fondamentaux : à quoi sert le site web ? Si le but est d’être cool et d’en mettre plein la vue, alors utiliser des carrousels est une bonne idée. Si le but est de vendre (ou de collecter des emails ou de faire en sorte que le contenu soit intégré), il vaut mieux supprimer les carrousels.

Dans la majorité des cas, il vaut mieux donc :

• Supprimer les carrousels et les remplacer par de belles photos fixes (les internautes savent scroller de toutes façons)
• Tester si le carrousel est vraiment utile (un simple test A/B permet de savoir plutôt que d’imaginer l’impact sur les objectifs du site).

Et s’il faut malgré tout garder le carrousel, les meilleures pratiques sont ci-dessous :

• Conserver un message cohérent entre les slides
• Utiliser uniquement des visuels de bonne qualité
• Faciliter la navigation (gros boutons, flèches bien visibles)
• Ne charger que les diapos visibles (pour alléger la page et la charger plus rapidement)
• Ne pas faire défiler automatiquement le diaporama
• Indiquer à l’internaute que du contenu est caché (le diaporama est peut-être évident pour le concepteur mais pas forcément pour l’internaute)
• S’assurer que le carrousel fonctionne sur mobile et tablette

La mode des carrousels n’est pas prête de se tarir et c’est tant mieux pour tout ceux qui ne les utilisent pas ! En faites-vous partie ?