web-dev-qa-db-fra.com

Manière canonique de mettre en page des collections ayant le même comportement

J'ai ce qui est essentiellement un dictionnaire de 24 choses. Mon instinct initial est de les disposer dans une grille:

mock up of the grid idea

L'utilisateur avec lequel j'interagis a déclaré qu'il souhaitait utiliser la molette de défilement pour modifier les valeurs et pouvoir sélectionner l'ampleur du changement effectué par la molette de défilement. Ils ont également suggéré cette disposition:

mock up of combo box layout

L'écran doit être utilisé pour effectuer des réglages sur un instrument scientifique. Il se peut que la modification de la valeur d'un thing affecte également la valeur d'un thing différent, bien que ce ne soit pas le cas pour le moment. L'utilisateur ne voudra changer qu'un thing à la fois.

Existe-t-il un moyen préféré de mettre en page des collections comme celle-ci? Qu'est-ce qui est plus facile pour les utilisateurs?

1
Matt Ellen

Cela "sent" que le modèle mental de votre utilisateur ressemble à ceci: user's thinking

En termes d'exigences, il se résumerait comme suit:

  • connaître les choix - "choses" à changer
  • connaître les valeurs réelles
  • pour changer la valeur réelle (avec une précision variable)
  • pour savoir quoi d'autre a été changé (en conséquence de ce qui précède)

En outre, il existe une autre "odeur": l'idée de modifier la valeur à l'aide d'une molette de défilement suggère que l'utilisateur aimerait imiter le comportement du monde réel . Certaines des expériences utilisateur associées incluent:

  • tourner plus vite augmente les incréments (précision plus faible)
  • tourner plus lentement augmente les incréments (précision plus élevée)
  • capacité de changement rapide de précision (comme dans la sélection d'un anneau de précision approprié dans l'équipement technologique)

Donc, si c'est une caractéristique importante, je suggère de creuser plus profondément et de trouver si les suppositions ci-dessus sont correctes et éventuellement de concevoir le contrôle d'interface utilisateur adéquat.

Si ce n'est pas très important, alors je peux suggérer un coup rapide :

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

Vous pouvez également considérer :

  • s'il y a une préférence dans la sélection de la précision, car l'option la plus courante devrait être la plus accessible
  • s'il y a quelque chose qui peut aider l'utilisateur à faire la sélection ("choses" récemment utilisées, les plus populaires, etc.)
  • s'il est nécessaire d'indiquer quelles valeurs ont changé simultanément (par exemple par coloration)
2
Bartosz Rakowski

Si la modification d'un thing affecte potentiellement la valeur d'un autre thing, ils devraient probablement tous être visibles en permanence, comme dans votre premier exemple. De cette façon, les utilisateurs peuvent facilement voir les conséquences de leur modification sur un seul thing (et en fonction de l'importance des dépendances, ils peuvent être mis en évidence lorsqu'ils se produisent).

En outre, la sélection "amplitude du changement" est un contrôle global, donc devrait simplement exister en tant que contrôle unique quelque part à côté de la disposition de tous les contrôles thing.

1
Graham Odds