web-dev-qa-db-fra.com

Dois-je utiliser la pagination régulière ou le défilement infini dans ce cas?

Je code un site Web qui est des petites annonces en ligne similaires à craigslist. Nous travaillons sur la pagination de la liste des petites annonces et nous utilisons la pagination régulière.

enter image description here

Y a-t-il une raison d'utiliser le défilement infini à la place? J'aime les deux approches mais je ne sais pas laquelle est préférée dans ce cas.

23
Niklas

Les deux solutions ont leurs avantages et leurs inconvénients.

Pagination

  • Pro: Les utilisateurs peuvent facilement orienter où ils se trouvent et revenir directement à la page qu'ils étaient auparavant dans des cas tels que: redémarrage du navigateur, basculement d'un appareil à un autre, etc. ( "John, J'ai trouvé des publicités intéressantes, parcourues les cinq premières pages, pouvez-vous continuer, chéri? ")
  • Con: beaucoup d'entre eux ne parviendront pas à la page 2.

défilement infini

  • Pro: "Page 2 barrière? Quelle barrière!?" - ils continueront à défiler.
  • Inconvénients: une fois arrivés à l'endroit qui, en cas de pagination, se trouverait à la page cinq et ferment la page, ils ne continueront pas leur voyage. Ou s'ils envoient le lien à quelqu'un (beaucoup de gens le font - ils partagent le lien vers la liste, pas vers l'offre particulière) - le destinataire ne pourra pas y accéder.

Solution? Combinez les deux, fournissant une navigation navigable et stockable qui avancera automatiquement lors du défilement:

  • Faites-le fonctionner comme s'il s'agissait d'un défilement infini.
  • Affichez un indicateur pour indiquer leur distance dans la liste (1 - 2 - 3 - 4 - [5] - 6).
  • Faites avancer cet indicateur automatiquement pendant leur défilement.
  • Stockez ces informations dans l'URL afin qu'elles puissent facilement ajouter un signet, partager le lien vers l'emplacement exact dans la liste, etc.
  • Donnez-leur les moyens de revenir à cet endroit (par exemple en cliquant sur la page 6 de l'indicateur).

Je crois que cette approche est presque à l'épreuve des balles.

42
Dominik Oslizlo

Je vous suggère d'aller avec le défilement infini parce que nous le voyons nous-mêmes tous les jours que le nombre de fois où nous cliquons sur la page 2 de la recherche Google .

Lorsque nous ne trouvons pas ce que nous recherchons à la page 1 - nous changeons simplement le mot-clé de recherche. Mais cela ne se produit pas avec Facebook, nous continuons à faire défiler de haut en bas et réalisons soudain que nous y consacrons trop de temps et que nous devrions arrêter maintenant.

Donc, pour stimuler les affaires et garder les utilisateurs engagés, le défilement infini fonctionnera mieux sur les paginations.

Lisez les avantages et les inconvénients de ces deux modèles ici

9
DPS

Permettez-moi de répondre en tant qu'utilisateur de pages Web. Je n'ai pas de recherche de concepteur UX pour me soutenir, juste cette émotion et expérience brutes personnelles en tant qu'utilisateur final (certes peut-être inhabituel):

La pensée même du défilement infini invoque la rage viscérale comme une première réaction pour moi [rage-rant omis par souci de concision]. Quand je trouve qu'une page a un défilement infini, ma pensée immédiate est "Oh génial, j'espère bien que je n'aurai jamais besoin de descendre" très loin ".

Je pense que le défilement infini ne doit pas nécessairement être mauvais, mais je pense que les questions suivantes méritent d'être posées:

  1. Quelle est la probabilité que vos utilisateurs souhaitent revenir à un point spécifique du contenu? Si oui: avez-vous une bonne fonction de recherche (spécifique à votre contenu, par exemple, une recherche par plage de temps pour un contenu qui a un ordre chronologique clair) qui peut répondre à de tels besoins? Avez-vous un moyen de marquer un endroit spécifique dans votre contenu à défilement infini?

  2. Quelle est la taille de votre contenu, en termes d'espace d'écran? Parfois, je serai sur un site de médias sociaux, voulant rattraper mon retard sur toutes les nouvelles choses dans mon flux/mes montres/mes abonnements/peu importe: si le contenu est volumineux, le simple défilement devient ennuyeux, et cela le rend également plus difficile plus de temps pour trouver exactement ce que je cherche, je veux y revenir.

  3. Quelle est la taille de votre contenu, en termes de consommation réelle de mémoire informatique? Une fois, j'ai voulu revenir sur quelques années de publications sur le compte Instagram de quelqu'un: à mi-chemin, mon ordinateur raisonnablement haut de gamme commençait à traîner sur cette page Web, car lorsque vous faites défiler à l'infini, vous ne déchargez probablement pas le contenu en haut (Instagram ne l'était certainement pas), donc mon navigateur accumulait des gigaoctets de données d'image en mémoire.

En résumé: votre cas d'utilisation courant est-il majoritairement en faveur d'une lecture occasionnelle de certains ensembles de données plus grands qu'une seule page, mais pas beaucoup plus?

Avertissement: je sais que je suis bizarre. Ma préférence personnelle sera presque toujours la pagination. La façon dont je navigue sur la pagination Web est plus agréable pour moi que le défilement. Je ne m'attends pas à ce que le monde s'aligne avec moi. Je voudrais juste une option pour utiliser la pagination sur les pages qui comptent pour moi (malheureusement, je ne le fais souvent pas), ou au moins un moyen de revenir en arrière ou de trouver un endroit spécifique dans le défilement infini si c'est ce que je dois affronter.

P.S. Vous souciez-vous des utilisateurs qui naviguent avec JavaScript limité ou non activé? Il convient de se rappeler que des gens comme celui-ci existent, et il existe plusieurs bonnes raisons (les besoins d'accessibilité et la sensibilisation à la sécurité informatique étant les principaux d'entre eux, bien qu'il y en ait aussi d'autres) pour naviguer avec des scripts désactivés par défaut. Le défilement infini ne peut fonctionner qu'avec JavaScript activé, tandis que la pagination peut être rendue plus conviviale avec JavaScript, mais peut se dégrader plus facilement en requêtes HTTP simples selon les besoins.

7
mtraceur

Il n'est pas nécessaire de paginer dans ce cas, car l'utilisateur n'atteint pas une annonce particulière, c'est-à-dire qu'il ne sait pas quelle annonce sera à la page 3 car les annonces ne sont pas triées de quelque manière que ce soit.

vous pouvez donc fournir un carrousel similaire aux flèches gauche et droite. qui est similaire au défilement infini.

1
uttham

Une question doit être posée avant de choisir la pagination ou le défilement infini. L'utilisateur a-t-il tendance à trouver l'élément de liste d'hier et vous propose-t-il des options de filtrage pertinentes? Si oui, allez avec le défilement infini. Sinon, l'utilisateur peut vouloir trouver des éléments plus anciens et cela devient un casse-tête dans le défilement infini.

Vous devez rechercher les habitudes de vos utilisateurs dans ce cas. Si les utilisateurs se concentrent uniquement sur ce qui est récent ou s'il s'agit d'une liste de type chronologie, un défilement infini peut être appliqué.

1
Erkan Kerti

Petites annonces? Hmmm ... Il me semble que la pagination est la meilleure solution car ...

Et si vous vouliez partager la page sur laquelle vous étiez avec quelqu'un d'autre? Comment faites-vous cela avec un défilement infini? Vous ne pouvez pas vraiment faire ça ...

De plus, la pagination permet aux gens de voir combien de temps la liste va VS sans savoir quand elle se termine.

Quelque chose à quoi penser.

1
Majo0od

Voyez, ne soyez pas confus. La pagination et le défilement infini ont leurs avantages et leurs inconvénients. Ce que vous devez utiliser dépend de votre type d'entreprise ainsi que de vos propres besoins.

Si la plupart de vos visiteurs proviennent d'appareils mobiles, optez pour Infinite Scrolling. La pagination ne semble pas conviviale sur les appareils mobiles. Parfois, un utilisateur doit aller zoomer sur l'écran pour cliquer sur le bouton souhaité.

Si vous avez un contenu énorme sur votre site Web, respectez la pagination. Mais encore une fois, vous pouvez dire que Facebook et Google ont tous deux un contenu illimité, mais l'un utilise Infinite Scrolling tandis que l'autre suit le système de pagination. Donc, la réponse simple à cette question est-

Si vous vous concentrez davantage sur l'engagement des utilisateurs, Infinite Scrolling serait le meilleur choix, tandis que si vous souhaitez offrir un meilleur contrôle sur le contenu, la pagination est idéale.

J'ai écrit un article détaillé sur Pagination vs Infinite Scrolling . Lisez-le, vous le trouverez peut-être utile.

0
Manish Barthwal

Je suis d'accord pour utiliser le défilement infini, mais le chargement doit être en fonction des besoins de l'utilisateur (mettre un bouton de chargement supplémentaire), au lieu du chargement automatique lorsque l'utilisateur atteint la fin de la page.

Je pense que la pagination régulière est une fonctionnalité qui disparaîtra assez tôt ..

0