web-dev-qa-db-fra.com

Carrousel infini (en boucle) vs linéaire

Pour un carrousel à curseurs - pas de type bannière, mais qui agit comme une navigation à onglets très fonctionnelle -, y a-t-il des avantages à le faire boucler à l'infini?

Dans le cas où ce n'est pas clair, il y a deux comportements (auxquels je peux penser!) Pour les carrousels. En supposant que l'on a 10 photos ou éléments:

1) Infini: le carrousel affiche 5 éléments à la fois (1-5), en cliquant sur le bouton fléché vers la droite, charge 5 autres (6-10), et en cliquant à nouveau, les 5 premiers sont affichés à nouveau (1-5). Vous pouvez continuer à cliquer et vous verrez toujours des résultats.

2) Linéaire: le carrousel n'affiche que le premier ensemble (1-5), en cliquant sur la flèche affiche le deuxième ensemble (6-10), mais l'utilisateur ne peut pas cliquer à nouveau car il n'y a que 10 éléments. Le bouton fléché est désactivé et la seule option consiste à utiliser la flèche gauche et à revenir à 1-5.

Y a-t-il un avantage à l'un de ces deux? Comme je l'ai dit, dans ce cas particulier, le carrousel est un ensemble de photos qui ouvrent une boîte avec un contenu différent en dessous. C'est un élément de navigation.

2
Yisela

En supposant que le nombre est supérieur à ce que vous pouvez montrer à un moment donné, je préférerais infini ou un modèle de boucle.

Cependant, je m'assurerais de leur donner un indice contextuel de l'état du système. Faites-leur savoir qu'ils vont revenir au début. Je n'aime pas les carrousels où je pense n'avoir jamais vu ça avant et réalisé que ça tournait mais je n'avais aucune idée.

Vous pouvez leur donner des indices contextuels de différentes manières avec la conception en boucle infinie

  1. sous chaque vignette, montrez-leur le numéro d'élément 4/20 ou 5/30
  2. la flèche suivante peut dire boucle vers la première image quand ils sont à la dernière diapositive (donnez-leur un indice qu'ils répètent la boucle).

Voici des scénarios où je ne boucle pas

  • Si le nombre d'articles n'est que de 2 longueurs de carrousel ou moins (vous ne pouvez montrer que la flèche arrière ou avant pour qu'ils sachent dans quelle direction ils peuvent aller
  • Vous disposez d'une sorte de fonction de défilement exponentiel de la souris (je n'aime pas cela parce que certains utilisateurs n'utilisent pas de souris et préfèrent la navigation au clavier)

Voici les avantages des deux

Infini

  • Voir à nouveau les articles et avoir une expérience plus facile pour revenir au premier élément
  • Eaiser à placer ajoute à mi-chemin et vos utilisateurs continueront de cliquer
  • Encourage les utilisateurs à visionner deux fois du contenu

passe unique

  • Les utilisateurs sont plus susceptibles de savoir quand ils ont consommé tout le contenu
  • Les utilisateurs sont moins susceptibles de consommer le contenu deux fois et ils peuvent ralentir lors de la visualisation
3
Frank Visaggio

Utilisateur besoin pour savoir combien box il a.

Vous pouvez implémenter quelque chose comme infini mais avec le nombre de box affiché sous les images du carrousel. (ou ailleurs)

L'approche infinie restera perturbatrice et si vous avez une certaine quantité de box, affichez-les comme ils sont: limité.

1
Yohann V.