Carousel
C
Definition complete
Le carousel (ou carrousel) est un composant d'interface permettant d'afficher plusieurs contenus (images, produits, témoignages) dans un espace unique avec navigation horizontale. L'utilisateur peut faire défiler les éléments manuellement ou via un défilement automatique.
Les carousels sont particulièrement efficaces dans certains contextes :
- Galeries produits : présentation de plusieurs vues d'un article e-commerce
- Témoignages clients : rotation de plusieurs avis dans un espace compact
- Stories/Reels : format natif sur Instagram, Facebook, LinkedIn
- Portfolios : showcase de réalisations ou études de cas
Cependant, les études UX révèlent que les carousels en page d'accueil ont un faible taux d'interaction : moins de 1% des utilisateurs cliquent au-delà de la première slide. Les sliders automatiques sont particulièrement problématiques car ils frustrent les utilisateurs qui tentent de lire le contenu.
Bonnes pratiques pour un carousel efficace : indicateurs de pagination visibles, navigation au clavier accessible, pause au survol, vitesse de défilement raisonnable, et surtout contenu de valeur sur chaque slide.
Exemples pratiques
- LinkedIn : posts carousel de 10 slides pour partager des conseils ou études de cas avec fort engagement
- E-commerce : carousel de 4-6 photos produit avec zoom au clic et thumbnails de navigation
- Landing page : témoignages clients en carousel avec photo, nom et verbatim
A quoi sert Carousel ?
- Galeries de produits e-commerce : presenter plusieurs angles et variantes d'un article
- Temoignages clients : afficher plusieurs avis dans un espace compact
- Presentation de portfolio : showcase de realisations avec navigation fluide
- Contenus reseaux sociaux : format carousel LinkedIn et Instagram pour plus d'engagement
- Mise en avant de partenaires : logos clients ou sponsors en rotation
Carousel en pratique chez 123web
Chez 123web, nous concevons des carousels accessibles et performants, optimisés pour l'engagement utilisateur et les Core Web Vitals, en évitant les anti-patterns qui nuisent à la conversion.