[ECOMMERCE] STOP aux carrousels sur les pages d'accueil ! ⋆ Wexperience

Dans un article bien inspiré comme à l’accoutumée, Jacob Nielsen, le pape de l’ergonomie web, descend en flammes les systèmes de carrousels sur les pages d’accueil des sites ecommerce.

L'exemple montré par Nielsen : ici, une bannière "invisible" puisque les utilisateurs à qui l'on demandait de trouver des lave-linges en promotion ne voyaient pas l'offre qui était pourtant sous leurs yeux. Normal, affirme Nielsen, ce carrousel commet à peu près toutes les erreurs possibles en la matière

A vrai dire, chez Wexperience, nous l’avions aussi déjà remarqué, les carrousels ne donne pas toute l’efficacité escomptée.

Trop grands : ils occupent souvent beaucoup d’espace pour rien
Trop graphiques : leur aspect « bannière publicitaire » tend à faire perdre leur attention aux visiteurs, c’est l’effet de banner blindness.
Trop rapides : la plupart du temps, ils défilent trop rapidement laissant à peine le temps à l’utilisateur de les voir
Difficilement contrôlables : souvent les contrôles sont oubliés ou sont difficiles à voir obligeant les utilisateurs à essayer de comprendre leur fonctionnement alors qu’ils ont autre chose à faire
Trop longs à télécharger : les carrousels en Flash mettent parfois plusieurs secondes avant d’apparaître et comme l’a démontré Jacob Nielsen, cela revient à ne pas les afficher du tout

Lorsqu'on arrive sur cette page du site de Mc Donald's France, on a le droit, pendant quelques secondes à une magnifique page blanche.

Après quelques secondes, le contenu de la page s'affiche. Outre que Jacob Nielsen ait démontré que ce genre de carrousel n'était pas vu par les utilisateurs, il est, en plus, inutilisable sur les tablettes et smartphones.

Il ne faut certes pas renoncer aux carrousels qui permettent d’afficher plusieurs offres dans un même espace, mais pour que ceux-ci soient vraiment efficace, il faut savoir respecter un certain nombre de règles de conception, ce qui, d’après notre expérience, est rarement le cas.

12 commentaires pour “[ECOMMERCE] STOP aux carrousels sur les pages d’accueil !”

e-komerco, le 22 janvier, 2013 à 10 h 14 min dit :

Bonjour,

C’est dommage, cette portion « ..mais pour que ceux-ci soient vraiment efficace, il faut savoir respecter un certain nombre de règles de conception,.. » est alléchante mais on reste sur notre fin.

Je suis certain que beaucoup vont se demander quelles sont ces règles de conception à respecter ;)
e-komerco, le 22 janvier, 2013 à 10 h 15 min dit :

Bonjour,

C’est dommage, cette portion « ..mais pour que ceux-ci soient vraiment efficace, il faut savoir respecter un certain nombre de règles de conception,.. » est alléchante mais on reste sur notre faim.

Je suis certain que beaucoup vont se demander quelles sont ces règles de conception à respecter ;)
Olivier, le 22 janvier, 2013 à 10 h 22 min dit :

Ce sera peut-être l’objet d’un prochain article.
En attendant, voici quelques règles simples :
– ne le faites pas défiler trop vite afin que les gens aient le temps de les lire
– permettez de pouvoir contrôler le carrousel avec des boutons clairs, visibles, bien clivables
– soyez simple : une accroche, quelques arguments, un visuel, un call-to-action
– evitez le format trop publicitaire, ne soyez pas trop tapageur
– intégrez son design à celui du site

Bon courage !
Laurent, le 22 janvier, 2013 à 10 h 27 min dit :

En fait ce n’est pas non aux carrousels c’est plutôt faites les bien vos carrousels ^_^
e-komerco, le 22 janvier, 2013 à 10 h 28 min dit :

Merci Olivier pour ce complément constructif.
Guillaume, le 22 janvier, 2013 à 10 h 29 min dit :

Il ne faut pas non plus tomber dans l’excès inverse :
– le but du carrousel est plus de présenter un concept, ou d’être plus ou moins une tête de gondole… en restant justement ceci : de même qu’un responsable de rayon ne va pas empêcher l’accès aux caisses avec son produit phare, un carrousel designé sans penser « ligne de flottaison » et multi-résolutions peut effectivement nuire à l’utillisabilité du site et son but, qui reste de vendre
– de même, un carrousel bien développé en responsive design permet justement son utilisation sur tablette ou smartphone, ramenant l’aspect « ludique », mais surtout fonctionnel du toucher si cher aux utilisateurs de terminaux « mobiles »
– enfin, pour parler du flash… à part pour des jeux ou des bannières, il faut reconnaître qu’il nuit plus au fonctionnement d’un site qu’autre chose (mais quand on voit maintenant certains sites en full js avec un loading de 3 min, on s’en rapproche ;-) )

juste un dernier détail… le « pape »… pourquoi pas, mais est-ce une bonne idée de le suivre aveuglément ? (re troll ;-) )

Guillaume
Guillaume, le 22 janvier, 2013 à 10 h 31 min dit :

pour info, il y avait des balises (troll) (/ troll) (avec sur le point parlant du flash… :-)
Olivier, le 22 janvier, 2013 à 10 h 38 min dit :

Effectivement, J Nielsen n’est pas toujours à prendre au pied de la lettre. N’empêche que c’est le seul à réaliser régulièrement des études sur des sujets divers et variés du commerce. Dommage qu’on ait pas la même chose en France ou en Europe.
Sébastien, le 22 janvier, 2013 à 10 h 41 min dit :

bonjour,

On peut également ajouter dans les règles :

– Optimiser le poids des images
– Charger les images après la page pour éviter de ralentir le chargement du site (Lazy Load)
– Mettre les images sur un CDN
– Vérifier que votre menu ne passe pas en dessous du carrousel

Bonnes optimisations :)
LaCity.fr : un beau site responsive encore perfectible : Capitaine Commerce 3.6, le 11 octobre, 2013 à 11 h 20 min dit :

[…] est engageante et valorise bien l’offre avec un grand carousel qui défile trop rapidement (problème récurrent dont j’ai déjà parlé). Les photos sont superbes et très inspirationnelles. On se perd un peu dans la page qui manque de […]
Les trucs d’Ergoman mobile : mettre son site au goût des tablettes : Capitaine Commerce 3.6, le 11 mars, 2014 à 10 h 09 min dit :

[…] de pages d’accueil. Outre qu’ils alourdissent singulièrement le chargement d’une page (voir mon autre article sur le sujet ici), ceux-ci peuvent n’être pas bien adaptés non plus à l’utilisation sur […]
Améliorez votre page d’accueil : Capitaine Commerce 3.6, le 2 juillet, 2014 à 15 h 24 min dit :

[…] à la vitesse de défilement et à ne pas être redondant par rapport au reste de la page ! (voir l’excellent article de Wexperience sur le […]

[ECOMMERCE] STOP aux carrousels sur les pages d’accueil !

12 commentaires pour “[ECOMMERCE] STOP aux carrousels sur les pages d’accueil !”

Laissez un commentaire