Le Journal d'UX
L'actualité UX,
au-dessus de la ligne de flottaison.
Wiki UX Pagination

Pagination

Composant
Définition

Composant de navigation qui découpe un ensemble de résultats en pages numérotées. La pagination affiche généralement le numéro de page actuel, les pages adjacentes, la première et la dernière page, et des flèches précédent/suivant. Elle donne à l'utilisateur un sentiment de contrôle et une estimation du volume total. Elle s'oppose au scroll infini qui charge le contenu au défilement. Le choix entre les deux dépend du contexte : exploration (scroll) vs. recherche ciblée (pagination).

En pratique

Le nombre d'éléments par page dépend du type de contenu : 10-20 pour des listes textuelles, 20-40 pour des grilles visuelles. Afficher le nombre total de résultats aide l'utilisateur à calibrer sa recherche. La page courante doit être clairement identifiée visuellement. Les ellipses (...) remplacent les pages intermédiaires quand la série est longue. L'URL doit refléter le numéro de page pour permettre le partage et le retour arrière.

Exemple

Google Search affiche une pagination numérotée en bas de chaque page de résultats. Le design est resté quasi inchangé depuis 1998, preuve de l'efficacité du pattern.

Voir aussi
Above the fold
Charge cognitive (*Cognitive Load*)
Trouvabilité (*Findability*)
Loi de Miller (*Miller's Law*)
Sources
Pagination vs. Infinite Scroll - Nielsen Norman Group
Pagination Best Practices - Baymard Institute
Le Journal d'UX est un média indépendant sur l'expérience utilisateur. Liens curatés, wiki UX en français, communauté.