Quel type de contrôle dois-je utiliser à la place d'un bouton?
Une partie de notre application permet essentiellement aux utilisateurs de "tourner un bouton" pour augmenter l'effet. En interne, les nombres vont de 0 à 15, mais en externe, les nombres importent peu. Nous voulons maintenir l'idée de "monter en puissance" (c'est-à-dire, comme monter un bouton de volume) et nos utilisateurs ne sont pas technophiles. La seule vraie contrainte est qu'il y a une position "off" du "potard".
Cela dit, quel contrôle dois-je utiliser étant donné qu'il:
- a une position de début et de fin
- a des valeurs continues
- a une valeur numérique dont nos utilisateurs ne se soucient pas
Pour un appareil physique, c'est généralement pourquoi je voudrais un bouton. Si vous pensez à une radio, je ne me soucie pas nécessairement si le volume est à "6" ou "9" tant qu'il est "assez fort" pour moi. La même chose s'applique ici, les utilisateurs veulent pouvoir augmenter l'effet, mais peu importe le nombre exact auquel il va.
La réponse est-elle juste un curseur? Existe-t-il un meilleur contrôle/plus intuitif?
MISE À JOUR 1:
Je ne veux pas utiliser un bouton car ce n'est pas un contrôle intuitif sur un écran d'ordinateur. Comment faites-vous tourner un bouton? cliquer et faire glisser?
Si un bouton est le paradigme idéal, utilisez un bouton. Les boutons sont cool.
Voici quelques boutons sympas, certains ont même le support de la molette de la souris:
- http://anthonyterrien.com/knob/
- http://www.greensock.com/draggable/
- http://eskimoblood.github.io/jim-knopf/
en ce qui concerne l'utilisabilité des potards, cela dépend du contexte. Pour les boutons tactiles sont super, pour le bureau s'il prend en charge la molette de la souris et les flèches du clavier, etc. Meh c'est ok. Si vous avez un bouton géant et sa partie de votre marque, l'utilisation d'un bouton est suffisamment utilisable.
Un bouton et un curseur sont essentiellement la même chose en ce qui concerne la façon dont il permet à l'utilisateur de saisir des valeurs. Cependant, comme vous le faites remarquer à juste titre, un bouton est beaucoup plus difficile à utiliser avec une souris.
La réponse par défaut est donc oui, utilisez un curseur si vous souhaitez émuler les avantages d'un bouton virtuellement à l'écran.
Si la précision est une exigence, vous devrez également vous assurer que la valeur peut être modifiée manuellement via le clavier.
Si vous avez besoin d'un contrôle plus intuitif, vous pouvez utiliser le plugin jQuery roundSlider , qui est très simple à utiliser et à personnaliser.
Pour plus de détails, consultez la page démos et documentation , vous pouvez également vérifier certains personnalisation ici.
En outre,
- Il prend en charge les appareils de bureau et tactiles
- Il est réactif
- Il a un support clavier et molette, ... et ainsi de suite.
Vous pouvez conserver la sensation "Crank Up" tout en utilisant un curseur, il suffit de concevoir le curseur pour le représenter visuellement de cette façon. Je le modéliserais d'après une table d'harmonie, car votre application traite du volume, elle s'adaptera au thème.
Cela vous procurera la sensation familière de la radio tout en offrant un contrôle intuitif et incrémentiel.