Les carrousels sont-ils efficaces?
Accédez à à peu près n'importe quel site de commerce électronique et la page d'accueil est presque garantie de présenter un carrousel - un panneau auto-rotatif, généralement avec une sorte de petite navigation, mettant généralement en évidence les nouvelles versions de produits, les ventes ou les offres.
Existe-t-il des études qui examinent l'efficacité réelle des carrousels en termes de conversions et par rapport à d'autres moyens de afficher des informations similaires? J'ai l'hypothèse qu'ils pourraient être quelque chose d'un cliché d'interface utilisateur, partiellement pris en charge en regardant les données de clic de certains de nos propres sites.
Presque tous les tests que j'ai gérés ont prouvé que la plupart des utilisateurs manquent le contenu livré via des carrousels. Peu d'interagir avec eux et beaucoup disent qu'ils ressemblent à des publicités - nous avons vu le concept de cécité des bannières en plein effet.
En termes d'économie d'espace et de promotion de contenu, de nombreux messages concurrents sont livrés dans une seule position, ce qui peut entraîner une perte de concentration.
Je suis tout à fait certain qu'ils sont en effet un cliché d'interface utilisateur né de leur inclusion dans les applications de trame métallique et de leur intégration dans les frameworks JavaScript.
Les carrousels sont capables de dire aux gens du marketing/de la haute direction que leur dernière idée est maintenant sur la page d'accueil.
Ils sont presque inutiles pour les utilisateurs et souvent "sautés" car ils ressemblent à des publicités. Ils sont donc une bonne technique pour obtenir des informations inutiles sur une page d'accueil (voir la première phrase de cet article).
En résumé, utilisez-les pour mettre du contenu que les utilisateurs ignoreront sur votre page d'accueil. Ou, si vous préférez, ne les utilisez pas. Déjà.
Soit dit en passant, ces vues ne sont pas les miennes, mais sont basées sur l'observation de milliers de tests avec les utilisateurs.
En tant qu'utilisateur, je trouve les carrousels légèrement ennuyeux:
La plupart ont un échec d'utilisation que je tombe dans les catégories décrites dans cet article:
5 grosses erreurs d'ergonomie que les concepteurs font sur les carrousels
Aucune possibilité de mettre en signet un élément particulier sur le carrousel, par exemple jetez un œil au carrousel de photos BBC News qu'ils utilisent: http://www.bbc.co.uk/news/world-africa-14619799 = Il n'y a aucun moyen pour moi de mettre en signet le sixième élément et d'envoyer un lien.
Carrousels qui ne me permettent pas de faire un clic droit sur un élément et "ouvrir dans un nouvel onglet/page" - carrousels flash
Carrousels dont la navigation non intuitive est imprévisible, comme la rotation de contenu sans raison valable simplement parce que vous avez déplacé votre souris dessus.
Dans tous les tests que j'ai effectués, les carrousels de page d'accueil sont totalement inefficaces.
D'une part, tout ce qui dépasse la vue initiale a une énorme diminution de l'interaction des visiteurs. Et deuxièmement, les chances que les informations affichées dans le carrousel correspondent à ce que le visiteur recherche sont minces. Donc, dans ce cas, le carrousel devient une très grande bannière qui est ignorée. Test après test, la première chose que fait le visiteur lorsqu'il arrive sur une page avec un grand carrousel est de le faire défiler juste à côté et de commencer à rechercher des déclencheurs qui les feront avancer dans leur tâche.
La seule exception que j'ai trouvée était lors de tests autour d'un jour férié et le carrousel parlait spécifiquement de ce jour férié, il y avait une augmentation du nombre de clics qu'un visiteur avait avec le carrousel.
Je n'utilise pas ou ne suggère pas l'utilisation de carrousels. Le changement d'images peut distraire les utilisateurs lorsqu'ils lisent du texte sur la page.
Vous pourriez trouver des informations intéressantes sur http://digitaleskimo.tumblr.com/post/752912498/image-carousel-appropriateness
https://blinkux.com/ideas/usability-highlights-2008-beyond ne conteste pas l'utilisation ou sans cause, mais propose quelques conseils dans la section "Évitez de donner aux utilisateurs un trajet déroutant sur votre carrousel" .
Quelques recherches sur les carrousels utilisation sur niversité de Notre Dame Le site Web a des résultats intéressants:
Environ 1% des visiteurs cliquent sur une fonctionnalité. Il y a eu un total de 28 928 clics sur les fonctionnalités pour cette période. La fonction a été "commutée/tournée" manuellement un total de 315 665 fois. Parmi ces clics, 84% étaient sur des histoires en position 1, le reste étant réparti de manière assez égale entre les quatre autres (~ 4% chacun) ... ("Fonctionnalité" fait référence aux appels à l'action individuels qui sont manuellement ou automatiquement tourné dans et hors de la vue.)
L'article traite également de la différence entre les carrousels statiques (c'est-à-dire ceux qui nécessitent une utilisation manuelle pour faire défiler) et les carrousels à transfert automatique. Étonnamment, les transferts automatiques reçoivent l'utilisation la plus élevée (8,8% des visiteurs ont cliqué sur le carrousel - 40% de ces clics concernaient l'élément de la première diapositive). Cependant, l'article aussi fait référence à l'article du groupe Nielsen indiquant que les carrousels de transfert automatique ne sont pas une bonne expérience utilisateur)
Pour les carrousels statiques, le taux de clics moyen se situait entre 1,7 et 2,3%, là encore le premier élément du carrousel recevant une sélection significativement plus élevée (48-62%).
La principale source d'articles pour ce contenu provient de weedygarden.net
Nous les avons construits pour les clients dans le passé, le principal moteur étant le SEO. (Images carrousel avec texte/liens superposés). Ils sont un moyen de rassembler beaucoup de contenu sur la page d'accueil principale sans avoir l'air de "jouer" aux moteurs de recherche ou au bourrage de mots clés.
Nous essayons de les rendre aussi efficaces et utilisables que possible, mais ils sont demandés par les responsables du marketing car ils ont l'air `` modernes '' et offrent la possibilité d'augmenter la quantité de copies sur la page d'accueil sans bombarder l'utilisateur d'informations inutiles.
Ils ont également été utilisés parce que différents secteurs de l'entreprise ne veulent pas que les sites mettent trop l'accent sur le produit/service `` X '', de sorte que l'image principale du `` héros '' soit une image rotative, alors divers secteurs de l'entreprise peuvent avoir produit principal à l'honneur en haut de la page d'accueil tout en même temps.
Donc oui, d'après mon expérience, ils sont avant tout un outil de marketing et non spécialement conçus pour l'utilisateur.
Je pense que les carrousels peuvent être efficaces tant qu'ils donnent le contrôle à l'utilisateur . Autrement dit, ils peuvent avancer, diriger le flux, savoir où ils se trouvent dans le carrousel et désactiver une fonction de lecture automatique.
Voici plus sur cette idée:
http://uxmovement.com/navigation/big-usability-mistakes-designers-make-on-carousels/
Voici un article qui cite quelques études semi-récentes à Notre Dame et Nielsen/Norman . Cela pourrait être pertinent pour la discussion.
Résumer:
- Les flèches distraient!
- N'utilisez pas de carrousels Web pour présenter des produits
- Utilisez des carrousels Web pour marquer votre site ou votre offre
- Les carrousels Web ne sont pas idéaux pour les sites Web de bureau
- Les carrousels Web obtiennent des pressions très importantes sur les mobiles!
- Limitez votre carrousel mobile à 4 panneaux
- Limitez chaque panneau à un produit ou une image
(Remarque: je déteste les choses, mais cet article semble être venu en paix avec elles et explique comment les utiliser de la meilleure façon, si vous devez les utiliser.)
D'après ma propre expérience en regardant les données analytiques des sites que j'ai créés, je peux dire que la plupart des utilisateurs n'interagissent pas avec un carrousel, et encore moins en convertissent un.
J'ai remarqué récemment qu'un certain nombre de sites qui avaient des carrousels n'en ont plus et affichent plutôt un seul "panneau" (si vous regardez le HTML, il reste des restes d'un carrousel précédent dans certains cas). Microsoft est probablement l'exemple le plus remarquable ( http://www.Microsoft.com/ ) un autre est le site de BYU ( http://home.byu.edu/home/ ). Le site de Google Analytics ( http://www.google.com/analytics/ ) Je pense que j'en avais l'habitude mais que je n'en ai plus.
Bien que cela ne réponde pas directement à votre question (d'autres l'ont déjà bien fait), je pense qu'il est intéressant de noter que de grandes organisations comme Microsoft (que je suis assez confiant pour regarder et analyser les données de conversion) ont décidé d'abandonner le carrousel, probablement en faveur de temps de chargement plus rapides.
Sidenote intéressante: Je pense que le site Web de NNG ( http://www.nngroup.com/ ) fournit une bonne alternative pour un site qui veut se débarrasser complètement d'une image de carrousel/héros. J'ai vu des tonnes de sites avec la même mise en page, à l'exception d'un carrousel entre la description de l'entreprise et les trois blocs avec des images. Notez comment sur le site de NNG, vous ne manquez pas vraiment d'avoir un carrousel entre ces deux éléments de page. En fait, c'est mieux sans.
La plupart des carrousels ont des flèches et des points de pagination. Les utilisateurs ne sont pas attirés par cela. Ils sont attirés par les étiquettes de texte.
Pourquoi les utilisateurs ne cliquent pas sur le carrousel de votre page d'accueil
Résumer:
Les étiquettes sont informatives, significatives et décrivent ce que veulent les utilisateurs. L'étiquetage de chaque diapositive les incite à cliquer, car les étiquettes leur indiquent ce qu'ils obtiendront. Les utilisateurs sont plus susceptibles de cliquer sur quelque chose qui leur semble informatif.
Ayant conçu de nombreux sites de commerce électronique, je dirais que les carrousels sont efficaces. Plus précisément pour amener les utilisateurs à voir plus de promotions principales. Ils sont amusants pour les utilisateurs d'interagir avec et d'améliorer les promos de vraisemblance qui seront effectivement lus ou auront un impact.
J'ai utilisé avec succès le carrousel javascript du professeur Cloud avec des rotations de fonctionnalités également. N'oubliez pas que tout n'a pas besoin de cette fonctionnalité, utilisez-la avec parcimonie, sinon le reste du contenu de votre page en souffrira.
J'ai également eu du mal avec l'équipe marketing, qui voulait d'une part optimiser la vitesse de chargement de la page d'accueil, et d'autre part - mettre un carrousel avec des images énormes "présentant l'expérience incroyable." Et dans ce cas particulier, cela s'est avéré totalement inefficace.
Voici quelques conclusions intéressantes sur le sujet: http://conversionxl.com/dont-use-automatic-image-sliders-or-carousels-ignore-the-fad/
En bref - la plupart des experts en conversion sont contre les bannières et les carrousels rotatifs et si vous avez besoin de prendre soin des conversions, vous feriez mieux de penser à d'autres options pour "mettre en valeur l'expérience" :)
Je pense que le carrousel a son utilisation dans le commerce électronique en fonction du type (en fait de la taille) du site Web avec lequel vous traitez.
Par exemple, si vous traitez avec un site Web qui a la taille d'une baie électronique, il devrait y avoir un carrousel afin d'annoncer des offres, de nouveaux produits et d'autres types d'informations qui, autrement, n'atteindraient pas le consommateur final. Je suppose qu'il existe également une étude à ce sujet, mais il est logique de canaliser l'utilisateur vers quelque chose à moins que vous ne sachiez déjà quelque chose sur ses préférences de navigation (par exemple, le cas lorsque vous utilisez des cookies ou qu'il a déjà un compte).
D'un autre côté, si vous traitez avec un site Web où vous avez une très petite gamme de produits, il n'y a pas besoin de carrousel (exemple: http://www.hardgraft.com/ ) et c'est il est plus qu'évident que l'un de ces outils dérangerait définitivement les utilisateurs.
Un bon exercice serait pour quelqu'un d'imaginer arriver sur target.com pour la première fois et ne pas avoir de carusel ... où irait-il, quel serait le taux de rebond pour la page d'accueil, etc.
Il y a aussi des exemples de carrousels sur la page d'accueil sur de très petits sites Web ( http://cleaneverything.com/ ) mais à mon avis sur cet exemple, le carrousel est inutile.