web-dev-qa-db-fra.com

Sélection parmi les options à double valeur

Dans un problème complexe, j'ai une grille d'éléments que l'utilisateur doit sélectionner deux valeurs dans une liste de valeurs de paire.

Grid of items
Dans l'exemple ci-dessus, vous pouvez voir cet utilisateur pour Item 1 sélectionne [ 65 - 36 ] paire de valeurs définie et met une valeur pour [ Very High ] colonne et une autre pour [ High ] colonne, qu'être proches les uns des autres n'est pas important.
Et pour Item 2 sélectionne [ 100 - 0 ] paire valeur et met juste 100 pour [ Average ] la colonne en raison de la valeur de la paire a un 0.

Dans mon interface utilisateur actuelle, j'utilise juste quelques combos dans chaque cellule, celles qui ont d'abord une liste de valeurs comme [0, 20, 35, 50, 65, 80, 100] puis après avoir sélectionné l'un d'eux par l'utilisateur (c'est-à-dire 35), je n'affiche que l'autre (par exemple 65) pour les autres cellules de sa ligne (c'est-à-dire la ligne de item 1) et dans sa propre cellule, je montre une liste de avec sa valeur et 0 -pour annuler les modifications actuelles- (c'est-à-dire 0, 35).

Mes utilisateurs disent que c'est difficile à utiliser et à comprendre, mais je ne peux pas trouver de meilleur moyen !, Pouvez-vous m'aider sur ce problème?

web-appuser-expectationselectiongridmulti-selection
1
shA.t

Je termine avec cette solution, j'espère aider quelqu'un d'autre:

J'ajoute un Combo-Box pour les combinaisons - valeurs de paire - dans chaque ligne de grille.
Ainsi, dans un premier temps, l'utilisateur verra un message sur "la sélection d'une combinaison dans un premier temps".
Ensuite, après avoir parcouru le Combo-Box et sélectionné l'un d'eux, le message disparaîtra.
Maintenant, l'utilisateur verra un Combo-Box dans chaque cellule avec les valeurs de la combinaison:

enter image description here

0
shA.t

En laissant de côté le contenu exact, votre utilisateur doit suivre ces étapes:

  1. Sélectionnez un élément pour chaque ligne
  2. Sélectionnez 2 colonnes dans cette ligne pour cet élément

Dans ce cas, je pense qu'il est vraiment utile de séparer les deux étapes et de ne pas les mélanger dans la même étape. Parce que si l'utilisateur veut changer d'avis et sélectionner l'élément précédemment sélectionné pour une ligne, il doit revenir en arrière changer cette ligne en une valeur nulle.

Donc, dans votre cas et en suivant une configuration en deux étapes:

Step1:
            Very High       High        Average     Low     Very Low
_____________________________________________________________________
50-50
65-35
80-20
100-0


Step2:
            Item1       Item2       Item3       Item4
______________________________________________________
50-50
65-35
80-20
100-0

Ou l'inverse. L'idée est que chaque étape est terminée et qu'une fois terminée, l'utilisateur peut passer à l'étape suivante. Si l'utilisateur voulait changer l'étape 1, il perdrait les modifications apportées à l'étape 2.

0
Alvaro