web-dev-qa-db-fra.com

Quelle est la bonne façon d'afficher un curseur qui a également un interrupteur marche / arrêt dans une application?

Je travaille sur une application où un utilisateur peut tamiser les lumières d'une pièce. Cependant, il est également possible de les activer et de les désactiver.

J'ai trois concepts différents:

  1. juste un curseur où la gauche est également désactivée. Cependant, ce ne serait pas correct, car à gauche est vraiment "dim 0%" et non "éteint"
  2. bascule et curseur. Pas très bon, car ce sont maintenant deux actions distinctes
  3. ma suggestion pour combiner bascule et curseur

slider toggle

Avez-vous de meilleures idées pour illustrer ce concept?

ps. Les lumières sont affichées dans une liste, donc plusieurs appareils sont affichés en même temps. Room view

5
beining

Selon la façon dont vous accédez à ces fonctionnalités dans votre application, vous pouvez la transformer en un processus en deux étapes contenu dans un seul écran. Vous pouvez utiliser le même format pour la température.

Light toggle

5
Wendy Wojenka

Si vous accédez au paramètre de luminosité sur iOS 11, le comportement par défaut est:

  • tapoter vers la gauche devient complètement sombre (désactivé),
  • taper sur la droite va pleine luminosité (on), et,
  • bien sûr, vous pouvez faire glisser pour régler.

J'ai tendance à essayer d'utiliser ce qui existe déjà.

Pourrait recommander de remplacer les icônes par les mots "on" et "off" tout en en faisant la couleur clé de l'application; depuis à peu près iOS 7, les directives de l'interface humaine ont suggéré d'utiliser la couleur pour indiquer les éléments interactifs.

Cette combinaison devrait s'appuyer sur ce que les utilisateurs savent déjà; ce qui réduit la friction et la possibilité d'une caractéristique "cachée".

Recommande également de stocker la dernière valeur de curseur définie et de faire cette position de départ lorsque l'utilisateur frappe "on".

2
Josh Bruce