web-dev-qa-db-fra.com

Contrôle approprié pour sélectionner une valeur fixe (texte) ou une valeur numérique

Je veux que les utilisateurs puissent choisir d'exécuter une simulation qui utilise soit le rendement historique d'un stock, soit celui où ils sélectionnent le rendement moyen numérique dans les simulations. Une façon de le faire est d'avoir une case à cocher avec "Utiliser l'historique" et, si elle n'est pas cochée, d'avoir une zone de texte où ils peuvent taper la valeur numérique qu'ils souhaitent utiliser (peut-être apparaître et disparaître lorsque la case est cochée et désactivée). Mais cela semble maladroit. Y a-t-il quelque chose de plus propre et plus élégant/moderne?

2
Rich Tanenbaum

Observations:

  • Je suis d'accord, c'est gênant quand les commandes apparaissent soudainement.
  • Vous avez deux modes: historical et average, donc les cases à cocher ne sont pas une bonne solution car elles sont meilleures pour les interactions on/off.
  • Les boutons radio ou les sélections déroulantes ne sont pas d'excellentes options car ils ne sont pas adaptés aux mobiles.

Dans cette situation, une barre de boutons est un moyen raisonnable de procéder:

enter image description here

  • Cela montre clairement les noms des deux modes. Il est par défaut historique.
  • La sélection de la moyenne fournit une zone de saisie déroulante pour que vous puissiez entrer le pourcentage. De cette façon, il est caché lorsqu'il n'est pas nécessaire.
  • L'utilisation de l'arrière-plan gris regroupe le bouton et la zone de saisie dans le même "îlot" visuel, offrant un regroupement clair des commandes.
  • Le menu déroulant de la zone de saisie sous le bouton fournit un flux visuel indiquant ce que l'utilisateur doit faire ensuite (vous avez appuyé sur le bouton, remplissez maintenant le champ)
1
tohster