web-dev-qa-db-fra.com

Est un curseur avec plusieurs poignées adapté pour définir des points de partage

Je travaille sur une application web. Maintenant, je dois diviser une plage de valeurs en plusieurs parties continues, disons diviser 0 ~ 100 en quatre parties: 0 ~ 20, 20 ~ 40, 40 ~ 60, 60 ~ 100.

De la manière la plus simple, je peux utiliser des entrées de texte pour les valeurs des points de partage. Dans l'exemple ci-dessus, les valeurs seraient 20, 40 et 60. Cependant, je dois valider les valeurs d'entrée et avoir plusieurs entrées ne semble pas intuitif.

Je préfère donc un curseur avec plusieurs poignées comme ceci: enter image description here

Je pense que c'est plus pratique et intuitif.

Pour autant que je vois, les curseurs avec une poignée ou deux sont courants, tandis que les curseurs avec plus de poignées sont assez rares. Je me demande si un tel curseur convient ou existe-t-il de meilleures alternatives?

2
jddxf

Les curseurs en sortie montrent mieux les différences entre les plages qu'un tas d'entrées de texte. Mais j'ai utilisé des curseurs multi-plages à quelques reprises et les gens ont demandé des champs de texte lorsqu'ils devaient les utiliser comme "entrées". Voici un rapide échantillon des plaintes que j'ai reçues pour expliquer pourquoi c'était le cas :-):

a) Difficile de choisir entre les poignées qui se chevauchent (surtout avec le toucher, et surtout avec plus de 2 poignées dans le chevauchement)

b) L'ajout/la suppression de poignées est également difficile dans le même scénario

c) Placer des poignées sur des valeurs précises est fastidieux

Les curseurs en entrée sont généralement bons pour ce que Shneiderman a appelé des "requêtes dynamiques" - http://drum.lib.umd.edu/bitstream/handle/1903/388/CS-TR-3022.pdf - changer interactivement la valeur d'un curseur et voir immédiatement l'effet sur une autre variable - généralement visuellement. Si ce n'est pas votre cas d'utilisation, il peut être utile de revenir aux champs de texte et d'avoir une représentation visuelle distincte pour afficher les plages (essentiellement un graphique à barres horizontal et empilé à 100% des valeurs)

3
mgraham

Peut-être un hybride de points de curseur et de saisie de texte où un changement à l'un change automatiquement l'autre?

De cette façon, il existe un certain nombre d'avantages:

  • Si vous tapez dans les champs d'édition, vous obtenez la précision et voyez une représentation visuelle dans les points du curseur.
  • Si vous faites glisser les points du curseur, vous voyez maintenant les valeurs changer dans les champs d'édition, ce qui vous permet d'obtenir une précision tout en faisant glisser.
  • Les utilisateurs mobiles peuvent utiliser l'un ou l'autre mais s'ils ont besoin de précision, ils trouveront probablement plus facile d'utiliser les champs d'édition.
3
SteveD