La pagination est un moyen de structurer le contenu sur n’importe quel moyen – en les regroupant par une quantité fixe d’espace ou nombre d’éléments.

Sur les sites Web, Pagination est simplement le nombre de pages que vous voyez affichées au bas d’une page Web qui sert à séparer le contenu pour une consommation facile.

C’est souvent l’élément le plus négligé dans la conception, mais sans doute l’un des plus importants.

Une recherche intéressante du MOVR suggère que sur le mobile, la moitié des utilisateurs commencent à défiler dans les 10 secondes et 90% dans les 14 secondes.

En juillet 2011, Apple a supprimé la barre de défilement depuis Mac OS X (c’est le paramètre par défaut, bien que les utilisateurs puissent la remettre).

Cela montre clairement que les gens sont tellement familiarisés avec le défilement qu’ils n’ont même pas besoin d’un signal visuel pour cela.

Cependant, avant de plonger plus profondément, il est important de reconnaître que la pagination a des cas d’utilisation limités.

Cela dépend en grande partie du contenu et du contexte.

Google, par exemple, utilise la pagination parce que Google veut vous donner les meilleurs résultats sur la première page.

Et aussi parce que des milliers de résultats de recherche peuvent être écrasants s’ils ne sont pas séparés par page ou si ils sont présentés avec un défilement infini.

Examinons certaines pratiques pour la conception de la pagination:

1. Assurez-vous de grands éléments cliquables :

de nombreux modèles sous-estiment l’importance de la taille des boutons de pagination.

Bien que cela soit vrai pour n’importe quel appel à l’action ou un bouton aussi, il est particulièrement important dans la pagination pour une expérience utilisateur en douceur.

Une cible trop petite peut amener l’utilisateur à toucher accidentellement un bouton à gauche ou à droite de la cible réelle spécialement pendant la visualisation sur mobile.

La mesure suggérée est d’au moins 44 points x 44 points à exploiter avec un doigt sur mobile.

 

 

2. Assurez-vous d’avoir suffisamment d’espacement entre les éléments :

Aller de pair avec le point précédent, l’espacement entre les éléments garantit que l’utilisateur ne clique pas accidentellement sur une cible qu’il n’a pas l’intention de faire.

 

3. Indiquez clairement la page sur laquelle l’utilisateur est actuellement actif :

Pour naviguer avec succès, un utilisateur doit savoir dans quelle page il se trouve actuellement. En l’entendant, il ne tient pas compte s’il est sur la 3ème page ou la 5ème page.

Par conséquent, il est nécessaire d’identifier la page actuelle avec un style (pas seulement une couleur) différent des autres pages.

En outre, assurez-vous que la page actuelle n’est pas liée.

 

4. Numéros vs Précédent – Suivant:

Les liens suivants et précédents sont utiles pour les utilisateurs s’ils sont utilisés en plus de la pagination.

Google utilise les deux avec un style différent des éléments numériques et placé loin des nombres afin d’éviter toute confusion.

 

5. Évitez les premier et dernier liens ou les flèches doubles :

Les premier et dernier liens, d’autre part, créent de la confusion. Ils sont indiqués par des flèches doubles qui peuvent être confondues avec des flèches simples.

La valeur pratique dans l’ajout de deux flèches est qu’il permet à l’utilisateur de passer directement à la première ou à la dernière page avec un seul clic dans le cas où il sait où le contenu qu’il recherche.

Même si, les flèches doubles ne sont pas la meilleure option. Une alternative aux flèches doubles est le ‘…’ avec le premier / dernier numéro de page visible, quelle que soit la page sur laquelle l’utilisateur est activé.

 

6. Gardez le mobile à l’esprit :

un bon design est celui qui répond. Assurez-vous d’optimiser pour le mobile, la tablette et différentes tailles d’écran.

Cela ne signifie toutefois pas simplement aligner la page avec la taille de l’écran de l’appareil.

Cela nécessite un peu plus d’intuition que cela.

Alors que sur un bureau, il est judicieux de fournir une liste de pages, pour mobile, seuls les éléments essentiels devraient être affichés.

L’essentiel est le numéro de page actuel, la première page, la page précédente et suivante.

 

7. Si vous fournissez une entrée manuelle?

L’entrée manuelle est l’endroit où les utilisateurs peuvent directement entrer dans un champ vide le numéro de page qu’ils souhaiteraient voir.

Cela peut éliminer la frustration de frapper ‘Next’ ou ‘Previous’ qui vous permet de parcourir une seule page à la fois, surtout si vous connaissez la page vers laquelle vous voulez vous diriger.

Vous pourriez alors utiliser les deux pour améliorer l’expérience utilisateur.

 

Conclusion pour la pagination

Il peut être difficile d’obtenir la pagination, mais si votre conception de pagination a pour but principal d’améliorer la navigation, vous allez bien.

Il est important de noter que la pagination n’est pas vraiment intuitive, donc, la conception en ajoutant trop d’éléments ou même en utilisant plusieurs couleurs peut confondre l’utilisateur.

Respectez une navigation simple pour une bonne expérience utilisateur.

Au cours des dernières années, des alternatives comme les menus, les barres de navigation et les catégories ont réduit le phénomène des pages numérotées.

Mais elles sont toujours pertinentes dans les cas d’utilisation spécifiques – pour les résultats de recherche, pour les sites de blogs et éventuellement les sites de produits (comme Amazon).

La boîte de réception Gmail de Google utilise une variante de pagination en affichant une gamme d’éléments.

 

Je vous invite à lire cet article : page d’accueil d’un site : 5 conseils pour une page parfaite

Laisser un commentaire

%d blogueurs aiment cette page :