Défilements infinis

Owned by MATHIEU Côté
Last updated: May 08, 2023
3 min read

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

 

De nouveaux contenus s'ajoutent continuellement au défilement.

 

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.

  • Ajouter un lien d'évitement pour accéder au pied de page.

Références