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 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.
Ajouter un lien d'évitement pour accéder au pied de page.
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)