web-dev-qa-db-fra.com

Comment présenter un choix binaire optionnel sans valeur prédéfinie?

Comment aborderiez-vous l'approche d'un formulaire dans lequel l'utilisateur devrait choisir l'un des choix binaires (oui/non) dans l'interface utilisateur, mais il ne devrait pas non plus être appliqué pour bloquer l'avancement dans le flux.

Donc, fondamentalement, un choix binaire facultatif. OUI ou NON, ou rien du tout. L'utilisation d'une case à cocher standard ne serait probablement pas efficace car la valeur serait par défaut considérée comme fausse si elle n'était pas cochée, et ne "nécessiterait" aucune action de la part de l'utilisateur s'il avait l'intention de répondre NON.

Notre approche actuelle (dans le monde Android Android) serait des boutons radio (présentés horizontalement), mais cela semble toujours mal. Mon homologue iOS utilise quelque chose comme une bascule de segment, car les boutons radio ne se n'existe pas vraiment sur cette plateforme.

Comment feriez-vous pour faire cela (mais pas cela?) D'une bonne façon?

enter image description here

Question de suivi: qu'en est-il d'iOS? Le segment change-t-il la voie à suivre?

Edit: Nous préférerions que l'utilisateur choisisse simplement entre OUI/NON, mais s'il saute complètement la sélection, c'est OK pour l'instant.

6
karllindmark

Je dirais que les choix ne sont pas binaires, mais trinaires (oui/non/aucun), donc fournir une troisième option de "pas de réponse" ou "ni" serait approprié.

3
Jeffery DeJong

Une sorte d'option de "sélection" semble être le moyen le plus efficace, par exemple, les boutons radio que vous avez, ou un "bouton" qui devient sélectionné lorsque l'utilisateur clique dessus (la même fonctionnalité qu'un bouton radio, simplement stylisé pour ressembler à un bouton normal).

Parce que la question est facultative, laisser les deux non sélectionnés au chargement de la page serait tout à fait correct.

Cela dit, j'ajouterais également une troisième option (par exemple, "aucun", "clair") pour les situations où l'utilisateur fait accidentellement un choix. Je l'ai fait plusieurs fois en remplissant un formulaire sur mobile - en faisant défiler la page (glisser), j'ai tapé dans une zone que je ne connaissais pas et j'ai fait une sélection. Parce que vous donnez à l'utilisateur le choix de ne pas répondre à cette question (ce n'est pas obligatoire), vous pourrez filtrer vos données contre ce type de choix "accidentels".

1
Karl Brown

Option 1: j'ajouterais simplement le texte cliquable "décider plus tard" à côté de lui, donnant ainsi à l'utilisateur le sentiment qu'il a interagi avec cette entrée dans le formulaire et qu'il peut poursuivre le processus en toute sécurité.

Option 2: utilisez l'astérisque pour indiquer les champs obligatoires. S'il s'agit du seul champ obligatoire, ajoutez l'étiquette "facultative" à côté.

Et oui, la bascule segmentée est la voie à suivre à mon avis.

1
VitskyDS

Vous avez rencontré l'une des limitations des comportements par défaut des éléments de formulaire courants tels que les cases à cocher, les boutons radio et autres. Il n'y a pas de bonne méthode pour avoir un bouton radio optionnel car cela va à l'encontre de son comportement par défaut: obligatoire et mutuellement exclusif.

La seule façon d'y faire face est d'ajouter une autre option telle que "aucune".

Ne pas ajouter une troisième option et afficher les deux radios comme non sélectionnées lors de l'entrée dans la page signifie qu'une fois que l'utilisateur a cliqué sur une option, elle n'est plus facultative car il n'y a aucun moyen de la désélectionner. Ce n'est pas vraiment juste pour vos utilisateurs.

1
Martyn