web-dev-qa-db-fra.com

Comment afficher un choix entre deux ComboBox?

Je recherche une manière intuitive d'afficher un choix entre deux options avec un ComboBox spécifique pour chaque option.

L'objectif est d'afficher une feuille de route par un axe d'analyse spécifique ("Département" ou "Domaine d'activité") défini par l'utilisateur. C'est pourquoi j'ai pensé aux boutons radio. Et puis, l'utilisateur doit sélectionner une valeur spécifique dans une zone de liste déroulante (ou autre chose) pour cette hache spécifique.

J'ai pensé à la maquette suivante:

mockup

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

Ou peut-être une navigation par "onglet", avec un ComboBox par onglet:

mockup

télécharger la source bmml

Mais le contenu est vraiment similaire pour chaque onglet.

Je ne peux pas demander directement aux utilisateurs maintenant et la fonctionnalité est un peu "urgente" mais j'aimerais offrir quelque chose avec un Nice UX.

Avez-vous une suggestion pour ce type de choix/sélection d'utilisateur?

1
Alex

Désactivez la zone de liste déroulante non active. Laissez-le visible, mais grisé, afin que seul celui sélectionné soit interactif.

Mais puis-je demander pourquoi il est divisé en boutons radio avec des zones de liste déroulante? Quel type d'options l'utilisateur choisit-il réellement ici?

2
wmassingham

Que diriez-vous:

mockup

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

La raison pour laquelle une vue tabulaire n'est pas recommandée est que l'utilisateur ne pourra pas voir toutes les données à la fois, ce qui lui permettra de comparer ce qui est proposé. Assurez-vous simplement que ce qui est sélectionné et ce qui ne l'est pas est assez évident. Gardez également un œil sur la hiérarchie.

Bonne chance!

0
Majo0od

Sans savoir quelles sont les options, il est plus difficile de dire si ces solutions fonctionneront, alors espérons pleinement que cela fonctionne dans votre contexte.

Je pourrais peut-être diviser cela en deux étapes, vous choisissez la première option, puis la seconde.

enter image description here

Mais le mélange de radio, puis de sélection de cases semble étrange (encore une fois incertain du contenu), alors peut-être quelque chose comme:

enter image description here

0
Grant McAllister

Vous pouvez utiliser un type de commande de commutateur pour laisser l'utilisateur choisir l'option. Le passage à une autre option modifiera la liste ci-dessous. La partie en surbrillance est également un bon en-tête pour la liste:
enter image description here

0
Alexey Kolchenko