Le défilement infini permet l'affichage graduel de nouveaux contenus au défilement.
D'un point de vue technique, le défilement est une forme de pagination. C'est un outil de navigation qui permet de répartir les contenus appartenant à un même regroupement sur plusieurs pages et ainsi, réduire le temps de chargement initial de la page. La requête de nouveaux contenus se fait sans changement de page.
Le défilement infini ne demande aucune action consciente de l'utilisateur pour charger de nouveaux contenus. Il est utilisé sur les applications puisque le problématiques d'accès au pied de page, de référencement des contenus cachés sont propres au Web. Il s'agit d'ailleurs d'un standard sur les différentes applications ayant un fil (feed) de contenus.
Alias défilement infini, endless scrolling, chargement au défilement, pagination
...
Avantages
...
Inconvénients
...
Le défilement infini est intuitif et demande très peu d'efforts à l'utilisateur.
L'utilisateur peut explorer les contenus sans interruptions.
Il convient aux besoins d'exploration, à la lecture en diagonal, pour les utilisateurs qui veulent faire du lèche-vitrine, survoler une longue liste de contenus.
Combiné aux filtres, il permet à un utilisateur plus actif ou plus expérimenté de contrôler, de raffiner sa sélection de contenu tout en naviguant rapidement.
...
Certains considèrent que le défilement infini contribue à l'addiction aux produits numériques et, de ce fait, à l'appauvrissement de la qualité de vie des utilisateurs.
L'abondance de contenus peut créer une surcharge d'information, une impression de ne jamais voir la fin, de l'anxiété, de l'indécision, le sentiment d'être débordé.
L'abondance de contenus peut réduire la valeur, l'intérêt perçu de chaque contenu individuellement.
Sur desktop, le défilement infini fausse l'indice de progression que représente habituellement la barre de défilement (scrollbar) puisque la page s'étire indéfiniment.
Il entrave l'accès au pied de page.
S'il n'y a pas de paramètres dans l'URL, l'endroit où est rendu l'utilisateur dans son défilement ne peut être partagé.
Les contenus qui ne sont pas affichés initialement ne sont pas référencés par les moteurs de recherche. (SSO)
Il est à l'encontre des principes d'accessibilité de poser des actions que l'utilisateur n'a pas demandé. Certains interprètent le défilement comme une action implicite pour voir du nouveau contenu.
L'accumulation d'une quantité importante de contenu peut gravement affecter les performance d'un navigateur.
Le défilement infini peut être paramétré de différentes façons pour amoindrir ses inconvénients :
...
Utiliser le défilement infini pour les 3 premières pages et utiliser le bouton Afficher plus pour la suite;
...
Offrir une porte de sortie, « Vous êtes à jour! » ou « Ça fait le tour pour aujourd'hui! » par exemple, après une certaine quantité de contenus;
...
Ajuster à quel moment les prochaines pages doivent être chargées pour être le plus fluide possible;
...
Prévoir une animation de chargement en cas de problèmes de performance;
...
Intégrer le chargement progressif des images (lazy loading);
...
Prévoir un état explicite pour la fin de la liste pour éviter un cul-de-sac;
...
Indiquer le nombre total de contenus en début de liste;
...
Offrir des options de filtres selon les catégories les plus évidentes;
...
Penser aux différents chemins pour un moteur de recherche de se rendre à contenu qui ne se retrouverait pas en première page.
...
| Panel | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
Pour accéder à la dernière version de cette article, voir sur le portail de l'accessibilité : |
Références
Alternatives to Pagination on Product-Listing Pages (NNG, 2022)
Endless scrolling through social media can literally make you sick (National Geographic, 2021)
Infinite Scrolling & Role=Feed Accessibility Issues (deque, 2019)
Infinite Scroll and Accessibility! Is It Any Good? (DigitalA11Y, 2022)
Infinite Scrolling and Accessibility (It’s Usually Bad) (Web Axe, 2015)
Infinite Scrolling: When to Use It, When to Avoid It (NNG, 2022), (NNG, 2023)
Is Infinite Scrolling Accessible? (Bureau of Internet Accessibility, 2021)
Social media apps are 'deliberately' addictive to users (BBC, 2018)
Split the Contents of a Website with the Pagination Design Pattern (Interaction Design, 2020)
UI cheat sheet: pagination, infinite scroll and the load more button (UX Collective, 2020)