À retenir
- Optimise l'espace visuel en empilant le contenu.
- Favorise l'interactivité et l'engagement visuel.
- Doit être utilisé avec parcimonie pour ne pas perdre l'attention de l'internaute.
Un carrousel est un élément d'interface visuelle qui permet de faire défiler plusieurs contenus, comme des images ou des cartes, dans un espace limité. C'est un peu comme un présentoir rotatif de cartes postales : on fait tourner les éléments pour afficher celui que l'on souhaite voir sans encombrer tout l'espace de la page.
Étymologie
Le mot provient du français « carrousel », qui désignait historiquement un spectacle équestre ou, plus récemment, un manège de chevaux de bois. En informatique, il illustre l'idée d'un mouvement circulaire où, une fois arrivé au dernier élément, on revient souvent au premier.
Exemples d'usage
- Les bannières publicitaires interactives en haut des sites de commerce en ligne.
- La liste des films suggérés sur les plateformes de streaming comme Netflix ou Disney+.
- Un diaporama de photos sur un site de photographie ou d'immobilier.
Cas d'usage
On l'utilise principalement en conception de sites web (UI/UX) et dans les applications mobiles pour regrouper des contenus similaires (produits, témoignages, articles récents) sans allonger démesurément la page verticalement.
Bonnes pratiques
Il est recommandé de laisser l'utilisateur contrôler le défilement plutôt que de forcer une rotation automatique trop rapide. Il faut également veiller à l'accessibilité en ajoutant des boutons de navigation (flèches) visibles et en permettant l'usage du clavier pour passer d'une image à l'autre.
Synonymes
Antonymes
Conseil
Si vous débutez en design web, n'utilisez pas de carrousel pour des informations cruciales. Placez toujours l'élément le plus important sur la première vue, car beaucoup d'utilisateurs ne feront jamais défiler la suite.
Questions fréquentes
Le carrousel est-il efficace pour le marketing ?
Il permet de montrer plusieurs offres, mais les statistiques montrent que les utilisateurs cliquent rarement après la deuxième diapositive.
Est-ce accessible aux personnes malvoyantes ?
Seulement s'il est correctement codé avec des balises spécifiques (ARIA) et s'il peut être contrôlé sans souris.