Quelle est la meilleure façon de définir deux valeur de notation dans une application Web?
Je travaille sur une application Web, elle sera donc utilisée sur les appareils de bureau et mobiles. Le problème est que je cherche la meilleure façon de rendre un utilisateur définit leurs notations dans un objectif (une valeur de référence et une valeur de but). Il existe plusieurs solutions ici, mais il est important que la balance puisse varier de 1 à 5, 1-6, 1-10, etc ...
Voici ce que je pense: (Les écrans ne représentent que le type de note, ce ne sont pas les conceptions finales)
Je préfère le type 01, mais avec ce que l'utilisateur ne peut pas voir quelle est la balance. Avec le type 02, s'il y a une plus grande échelle (1-10), les chiffres auront un espace plus petit et seront plus difficiles à sélectionner.
Quelqu'un a-t-il une meilleure solution pour cela? Y a-t-il une autre application avec une UX similaire?
Si l'échelle va varier, vous avez raison d'être préoccupé par l'espace d'écran. Le curseur (type 3) ne sera tout simplement pas suffisant si vous le modifiez à un nombre supérieur (c'est-à-dire 1-10). Même dans vos captures d'écran, 5 valeurs sur le curseur commencent déjà à regarder occupées. Alors jetez-le complètement.
Le type 2 pourrait fonctionner, mais ne réglez pas la taille des boutons. Au lieu de cela, vous pouvez le concevoir pour envelopper plusieurs lignes si nécessaire. Garder ainsi la taille de la taille suffisamment grande pour être facilité avec précision.
Personnellement, je préfère le type 1, car c'est gentil et simple et ne surcharge pas l'écran avec beaucoup de boutons. Type 1 gère également une grande quantité d'options beaucoup mieux, les 2 autres options vont rapidement causer des problèmes si vous commencez à avoir des options de plus de 10.
Si votre seule préoccupation avec le type 1 est que l'utilisateur ne peut pas voir immédiatement la plage, vous pouvez simplement ajouter ceci aux étiquettes. Soit ajouter "(1 - 10)" à côté de la base de référence et de l'objectif.
Il peut être suffisant de l'avoir écrit une fois, si vous avez une description étiquette au-dessus des paramètres. Par exemple, "sur une échelle de 1 à 10, définissez votre ligne de base et votre objectif" (ou quel que soit le texte qui convient à la fonction de votre application).
Remarque, tout ce que j'ai dit est basé sur la mise en page mobile. Dans l'utilisateur dispose d'un grand écran, vous pouvez faire fonctionner les 3 dessins de 3 designs. Donc peut-être que vous ne considérez peut-être que l'utilisation de type 1 pour les appareils mobiles et autre chose pour le bureau.
Le problème avec le type 1 et le type 3 est qu'ils nécessitent des valeurs par défaut. Le problème avec c'est:
- Les valeurs par défaut peuvent biaiser l'utilisateur à les sélectionner ("3 suffisamment bon, je vais le laisser là")
- Les valeurs par défaut fournissent une valeur et vous voudrez peut-être laisser votre utilisateur à ignorer la question sans définir une valeur.
Le type 2 vous permet de montrer une échelle sans définir une valeur. Il y a quelques façons de concevoir des échelles plus grandes; Celui qui est couramment utilisé sur les petits fenêtres est de le faire pile verticalement, comme cet exemple de Surveysparrow:
Ajout de boutons pour le contrôle fin, des valeurs plus grosses peuvent être traitées efficacement.