web-dev-qa-db-fra.com

Matrice tridimensionnelle de sélections tristates

Je crée une interface utilisateur de configuration pour l'application de bureau d'un client. Cela pourrait être appelé métaconfiguration, c'est-à-dire qu'il permet au client de déterminer quelles options sont réellement disponibles dans l'application éventuelle qu'il (ou ses employés) utilise. Pour chaque appareil disponible dans l'application, différents types de projets peuvent être réalisés (déterminés par deux variables: le type de projet principal et le type de projet alternatif).

mockup

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

En gros, il y a au maximum 10 appareils (généralement <4) qui ont chacun la configuration suivante:

  • 3 principaux types de projets: A, B, C
  • 5 types de projets supplémentaires: 1,2,3,4,5

Autrement dit, j'ai une matrice tridimensionnelle de types de projets: 10 appareils x 3 types de projets principaux x 5 types de projets supplémentaires.

Pour chaque type de projet (= combinaison d'appareil, type principal, type supplémentaire), le client peut sélectionner si un projet avec ce type est

  • a) non utilisé,
  • b) utilisé avec le réglage I ou
  • c) utilisé avec le réglage II.

En d'autres termes, chaque combinaison de type de projet et de type de projet supplémentaire a une sélection de trois valeurs que l'utilisateur doit effectuer. Pour cela, j'ai trois boutons radio pour chaque type de projet.

La question: comment présenter un tel nombre de sélections à l'utilisateur?

J'ai actuellement une zone de liste qui permet d'abord à l'utilisateur de sélectionner l'appareil. À côté de la liste, un tableau bidimensionnel (matrice; affiche les paramètres du périphérique sélectionné) avec le type de projet principal sous forme de lignes et le type de projet alternatif sous forme de colonnes, et les cases à cocher dans chaque cellule.

Le problème ici est que cette interface utilisateur ne permet pas, par exemple, de faire une sélection d'un type de projet spécifique pour chaque périphérique à la fois. (Je pourrais faire de la listbox une multisélection, mais ça craint, il n'y a pas de possibilité de cliquer-ctrl)

Je me demande donc s'il existe un modèle d'interface d'édition plus flexible pour un tel paramètre?

Edit: je viens de remarquer que vous pouvez utiliser Balsamiq directement ici. Beau :)

3
savolai ᯓ

Je pense que je resterais simple. Ce n'est pas comme s'il y avait autant d'articles au total, alors pourquoi ne pas utiliser quelque chose comme:

mockup

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

En option, déplacez la sélection de périphérique (ou tout autre groupe que vous considérez comme votre catégorie "principale") dans une zone de liste déroulante ou une barre d'onglets, de manière à obtenir une vue filtrée du même tableau. Si vous ne savez pas ce que vos utilisateurs pourraient trouver dans la catégorie principale, vous pouvez même simplement ajouter un filtre au tableau.

1
André