Défilement infini ou pagination : quel choix pour l'UX ?

Défilement infini ou pagination: quel choix pour l’UX?

Il suffit d’ouvrir presque n’importe quelle application culturelle, média ou plateforme de vente pour voir la même promesse silencieuse: il y aura toujours quelque chose après. Encore un projet, un produit, une image, une recommandation. La liste ne se termine pas; elle vous accompagne jusqu’à l’épuisement, ce qui est une manière assez contemporaine de confondre l’attention avec l’engagement.

Mais le choix entre défilement infini ou pagination pour l’expérience utilisateur ne relève pas d’une préférence décorative. Ce n’est pas la question, vaguement moderniste, de savoir si les numéros de page font « ancien web ». C’est une décision qui distribue du pouvoir: à qui appartient le rythme de navigation, à la machine qui alimente le flux ou à l’utilisateur qui cherche, compare, revient, classe et finit — parfois — par acheter.

Je me méfie des interfaces qui prétendent abolir la fin. Une interface n’est pas un tunnel de rétention; elle est aussi un instrument d’orientation. Et l’orientation, sur le web saturé de 2020 et de ses prolongements, est devenue une forme de respect.

Explorer n’est pas chercher: deux gestes, deux interfaces

Le débat est souvent mal posé parce qu’on parle du défilement infini et de la pagination comme de simples formats de liste. En réalité, ils correspondent à deux intentions psychologiques très différentes.

Le défilement infini convient à une navigation de découverte: l’utilisateur ne sait pas exactement ce qu’il veut voir, ou accepte de se laisser porter par une succession de contenus. C’est le régime du fil social, de la plateforme vidéo, du magazine visuel, parfois du portfolio. On ne consulte pas une suite d’objets; on entre dans une ambiance éditoriale. Le contenu se laisse parcourir, presque comme une matière.

La pagination introduit l’inverse: des seuils, des repères, une discrétisation du catalogue. Elle dit à l’utilisateur: « vous êtes ici, il y a tant de résultats, vous pouvez repartir de là ». Ce langage est moins euphorique, mais infiniment plus utile dès qu’une personne poursuit un objectif défini. Chercher une paire de chaussures dans une taille précise, comparer dix appareils photo, retrouver un produit vu la veille, transmettre une sélection à quelqu’un: dans ces situations, le flux devient vite une punition polie.

La différence tient moins à l’esthétique qu’au type d’attention mobilisé.

Le problème est que les équipes de design projettent volontiers leur propre rapport au contenu sur celui des visiteurs. Une direction artistique qui adore se perdre dans des archives de photographie peut imaginer que tous les internautes souhaitent faire de même. C’est flatteur pour la culture visuelle du studio; c’est moins convaincant pour la personne qui doit retrouver, dans un catalogue de 800 luminaires, le modèle aperçu trois minutes auparavant.

Une liste n’est pas « fluide » parce qu’elle ne finit jamais. Elle l’est lorsque l’utilisateur n’a jamais à deviner où il se trouve.

Dans un portfolio en ligne, par exemple, le défilement infini peut être pertinent si l’objectif est de construire une impression: faire défiler une constellation de signes, installer une grammaire graphique, laisser émerger des récurrences de couleur, de typographie ou de matière. Mais même là, l’ivresse du flux possède une limite. Si chaque projet est une carte anonyme dans un continuum d’images, le portfolio devient un mur d’inspiration de plus. Il expose une production, sans produire de lecture.

Le designer qui veut être choisi pour son regard doit offrir autre chose qu’une réserve inépuisable de vignettes.

Le défilement infini et son non-dit: l’interface qui refuse de conclure

Le défilement infini est souvent présenté comme une évidence de l’ergonomie mobile. Le pouce descend, le contenu arrive: geste simple, friction minimale. Cette simplification existe, mais elle est incomplète. Réduire le nombre de clics ne revient pas automatiquement à améliorer l’expérience. Une interface peut supprimer toute friction mécanique et créer une friction cognitive considérable.

Le premier angle mort concerne la mémoire spatiale. Avec une pagination, un article ou un produit peut être associé à une page, à une place relative, à un ensemble fini. « C’était vers la troisième page » est une information exploitable. Dans un flux qui a chargé des dizaines de segments, cette mémoire devient floue. Le retour en arrière, surtout après la consultation d’une fiche, révèle alors sa cruauté: rechargement, remontée imprécise, état perdu, liste recomposée selon des critères parfois invisibles.

Cette difficulté est particulièrement coûteuse dans la navigation d’un site e-commerce. L’achat n’est pas une promenade esthétique, même si beaucoup de marques aimeraient le croire. C’est une activité faite d’hésitations, de comparaisons et de micro-vérifications. L’utilisateur ouvre trois produits, en écarte deux, revient au listing, ajuste un filtre, se souvient d’une couleur, repart. La pagination soutient ce travail parce qu’elle stabilise le terrain. Le défilement infini, lui, excelle surtout à faire oublier ce qui précède.

Le deuxième non-dit est plus trivial, donc plus révélateur: le pied de page. Dès qu’une liste ajoute automatiquement du contenu à l’approche du bas de page, le footer devient un horizon que l’on n’atteint jamais. Or cet espace contient rarement des détails superflus. On y place les coordonnées, les mentions légales, l’assistance, les conditions de livraison, les liens d’accessibilité, parfois les offres d’emploi. Le footer est l’endroit où une marque cesse de jouer à être une image et accepte de devenir une organisation identifiable.

Le rendre pratiquement inaccessible au nom d’une continuité visuelle est une petite violence de conception. Discrète, mais éloquente.

Enfin, le défilement infini peut désorienter les personnes qui utilisent un lecteur d’écran ou naviguent au clavier. Si de nouveaux éléments apparaissent sans annonce claire, si le focus saute ou si la page se recompose pendant la navigation, le contenu est techniquement présent mais fonctionnellement fragile. L’accessibilité ne consiste pas à ajouter un label à la fin d’une maquette déjà applaudie sur un réseau professionnel; elle impose de penser ce qui arrive lorsqu’un utilisateur ne voit pas la page comme le designer l’a vue sur son écran de 27 pouces.

Le problème n’est pas le flux, c’est son automatisme

Le défilement continu n’est pas à bannir. Il doit simplement être justifié.

Il fonctionne bien lorsque:

• le contenu est homogène et consommable dans une logique de découverte: actualités, inspirations, images, capsules éditoriales;
• la valeur provient de l’accumulation, de la diversité ou de la surprise, et non de la comparaison méthodique;
• l’utilisateur peut quitter le flux sans perdre une tâche importante;
• les contenus chargés restent légers et apparaissent sans délai perceptible;
• l’interface conserve des repères: filtres visibles, tri stable, retour à la position précédente, accès réel au footer.

Cette dernière condition est presque toujours sous-estimée. Dans beaucoup de maquettes, le flux est choisi parce qu’il « fait contemporain ». C’est un signifiant pratique: il évoque le numérique vivant, l’abondance, la plateforme, l’époque. Mais une interface n’a pas besoin d’imiter les plateformes pour paraître actuelle. Elle doit d’abord cesser de traiter ses visiteurs comme une réserve de gestes disponibles.

Pagination: la vieille structure qui reste utile

La pagination souffre d’un procès esthétique assez paresseux. Les chiffres alignés au bas d’une grille sont regardés comme les témoins d’un web administratif, celui des catalogues et des forums. C’est précisément ce qu’ils sont, en partie: des outils de classement. Et il n’y a aucune honte à classer lorsque la situation l’exige.

Dans une ergonomie de liste de produits, la pagination remplit plusieurs fonctions que le défilement infini efface ou rend coûteuses:

1. Elle rend l’étendue du catalogue intelligible. Voir qu’une recherche produit 186 résultats répartis sur plusieurs pages donne une idée de la masse disponible. Un flux, lui, entretient volontiers une abondance abstraite: beaucoup, mais combien? Mystère.

2. Elle permet de reprendre une exploration. Un utilisateur peut mémoriser une page, la partager, y retourner après une interruption ou une comparaison. Cette continuité est fondamentale pour les achats à cycle long: mobilier, matériel technique, équipements professionnels, pièces de collection.

3. Elle stabilise les actions de filtrage et de tri. Les filtres ne sont pas des ornements dans la marge. Ils constituent le véritable langage du catalogue. Lorsque leurs effets sont prévisibles et bornés, l’utilisateur peut comprendre ce qu’il fait.

4. Elle facilite l’indexation et la lecture technique de la liste. Une structure paginée claire rend chaque segment identifiable, à condition que les contenus ne soient pas dupliqués ou vidés de leur substance.

5. Elle donne une fin. Cela semble presque réactionnaire de l’écrire, mais une fin est une qualité ergonomique. Elle autorise un bilan: « j’ai vu l’ensemble pertinent ». Sans cette possibilité, l’utilisateur reste dans une économie de la dette attentionnelle.

La pagination n’est pas toujours élégante. Ses défauts sont connus: sur mobile, une longue suite de numéros est peu maniable; les pages intermédiaires peuvent paraître arbitraires; passer de la page 1 à la page 8 demande un effort. Mais ces défauts se corrigent par une conception sobre: afficher la page courante, quelques pages voisines, les accès au début et à la fin quand ils sont utiles, et surtout maintenir les filtres, le tri et la position de lecture.

On peut régler la taille des pages selon la densité de l’information. Une fourchette de 10 à 50 éléments par page constitue un ordre de grandeur fréquent. Pour des fiches produit très visuelles et lourdes, mieux vaut souvent une quantité réduite, qui évite de transformer la page en hall d’exposition interminable. Pour une liste textuelle compacte, davantage d’éléments peuvent rester lisibles.

Le chiffre juste ne se trouve pas dans une tendance. Il se trouve dans le rapport entre le poids de chaque carte, le temps de décision et le besoin de comparaison.

La pagination ne date pas le design. Elle date seulement l’idée qu’un utilisateur puisse vouloir retrouver quelque chose.

Le bouton « Charger plus »: un compromis, pas une solution magique

Entre le flux automatisé et la pagination classique, le bouton « Charger plus » occupe une position moins spectaculaire mais souvent plus honnête. Il laisse l’utilisateur choisir le moment où la liste s’allonge. Ce geste minuscule réintroduit un consentement là où le défilement infini impose une continuité.

Sur mobile, ce modèle peut produire de bons résultats: il limite le chargement initial, donne un point de pause clair et évite d’enfermer le footer sous une mécanique sans fin. Certaines observations de conversion attribuent à ce dispositif une progression de 15 à 30 % par rapport au défilement infini pur sur mobile. Ce n’est pas une loi universelle — les catalogues, les prix, la qualité des fiches et la notoriété de la marque comptent infiniment plus qu’un bouton — mais le signal mérite d’être pris au sérieux.

Le bouton fonctionne particulièrement bien dans les contextes hybrides:

• un e-commerce où l’on veut préserver une exploration souple tout en gardant une limite tangible;
• une médiathèque ou un catalogue éditorial avec beaucoup de contenus de valeur comparable;
• un portfolio qui souhaite montrer l’abondance d’un travail sans noyer immédiatement l’utilisateur;
• une recherche filtrée, où la personne peut d’abord évaluer la pertinence des premiers résultats avant d’élargir son champ.

Pour qu’il reste crédible, « Charger plus » doit être explicite. Indiquer le nombre de résultats déjà affichés ou restants peut aider, à condition de ne pas transformer l’interface en tableau de bord. Le bouton doit aussi conserver le contexte: les filtres sélectionnés, l’ordre de tri, la position de scroll et l’état de la navigation au retour depuis une fiche.

À l’inverse, le pire modèle consiste à cumuler les dispositifs sans pensée: une page qui charge automatiquement deux fois, affiche ensuite un bouton, puis propose une pagination cachée. Cette accumulation traduit rarement une stratégie. Elle révèle une négociation interne entre marketing, développement et design, chacun ayant obtenu son petit morceau de contrôle. L’utilisateur hérite de ce compromis bureaucratique sous la forme d’une liste incohérente.

Le SEO ne se résume pas à « Google peut-il voir la page? »

Dans l’opposition entre défilement infini et pagination, le référencement est souvent traité comme une menace extérieure: un ensemble de règles que l’on appliquerait après avoir conçu l’interface. Mauvaise méthode. La structure technique et la structure de lecture devraient raconter la même histoire.

Un défilement infini basé uniquement sur des chargements dynamiques peut poser problème si les contenus supplémentaires ne possèdent pas d’adresses accessibles et cohérentes. Lorsqu’un nouveau segment de liste se charge, il est préférable qu’il corresponde à une URL unique, par exemple une adresse de type /page/2. L’API History permet de mettre à jour cette adresse sans recharger totalement la page, notamment via pushState. Le geste est technique, mais son sens est profondément éditorial: ce que l’utilisateur a atteint doit pouvoir être nommé, retrouvé et partagé.

Les anciennes balises de relation entre pages ne constituent plus, à elles seules, une réponse: elles ne sont plus utilisées par Google comme signal d’indexation depuis plusieurs années. Cela ne rend pas la pagination inutile; cela oblige simplement à ne pas confondre balisage historique et architecture réellement accessible.

Pour une liste longue, je recommande de raisonner en trois couches:

• Une liste initiale rapide et lisible, avec un volume de cartes compatible avec le poids des médias. Une belle grille qui met quatre secondes à devenir utilisable n’est pas une belle grille: c’est une promesse retardée.
• Des segments de contenu atteignables par URL, qu’il s’agisse de vraies pages ou de portions chargées dynamiquement mais inscrites dans l’historique de navigation.
• Une dégradation propre, afin que le contenu principal reste accessible si les scripts se comportent mal, si la connexion est instable ou si les technologies d’assistance imposent un autre parcours.

La performance n’est pas un supplément d’âme technique. Les seuils de deux à trois secondes pour l’apparition d’un nouveau segment de contenu donnent une indication pragmatique: au-delà, le rythme du défilement se brise. L’utilisateur a déjà fait son geste; l’interface tarde à répondre; la continuité supposée devient attente. Dans une culture numérique obsédée par la fluidité, ce décalage est plus visible qu’un bouton de pagination parfaitement assumé.

Il faut aussi surveiller la stabilité visuelle. Une liste qui injecte des cartes, des publicités, des images ou des modules de recommandation sans réserver leur espace provoque des déplacements de mise en page. On croit avoir cliqué sur un produit, on en ouvre un autre; on tente de lire une ligne, elle migre sous le pouce. Voilà le genre de détail qui détruit une expérience sans jamais apparaître dans la présentation brillante d’un projet.

Le choix de l’interface est un choix de récit

Il existe une tentation très actuelle: imaginer que l’interface la plus discrète est forcément la meilleure. Moins de boutons, moins de seuils, moins de décisions visibles. Le défilement infini participe de ce fantasme. Il fait disparaître la mécanique apparente, comme si une liste pouvait se dérouler naturellement, à la manière d’un fleuve de contenu auquel personne n’aurait donné d’objectif commercial.

Or toute interface raconte une relation à l’utilisateur.

Un flux continu raconte: « reste ici, nous allons continuer à choisir pour toi ». Une pagination raconte: « voici un corpus, tu peux le parcourir à ton rythme ». Un bouton « Charger plus » raconte: « la suite existe, mais c’est toi qui l’appelles ». Aucun de ces récits n’est neutre. Aucun n’est universellement supérieur.

Pour un média visuel ou un site culturel, je peux défendre le défilement infini, à condition que la direction artistique y gagne une véritable logique de lecture: regroupements, respirations, modules éditoriaux, retours simples, accès au footer. Pour un portfolio de designer, je le trouve pertinent lorsqu’il soutient un mouvement de découverte, mais insuffisant dès lors que les projets doivent être distingués, contextualisés et retrouvés. Pour un e-commerce, je privilégie le plus souvent la pagination ou le chargement volontaire: la personne ne cherche pas une expérience de dérive, elle cherche à réduire l’incertitude.

La maturité d’un design digital commence peut-être là: quand on cesse de demander quel dispositif a l’air le plus contemporain, pour demander quel geste l’interface rend réellement possible. À mesure que les catalogues se densifient, que les flux se ressemblent et que chaque plateforme réclame une part supplémentaire de notre attention, aurons-nous encore envie de concevoir des écrans qui ne savent jamais s’arrêter?