web-dev-qa-db-fra.com

Bouton bascule vs case à cocher et interrupteur à bascule

XAML pour Windows 8 propose 3 commandes pour basculer: bouton bascule, case à cocher et interrupteur bascule.

visual example of all three toggle controls

Les directives Windows 8 UX expliquent et comparent les case à cocher et les interrupteur à bascule , mais ne font aucune mention du bouton à bascule.

Comment et quand dois-je l'utiliser? Dois-je l'utiliser du tout, compte tenu - à mon avis - de la moindre accessibilité et de la découvrabilité? Quels sont ses avantages et ses inconvénients?

12

Un bouton à bascule a généralement le plus de sens lorsque vous avez nombre de boutons à choisir. Quelque chose comme un ensemble de boutons radio en interaction.

enter image description here

Sinon, un bouton à bascule seul n'est pas clair en termes d'interaction ou d'accessibilité, et les autres options sont de meilleurs choix.

16
JohnGB

En tant qu'UE, je ne supporte pas les interrupteurs à bascule. Réclamez l'état ou ne l'utilisez pas. "Désactivé" peut signifier cliquer pour désactiver, ou cela signifie, "Il est désactivé maintenant." Ce n'est pas bon. Et les personnes daltoniennes? Surligner la couleur dans le contrôle pour identifier son état n'est pas convivial dans ce cas. Toutes les décisions binaires devraient être des cases à cocher ou des boutons radio - ou étiqueter l'interrupteur à bascule avec "actuellement ... on/off" - ce qui est plus de travail pour un contrôle stupide. Je ne fais pas beaucoup de programmation, mais je n'utiliserais jamais un interrupteur à bascule binaire. Cela amène les gens à prendre des décisions incorrectes. Il peut être "mignon", mais il est dysfonctionnel.

4
Jamison

D'après ce que j'ai vu, les commutateurs sont plus utilisés pour les paramètres système persistants, tandis que les bascules sont plus contextuelles. Ainsi, un commutateur peut activer ou désactiver un service, accessible à partir d'un panneau de paramètres mais prenant effet partout, tandis qu'une bascule agira sur le contenu qui est actuellement au point.

Les bascules n'ont pas besoin d'être proposées en groupe. Il existe plusieurs exemples valides de boutons à bascule singuliers, tels que "J'aime", "Favoris" ou le bouton de formatage en gras sur la barre d'outils de votre traitement de texte.

2
Ashley G

basculer le besoin sur la description afin que vous puissiez l'utiliser pour un sens clair comme (on/off) et je pense que c'est plus courant sur mobile que sur le web

la case à cocher est plus précise (l'utilisateur doit cliquer non seulement sur changer l'état du bouton)

0
Hassan Aboueldahab

L'étiquetage explicite devrait vous aider ici . Lorsque vous avez plusieurs boutons à bascule, il est très important qu'ils apparaissent visuellement liés (dans un groupe).

Lorsque vous utilisez un bouton bascule autonome, ayez une étiquette pour indiquer explicitement qu'il s'agit d'un bouton bascule et mettez en surbrillance/dé-mettez en surbrillance l'état du bouton selon à votre thème visuel. Plutôt que de simplement le mettre dans un "état blanc", grisez l'état désactivé car si est assez similaire à "désactiver".

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

0
rk.