Quelle est la meilleure façon de recueillir une réponse oui / non à une question requise?
Nous avons un formulaire qui demande aux utilisateurs s'ils sont citoyens américains. Nous voulons nous assurer qu'ils répondent à cette question.
Une idée est d'en faire une case à cocher, comme ceci:
Etes vous un citoyen americain?
[] Oui, je suis citoyen américain.
Le problème avec cela, c'est qu'ils pourraient simplement ignorer la question, qui serait enregistrée comme "pas un citoyen".
Une autre idée est d'utiliser des boutons radio:
Etes vous un citoyen americain?
( ) Oui Non
Le problème est que c'est une mauvaise pratique de ne pas sélectionner une réponse dans un ensemble de boutons radio. Et si nous sélectionnons une réponse, cela aurait le même problème que la case à cocher.
Encore une autre idée est d'utiliser une liste déroulante. Etes vous un citoyen americain?
Sélectionnez un
Oui
Non
Cela nécessiterait qu'ils répondent à la question. Cependant, ne trouvez-vous pas ennuyeux quand vous voyez un menu déroulant contenant seulement 2 options?
Il y a trois cas que vous devez être en mesure d'identifier: oui/non/non spécifié (c'est-à-dire que l'utilisateur n'a pas interagi avec cet élément). Mais si vous présélectionnez oui ou non, vous ne pourrez pas le distinguer du cas non spécifié comme vous l'avez indiqué.
Je suggère d'utiliser des boutons radio ou une liste déroulante (car les deux options s'excluent mutuellement) sans présélectionner aucune des options. Et si l'utilisateur ne fait pas de sélection, renvoie un message d'erreur, mettez en surbrillance le champ requis et demandez une correction. Les cases à cocher indiquent que plusieurs options peuvent être sélectionnées.
Un formulaire simple comme vous pouvez le voir dans certains kiosques a les choix intégrés dans l'action:
Cela forcerait intrinsèquement une réponse tout en supprimant l'encombrement des boutons "Suivant" ou "Continuer". Un bouton est une réponse en un clic.
Pourquoi pas un bouton radio ou une liste déroulante?
Il est beaucoup plus facile de pousser un bouton sur un appareil mobile que de s'amuser avec des menus déroulants et des boutons radio de ciblage (et finalement de gros doigtés). Il y a probablement aussi moins de texte à l'écran avec des boutons.
Pourquoi pas une case à cocher?
Si vos réponses s'excluent mutuellement, ce n'est pas le bon choix. Deuxièmement, vous ne souhaiterez peut-être pas implicitement fournir une valeur par défaut, ce qui est toujours le cas avec une case à cocher.
Une solution potentielle consiste à utiliser un type d'interaction appel à l'action, de sorte qu'au début du formulaire, vous puissiez avoir un bouton qui dit quelque chose comme "Les citoyens américains cliquent ici" et "les citoyens non américains cliquent ici" qui ensuite aide à "forcer" les gens à faire une sélection avant de poursuivre.
Cependant, je n'utiliserais cela que si aucune des autres options que vous avez bien essayées ne fonctionne ou ne fonctionne avec les utilisateurs, car c'est une façon plutôt lourde de faire quelque chose comme ça.
Je ne voudrais pas hésiter à utiliser un ensemble la case à cocher intéressée comme obligatoire. À mon avis, UX devrait également prendre en compte les demandes de marketing.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Je pense que les deux options que vous mentionnez peuvent être utilisées avec des modifications mineures. vous pouvez donner une validation/contrainte, c'est-à-dire un message d'erreur "Veuillez sélectionner votre citoyenneté" lorsque l'utilisateur appuie sur le bouton Soumettre sans sélectionner oui/non.
Court et doux ! Pas besoin de penser à une autre solution et de perdre du temps dans une si petite affaire.
Si l'utilisateur sélectionne un choix, effectuez le bouton sélectionné avec un style sélectionnable mais modifiez également le style de l'autre bouton pour indiquer qu'il n'est pas sélectionné.
L'objectif est de faire en sorte que l'utilisateur sélectionne l'un ou l'autre.
Regardez le design ci-dessous:
Oui
Non
Si vous souhaitez souligner qu'il s'agit d'un choix important, autorisez l'utilisateur à désélectionner le bouton sélectionné comme ceci:
Cela devrait également amener l'action d'envoi à un état désactivé afin de ne pas autoriser l'utilisateur à poursuivre. Mais l'effet le plus intéressant est que l'utilisateur peut annuler et revenir à l'état d'origine où rien n'a été sélectionné et réfléchir à ce qui serait le meilleur choix.