Un slider, ou carrousel, est un composant d’interface web qui présente plusieurs contenus dans un même emplacement de la page, en les faisant défiler un par un, automatiquement ou à l’initiative de l’utilisateur.
Chaque contenu occupe une diapositive : une image, une vidéo, un message promotionnel ou une fiche produit. L’utilisateur passe de l’une à l’autre par des flèches, des points, un glissement du doigt ou le clavier. En mode automatique, une minuterie fait avancer les diapositives à intervalle fixe. Le slider se place surtout en tête de la page d’accueil, au-dessus de la ligne de flottaison. On le trouve aussi dans les galeries d’images des fiches produit et dans les listes de produits ou de témoignages.
Ses composantes sont le conteneur, les diapositives, les commandes de navigation (précédent, suivant) et un indicateur de position qui montre la diapositive affichée et leur nombre total. En défilement automatique, il comporte aussi une commande de pause. Chaque diapositive porte en général un visuel, un titre court et un call to action.
Le mot a un second sens en conception d’interface : le curseur de sélection, glissière qui règle une valeur, comme le volume ou un prix maximal dans un filtre. Le slider de contenus se distingue aussi de l’image d’en-tête fixe, qui n’affiche qu’un message, et du menu par onglets, où l’utilisateur choisit le contenu par un intitulé visible. Le terme s’emploie en webdesign, en ergonomie, en commerce en ligne et lors des refontes de site.
Un slider de page d’accueil naît souvent d’une difficulté d’organisation plus que d’un besoin du visiteur. Plusieurs services veulent la meilleure place ; le carrousel leur en donne une à chacun. Notre lecture : le vrai sujet est la hiérarchie des messages, et le composant ne la règle pas.
La recherche en ergonomie va dans ce sens. Dans « Carousel Usability » (Nielsen Norman Group, 2013, revu en 2026), Kara Pernice relève que les visiteurs font souvent défiler la page au-delà du carrousel. Elle recommande de présenter aussi ailleurs les contenus importants et d’envisager une image fixe plutôt qu’un ensemble rotatif.
Placé en haut de page, le slider porte souvent le plus grand élément visible au chargement. Or l’indicateur LCP mesure le temps de rendu de la plus grande image, du plus grand bloc de texte ou de la plus grande vidéo visible dans la fenêtre (web.dev, « Largest Contentful Paint »). Une première diapositive lourde dégrade donc directement le temps de chargement perçu. Nous recommandons de charger en priorité la première image et de différer les suivantes.
Trois mesures suffisent pour juger un slider. Le taux de clics de chaque diapositive, rapporté au nombre d’affichages de cette diapositive et non de la page. La part des clics qui revient à la première diapositive : si elle concentre presque tout, les suivantes ne servent pas. Les interactions avec les commandes de navigation, qui disent si quelqu’un fait défiler volontairement. Une heatmap complète l’analyse. Un test A/B contre une image fixe tranche ensuite la question.
Advalians établit ce qui rend votre entreprise préférable et les preuves qui le démontrent, pour hiérarchiser vos messages et donner à tous un même discours.
Advalians, cabinet de conseil indépendant en marketing et communication, vous aide à clarifier vos choix et à décider.
Le slider fait se succéder plusieurs messages dans le même emplacement ; l’image d’en-tête fixe n’en affiche qu’un. Le premier permet de donner de la visibilité à plusieurs sujets. La seconde oblige à choisir le message prioritaire, mais garantit que tous les visiteurs le voient.
Pour choisir, listez les messages candidats et demandez-vous lequel répond à l’intention de la majorité des visiteurs. S’il en existe un, l’image fixe suffit. Les autres messages trouvent leur place plus bas dans la page d’accueil, sous forme de blocs visibles sans action.
Limitez-vous à cinq diapositives au plus et affichez clairement la position et le nombre total. Prévoyez des flèches assez grandes pour un usage au doigt, une navigation au clavier et un bouton de pause visible si le défilement est automatique.
Vérifiez enfin le rendu sur petit écran, où l’espace disponible change la lecture.
Mesurez le taux de clics de chaque diapositive, rapporté au nombre de fois où elle a réellement été affichée. Comparez ensuite la part des clics captée par la première diapositive avec celle des suivantes.
Suivez aussi les clics sur les flèches et les points. S’ils sont rares, les visiteurs ne parcourent pas le slider et ne voient que le premier message. Pour trancher, lancez un test A/B sur plusieurs semaines entre le slider et une image fixe portant le message principal. Retenez comme critère l’objectif de la page, une demande de contact ou une vente par exemple, et non le seul nombre de clics.
Oui, dans de nombreux cas. Il coupe la lecture d’un visiteur qui n’a pas fini, il gêne ceux qui ont besoin de plus de temps et il attire l’œil au détriment du reste de la page. Sur mobile, mieux vaut s’en passer.
Si vous le conservez sur ordinateur, trois règles s’imposent. Le défilement s’arrête dès que l’utilisateur survole ou touche le slider. Un bouton de pause est toujours visible. La durée d’affichage laisse lire le message entier. Le critère 2.2.2 des WCAG exige d’ailleurs un moyen de mettre en pause un contenu en mouvement qui démarre seul, dure plus de cinq secondes et s’affiche avec d’autres contenus.
Remplacez-le quand un message domine nettement les autres, quand les mesures montrent que les diapositives suivantes ne sont presque jamais vues, ou quand il ralentit l’affichage du haut de page sur mobile. Une image fixe avec un message clair, suivie de blocs visibles, couvre alors mieux le besoin.
Le slider reste utile pour une galerie de photos de produit, où l’utilisateur cherche lui-même à voir plusieurs vues, ou pour une série homogène de contenus du même type. Le critère est simple : le visiteur veut-il parcourir la série ? Si c’est le cas, gardez le composant.
Modèles, grilles et guides prêts à l’emploi pour vos projets marketing et communication.
