web-dev-qa-db-fra.com

Quelle est la différence entre un «curseur», une «galerie» et un «carrousel»?

Du point de vue du modèle, y a-t-il une différence? Ou sont-ils vraiment des noms différents pour la même chose?

24
Martin Duys

Les curseurs et les carrousels signifient effectivement la même chose: bien qu'ils soient peut-être différents en fait à un moment donné, ils sont tellement confondus aujourd'hui que vous ne pouvez pas efficacement communiquer un sens ou l'autre sans être mal compris. 1) Une rapide enquête Google sur les "curseurs" et les "carrousels" jquery montre de nombreuses variantes de la même chose: les gens utilisent ces termes de manière interchangeable pour afficher une "galerie" de photos. 2) Les développeurs de mon bureau répondent à la question par "tomayto tomahto".

Dans le cas des galeries, ce sont les collections globales d'images présentées via des carrousels et des curseurs. Les galeries sont généralement présentées dans des grilles et des listes.

Je ne suis pas en désaccord avec l'utilisation d'Andrew (curseur = horiz/vert, carrousel = focus rotatif), en soi, mais si vous voulez utiliser une terminologie qui vous assurera de ne pas être mal compris, vous pourriez simplement appeler tout un carrousel et spécifier ce que sorte de navigation qu'il utilise: pellicule, curseur (bien que j'éviterais cela), boutons prev/next ou stop/play, points, etc.

Je joins quelques croquis pour illustrer des exemples de ce que je veux dire:

Galleries Carousels & Sliders

Rappelez-vous, tout ce dont nous parlons est né de l'analogue physique de vraies photographies et diapositives. Autrefois les diapositives de présentation étaient montrées à l'aide d'un projecteur de diapositives carrousel .

35
Taj Moore

Un curseur et un carrousel sont PAS la même chose. Un curseur fait glisser les images horizontalement ou verticalement (généralement horizontalement) généralement avec un effet de momentum.

Un carrousel fait pivoter les images radialement et dans une sensation 3D en utilisant la distance et la profondeur de champ. Ils tournent sur un axe où l'image est toujours face à vous.

Une galerie est généralement où toutes les images sont disponibles pour voir ... mais cela ne signifie pas qu'un curseur ou un carrousel ne peut pas afficher toutes les images non plus. Une galerie est également le terme générique pour tout ce qui montre des images ... ou le nom de la page où vous voyez les images. Habituellement, les galeries entièrement remplies seront stylisées selon une disposition matricielle.

Le contenu et l'inclusion de toutes les images ou des images en vedette sont à la discrétion du concepteur de l'application (site, application, etc.)

14
Andrew Davis
  1. Galerie - Une sélection d'éléments affichés généralement sous forme de type Pintrest ou sous forme de série que vous parcourez.

  2. Carrousel - est une sélection renouvelable de choses qui sont soit automatiques soit pilotées par l'utilisateur ou sur un terrain équitable.

  3. Curseur - est un élément de contrôle généralement vu dans des choses comme les applications de musique/vidéo (barre de recherche) ou comme un contrôle de volume qu'un utilisateur fait glisser ou sélectionne à un point arbitraire. Les curseurs sont utiles pour permettre à un utilisateur de modifier les valeurs de manière intuitive.

Au fil du temps, il y a eu un chevauchement de la terminologie qui semble provenir de l'animation utilisée dans les carrousels populaires (la diapositive gauche/droite).

3
Glen Cooley

La distinction claire entre "curseur" et "carrousel" repose sur l'expérience utilisateur que les deux offrent, qui définissent le contexte des deux mots:

  1. Slider -> un bouton ou un levier qui est déplacé horizontalement ou verticalement pour contrôler une variable.
  2. Carrousel -> un manège.

Personnellement, j'opterais pour les adresser, les articuler et les livrer "distinctement"! Je m'en tiendrai au point de vue d'Andrew! ; o)

2
Tommy