Manière conviviale et claire de présenter les réponses possibles à une question
Quelle manière de répondre à la question suivante est plus conviviale et plus claire?
UNE)
B)
edit: Parce que je dois m'en tenir à la liste déroulante et que je n'aime pas vraiment les options A et B, j'ai pensé à une troisième option. Dans ce cas, les cases à cocher sont toujours visibles lorsqu'elles sont déroulées, et il n'est pas possible de sélectionner "Non" sans sélectionner l'une des options en dessous:
C)
Utilisez la divulgation réactive ou l'activation réactive en fonction des normes dans le format dans lequel vous travaillez.
Divulgation réactive signifie d'abord afficher un bouton radio comme celui-ci ...
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
... puis révélant l'option supplémentaire dans l'espace blanc si l'utilisateur sélectionne non, comme ceci ...
L'activation réactive signifierait d'abord afficher les options grisées au lieu de masquées, comme ceci:
Vous pouvez également trouver Responsive Disclosure et Responsive Enabling dans la bibliothèque de modèles Quince Infragistics et aux pages 179-185 de Designing Interfaces, Second Edition par Jenifer Tidwell.
Remarque: Je suis passé d'une liste déroulante à des boutons radio car il n'y a que deux options. À moins que l'espace ne soit sévèrement limité ou que vous essayez de pousser votre utilisateur à rester avec la valeur par défaut, les boutons radio sont le meilleur modèle dans ce cas. De plus, si au moins une des options A, B ou C doit être sélectionnée, il peut être préférable d'utiliser une liste déroulante avec 7 options explicites au lieu de cases à cocher, surtout si vous ne voulez pas qu'une option soit sélectionnée par défaut.
Je ne pense pas que ce soit la meilleure option. Devez-vous y aller avec un menu déroulant? Je préférerais en voir deux. Le premier s'affiche et le second est masqué jusqu'à ce que l'utilisateur sélectionne oui ou non dans le premier. Une fois sélectionné, le second s'affichera avec les options appropriées.
Si l'espace est une considération, vous pouvez également faire une deuxième étape avec une fenêtre contextuelle ou une deuxième page. La première page composée d'un seul choix Oui/Non, par exemple deux boutons.
Si l'utilisateur choisit Non, il obtiendra une deuxième page avec les cases à cocher pour choisir Options.
Si vous êtes préoccupé par les personnes utilisant des écrans tactiles, cela devrait être les meilleures options, car elles ont l'habitude d'avoir des informations et des menus répartis sur plusieurs étapes/pages dans un flux de travail, mais ils se casseraient probablement les doigts avec ces zones de liste déroulante ...