web-dev-qa-db-fra.com

Comportement des cases à cocher dépendantes

Contexte:

Dans un formulaire, il y a 2 sections principales - Boosters et Filter.

Si un Booster est coché, la section Filtre ne peut pas être cochée et si le filtre est coché, aucun Booster ne peut être coché. L'interaction actuelle est la suivante:

enter image description here

Question:
Existe-t-il une meilleure façon de représenter et de communiquer cela? Il n'y aura qu'une seule option de filtre. J'ai l'impression qu'il y a un problème avec la représentation et la mise en page. L'option de filtre doit-elle être une bascule au-dessus des boosters?

Comment puis-je rendre cela plus compréhensible?

1
Ashwin Nepal

enter image description here

Je suggère d'ajouter une sélection de niveau supérieur entre le filtre X ou les boosters à l'aide des boutons radio. Ensuite, un niveau secondaire sous Boosters où ils peuvent être sélectionnés à l'aide de cases à cocher. Si le bouton radio Filtre X est sélectionné, désactivez les cases à cocher Booster.

Selon que vous voulez une option claire pour ne pas avoir de filtre X ni de boosters, vous pouvez ajouter un autre bouton radio en haut disant 'Pas de filtres ou boosters' et en faire la sélection par défaut.

8
Martyn

enter image description here Je suggère de séparer clairement les boosters et les filtres s'ils ne sont pas compatibles.

Voici 2 idées:

[~ # ~] a [~ # ~] avec un système d'onglets qui oblige l'utilisateur à choisir un groupe

[~ # ~] b [~ # ~] Séparez verticalement les deux catégories et mentionnez qu'il s'agit d'un [~ # ~] ou [~ # ~] choix

2
Renaud