web-dev-qa-db-fra.com

Nouveau style de modèle de pagination

Je regardais quelques-uns des énormes sites de commerce électronique et comment ils géraient la pagination.

Asos
enter image description here

Amazon
enter image description here

J'ai montré comment Asos et Amazon le gèrent ci-dessus. Cette pagination fonctionne bien s'il y a environ 5 pages, mais s'il y avait par exemple 100 pages, ce type de système pourrait devenir un peu fastidieux.

Je pensais à la façon dont la pagination pourrait être améliorée et j'ai proposé ce qui suit:

enter image description here

La pagination ne pourrait-elle pas être améliorée en utilisant simplement un champ de saisie de texte pour permettre à l'utilisateur de saisir le numéro et d'appuyer sur Entrée?

Le seul écueil potentiel que je peux voir est que les utilisateurs ne savent peut-être pas qu'ils doivent appuyer sur Entrée après avoir entré le numéro, cependant, car il y a des recherches qui n'ont pas de bouton de recherche explicite (ils vous obligent à appuyer sur Entrée), je ne ' Je crois que ce serait un gros problème.

Pouvez-vous penser à d'autres inconvénients de ce système?

16
Rich

J'aime l'idée de la zone de texte mais je vois aussi que les gens doivent appuyer sur Entrée et certains pourraient ne pas l'obtenir. Peut-être pouvez-vous construire un prototype et le tester? Le point sur un désavantage SEO dû à moins de liens internes est également valable.

Cependant, je voudrais ajouter le nombre total de pages à votre solution car les utilisateurs devraient savoir à quelle page ils peuvent aller:

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

À l'avenir, vous devrez également penser à la gestion des erreurs. Que se passe-t-il si les utilisateurs saisissent "17" mais que vous n'avez que 16 pages?

15
greenforest

Bien que j'aime l'idée, il y a un certain nombre de raisons pour lesquelles la conception pourrait échouer, comme mentionné ci-dessous:

  1. Les utilisateurs ont l'habitude de cliquer sur les numéros de pagination pour obtenir une place spécifique dans le site et pourraient ne pas reconnaître cette nouvelle possibilité d'avoir à entrer le numéro de page où ils doivent se rendre.

  2. Deuxièmement, la pagination informe les utilisateurs du nombre de pages différentes et de la distance à parcourir pour arriver au dernier résultat, à savoir s'ils doivent rechercher le produit avec une option de recherche ou un choix de mots différents.

  3. Les utilisateurs des sites de commerce électronique utilisent les détails de pagination pour déterminer ce que toutes les pages qu'ils ont parcourues et utilisent la proximité des numéros de page relatifs pour revenir rapidement à un produit qu'ils ont aimé. Bien que votre conception permette aux utilisateurs de ne pas avoir à se rappeler combien ils ont de retour et de faire une soustraction mathématique pour revenir au lieu de simplement cliquer sur 21 à partir de la page 24. Pour citer ceci article

Il y a une exception à cette règle. Lorsque vous traitez avec des sites de commerce électronique, il est préférable d'afficher les numéros de page dans votre pagination afin que les utilisateurs puissent se référer à une page spécifique pour consulter les produits qu'ils envisagent d'acheter. La numérotation des pages permet également aux utilisateurs de rechercher des produits de manière plus approfondie, car elle leur montre quelles pages ils ont consultées et où elles en sont dans leur progression. Non seulement cela, mais lorsque les utilisateurs ont besoin de marquer une page, il l'enregistre avec des balises de titre descriptives du numéro de page et de la catégorie de produit afin qu'ils puissent reprendre là où ils se sont arrêtés sans oublier ce qu'ils faisaient des emplettes.

L'article mentionné ci-dessus indique également quand afficher les numéros de page en pagination

Il n'est pas nécessaire de toujours afficher une ligne de numéros de page dans votre pagination. Si votre pagination comporte de nombreuses pages à deux chiffres ou plus, il n'est pas utile pour les utilisateurs de voir le nombre total de pages car ils ne pourront pas les parcourir tous. Cependant, si votre pagination ne comporte que quelques pages dans les deux chiffres inférieurs ou inférieurs, l'affichage des pages dans votre pagination peut encourager les utilisateurs à naviguer jusqu'à la fin. Vous devez afficher les numéros de page lorsque le nombre de pages est petit, mais aller avec un simple bouton suivant et précédent lorsqu'ils sont énormes.

Cela dit, un exemple d'une application (pdf-xchange) qui gère la pagination en utilisant cette méthode est donnée ci-dessous:

enter image description here

3
Mervin

Pourquoi ne pas avoir le meilleur des deux mondes? c.-à-d. avoir un mode hybride où certains utilisateurs tapent et d'autres peuvent cliquer? Personnellement, j'ai souvent eu recours à la même tactique en jouant sur la structure des liens.

L'autre point est que dans un site comme Amazon, etc. à quelle fréquence une explicité sait-elle que l'on veut aller, disons, à la page 23? Le flux est de toute façon essentiellement linéaire. Les numéros de page sont plus pertinents dans le sens inverse, c'est-à-dire "J'ai vu assez de chaussures; revenons à celle que j'avais aimé à la page 3."

Enfin, il y avait un site avec une interface utilisateur que j'ai vraiment aimé. Disons qu'il y a 100 pages. Ceci est couramment utilisé:

Prev 1 2 3 4 5 6 7 8 9...100 Next

Je pense plutôt que c'est plus intelligent (disons que je suis actuellement à la page 6):

Prev 1...4 5 6 7 8...50 70 100 Next 
3
curious_cat

Oui, un véritable gros inconvénient auquel je peux penser serait le référencement, qui tue essentiellement l'indexation de vos pages suivantes. Bien sûr, le précédent et le suivant pourraient avoir rel = "prev/next" avec eux, mais vous forcez toujours les bots à indexer vos pages une par une.

Une autre chose serait, encore une fois, Google. Presque tout le monde sur la planète sait comment fonctionne la pagination sur Google. Ceux qui ne le savent pas peuvent savoir comment fonctionne la pagination sur Amazon, Bing, Yahoo et d'autres sites majeurs. Ils font tous la pagination standard (qui bien sûr ne la définit pas comme étant la meilleure solution possible).

Je suis cependant d'accord avec cette idée et je l'ai vue ailleurs aussi (je ne m'en souviens pas pour l'instant). Cela dépendrait également de la façon dont il est mis en œuvre. Les utilisateurs de tablettes et mobiles pourraient également avoir plus de mal à utiliser cette fonctionnalité ...

3
David K.

Pour notre produit, qui est la gestion de cas (pas un produit au détail ou commercial), j'ai commencé à implémenter une nouvelle pagination. enter image description here

Il est compact et possède un champ pour l'entrée utilisateur et il y a une liste déroulante.

1
user57212