web-dev-qa-db-fra.com

Interaction utilisateur pour les champs interdépendants

Contexte:

Je travaille sur un écran où un tableau sera rendu en fonction du choix de l'utilisateur de "Pays" et "Organisation". Ces deux champs sont interdépendants et l'utilisateur doit d'abord pouvoir choisir l'un des champs.

Je les ai actuellement conçus tous les deux sous forme de listes déroulantes:

If org is selected first

If country is selected first

Problème

Le problème avec cela est qu'il y a beaucoup de validations qui doivent être prises en charge. Par exemple - Supposons qu'un utilisateur choisisse d'abord Pays comme Inde, puis clique sur le menu déroulant Organisation, les organisations qui ne sont pas présentes en Inde doivent être grisées. En revanche, si l'utilisateur choisit d'abord Organisation comme BMW, puis clique sur la liste déroulante des pays, les pays dans lesquels BMW n'est pas présent devront être grisés. Je pense que cela serait source de confusion dans une certaine mesure. Quelle serait une meilleure approche de ce problème? Pour ajouter à cela, je n'ai jamais rencontré une telle interaction nulle part ailleurs, donc je pense aussi que ce ne serait pas très intuitif pour un utilisateur normal. Qu'est-ce que j'oublie ici?

Le cas d'utilisation est que l'utilisateur doit avoir la capacité de:
a) Voir les données de tous les pays dans lesquels l'organisation X se trouve
b) Voir les données de toutes les organisations du pays Y
c) Voir les données de l'organisation X dans le pays Y
d) Voir les données de tous les pays dans toutes les organisations

usabilityinteraction-designuser-expectationuser-centered-designmicrointeractions
1
Ashwin Nepal

Une approche consiste à définir le filtre par défaut sur la recherche la plus courante et à demander aux utilisateurs d'expliciter la dimension de départ.

Dans le croquis ci-dessous, je suggère quelques frictions à l'avance visant à plus de clarté sur les relations dépendantes. Vous pouvez leur faire sélectionner explicitement la recherche de départ:

  • Par pays (qui affiche ensuite uniquement les organisations)
  • Par organisation (qui affiche ensuite uniquement les pays)

Étant donné que vous devez afficher une option pour tous les pays dans toutes les organisations, vous pouvez avoir une sélection "Tous" dans la liste déroulante.

Vous pouvez désactiver le deuxième sélecteur, pour montrer que le premier doit clairement être sélectionné. Étant donné que le formulaire est conçu pour un public de gauche à droite, nous voyons le filtrage dépendant se déplacer vers la droite, afin que vos yeux n'aient pas à regarder en arrière.

Vous pouvez utiliser des boutons radio ou une liste déroulante d'étiquettes (que nous avons choisis pour une situation similaire dans le logiciel sur lequel je travaille)

enter image description here

2
Mike M

Il semble que ce devrait être une liste déroulante unique à sélection multiple qui ne contient que des organisations avec les pays liés, par exemple:

Organisation et sa branche:

  • BMW (Allemagne)
  • BMW (France)
  • MBW (Italie)
  • Mercedes (Inde)
  • KTM (Inde)
  • ...

Deux listes déroulantes semblent excessives dans ce cas.

Si l'utilisateur commence à taper le nom du pays, les options appropriées doivent être affichées, ainsi que lorsque l'utilisateur tape le nom de l'organisation - les variations associées des pays doivent être affichées.

0
Pavel