web-dev-qa-db-fra.com

Quel widget de formulaire pour une entrée (apparemment) linéaire sans valeur par défaut?

Pour les réponses aux questionnaires numériques, existe-t-il un widget de formulaire raisonnablement bien compris entre un groupe horizontal de boutons radio (ou cases à cocher) et une jauge de curseur qui permet à l'utilisateur de saisir une valeur apparemment linéaire au lieu d'une valeur manifestement discrète, mais ne le fait pas besoin d'une valeur par défaut qui serait soumise si l'utilisateur ne faisait rien?

Visual comparison of Radiogroup, Slider and Number widget in browsers

La meilleure idée que j'ai pu trouver est un curseur avec une case à cocher adjacente pour "Pas de réponse" qui est activé par défaut et passe à l'état désactivé dès que le curseur est éloigné de sa position par défaut.

8
Crissov

Il existe déjà une interface dans la conception matérielle où un potentiomètre ou un rhéostat a un interrupteur à l'une des extrémités de la plage. Dans certains cas, il est utilisé comme interrupteur marche/arrêt, par ex. pour un ampli pas cher où il y a une commande singulière (volume).

Je suggérerais d'avoir un contrôle similaire où le fait de glisser complètement sur le côté indique que le contrôle a été désactivé.

Art ASCII (substitut avec UML):

slider  |----------------|
value   N/A      0 1 2 3 4
snap    |        | | | | |

L'entrée commence en position N/A, mais "clique" lorsque l'utilisateur fait glisser la poignée suffisamment loin de la position N/A. Si l'utilisateur décide que la valeur n'est pas applicable, il peut simplement la faire glisser vers la position N/A.

En termes simples, faites ceci:

La meilleure idée que j'ai pu trouver est un curseur avec une case à cocher adjacente pour "Pas de réponse" qui est activé par défaut et passe à l'état désactivé dès que le curseur est éloigné de sa position par défaut.

Et indiquez avec une zone morte que le curseur saute au lieu d'une case à cocher.

NB: Cette réponse suppose que la valeur d'entrée varie de façon continue plutôt que discrète, ce qui est indiscernable de la première lorsque le rapport de la plage à la taille de pas est suffisamment grand.

5
Harley

Je vous proposerai d'utiliser des boutons radio sur le curseur, car les curseurs n'ont pas les fonctionnalités très importantes telles que: Précision, vitesse, charge cognitive etc.

Voici une étude fantastique réalisée sur ce sujet (l'article est un peu long mais croyez-moi, vous apprécierez la lecture et les résultats):

Exploration des formats de réponse des curseurs et des réponses catégoriques dans les enquêtes en ligne

Une réponse à l'échelle du curseur a été soumise par 35 (sur 58) gestionnaires, ce qui a donné un taux de réponse de 60%. Pour l'échelle des boutons radio, 39 (sur 62) gestionnaires ont répondu, ce qui donne un taux de réponse de 63%. La différence entre ces deux proportions n'est pas statistiquement significative (z = 0,288, p <0,78).

Un deuxième indice de la qualité des données est le temps d'exécution. Les répondants au traitement par curseur ont passé en moyenne 5,93 minutes (de 1,92 à 49,85 minutes) pour répondre à l'enquête tandis que les répondants au traitement par bouton radio ont pris en moyenne 4,95 minutes (plage de 0,15 à 2,00 minutes). La différence n'est pas statistiquement significative (t = 0,593, p <0,56).

http://jrp.icaap.org/index.php/jrp/article/view/509/41

enter image description here

5
DPS

Il existe des moyens de communiquer clairement une position neutre à l'utilisateur.

Curseur d'enquête

Un contrôle aura un état par défaut. Il n'est pas nécessaire de prendre en compte cet état par défaut. Vous pouvez vous assurer que l'utilisateur comprend cela en le nommant de manière appropriée.

Voici un curseur avec une position neutre au centre qui indique clairement que l'état par défaut est Non applicable et Non neutre. Vous pouvez informer l'utilisateur qu'il est essentiel d'avoir une position. Ignorez une question uniquement si elle ne s'applique pas à vous. Je suppose que nous avons besoin de ce genre d'État plus souvent pour qu'il y ait moins de gardiens de clôture, mais je m'éloigne du sujet.

enter image description here

Curseurs en option

De nombreux sites Web d'achat ont des curseurs de filtre de prix qui ne sont activés que lorsque vous cliquez sur. Leur état par défaut est tout compris. Ainsi, en fonction de votre réflexion, vous pourriez avoir une case à cocher qui active le contrôle du curseur, puis fournir un curseur qui a une valeur par défaut.

enter image description here

Zone de texte

Me rappelle les applications torrent avec leurs formulaires d'allocation de bande passante. Ils ont des entrées de texte avec des validations de nombres et un texte sur le côté mentionne qu'une valeur 0 signifie infini ou la fonction n'est pas considérée. Toute autre valeur numérique est autorisée. C'est assez continu.


Vous pouvez également informer vos utilisateurs que vous devez éviter de soumettre des enquêtes vierges.

1
Sol

Je suggérerais d'utiliser le groupe de boutons poussoirs qui agit comme un groupe radio (un seul sélectionné à la fois) mais avec la différence que la valeur sélectionnée peut être décochée (le bouton radio ne peut pas être décochée).

enter image description here

Dans cet exemple, les valeurs suivantes sont possibles:

  • La gauche
  • Milieu
  • Droite
  • None
1
Miroslav Jonas

Comme tous les widgets d'interaction de l'interface utilisateur, ils ont chacun un moment précis pour l'utiliser/quand ne pas l'utiliser.

Les curseurs sont parfaits pour sélectionner ou modifier des valeurs, par exemple de 0 à 10, mais ils ne fonctionnent bien que lorsque la précision n'est pas nécessaire, par ex. c'est bien si les nombres sont de simples entiers (c'est-à-dire 1, 2, 3 ...) mais les curseurs sont terribles si vous devez sélectionner 17,33. (pensez simplement à un contrôle de volume - vous le rendez juste plus fort ou plus silencieux, mais vous ne réglez jamais le volume à un niveau de haute précision spécifique).

Les boutons radio sont parfaits pour sélectionner rapidement une chose spécifique.Même si vous aviez 20 choses, il suffit d'un clic pour sélectionner ce que vous voulez.

Donc, la vraie différence entre le bouton Radio et le curseur est en fait le coût d'interaction.

Le coût d'interaction pour définir la chose avec un bouton radio est un simple clic de souris.

Le coût d'interaction pour définir la chose avec un curseur est beaucoup plus élevé - cliquez puis faites glisser. Selon le nombre de choses, le coût d'interaction augmente, par ex. vous faites glisser le curseur à travers chaque étape de glisser pour arriver à celui que vous voulez, donc si vous avez 10 choses, et celle que vous voulez est la 10ème chose, vous devez visiter chacune des autres choses en utilisant un glissement de souris. Le glissement de la souris est plus difficile à faire qu'un clic de souris, et glisser vers une chose est plus lent que de cliquer sur la chose exacte.

1
SteveD