Pouvons-nous utiliser Radio / Checkbox pour les champs de formulaire obligatoires
Je travaille sur la conception d'un site Web qui a des fonctionnalités côté administrateur impliquant un grand nombre de formulaires liés à la création de plusieurs entités au sein de l'application avec une connexion utilisateur normale. L'exigence indique qu'il devrait y avoir une erreur si des champs obligatoires sont manqués lors de l'enregistrement du formulaire.
par exemple. Le champ Frequency a 3 valeurs parmi lesquelles choisir - Daily , Hebdomadaire et Mensuel .
Option 1
Utiliser une entrée de sélection obligatoire qui aurait la valeur par défaut "sélectionner" et afficher et erreur s'il n'est pas rempli lors de l'enregistrement du formulaire. Ici, 2 clics sont nécessaires pour sélectionner l'option souhaitée.
Option 2
Utiliser un bouton radio et le paramétrer par défaut sur l'une des options (article de NN/g Boutons radio: sélectionner un par défaut ou laisser tout non sélectionné? conclut en disant toujours essayer de Sélectionnez un bouton radio par défaut ). Ici, si ce champ est omis lors du remplissage du formulaire, aucun message d'erreur de champ obligatoire ne s'affichera.
Quelle option serait la bonne approche? Existe-t-il une solution alternative?
TL; DR:
Présentation: Avec seulement 3 options, les boutons radio sont meilleurs que les listes déroulantes en termes de présentation.
Valeur par défaut présélectionnée: Une option est-elle principalement souhaitée par les utilisateurs? Alors fais-le.
Le choix ici est-il vraiment important et les 3 choix sont également souhaitables? Alors ne le fais pas.
Ou conservez la liste déroulante à la place afin qu'elle ne viole pas les consignes relatives aux boutons radio.
Habituellement, si le nombre d'options pour une sélection est évitable , les boutons radio sont meilleurs
(voir cette question similaire pour référence: boutons radio ou liste déroulante pour la même liste d'options )
Mais des conseils UX précis dépendent généralement du contexte. Cette question ici Dropdown vs bouton radio fournit des réponses très perspicaces. Fondamentalement, les boutons radio soulignent mieux les autres options et facilitent le choix.
Et comme vous et d'autres sources ( les boutons radio doivent être présélectionnés? ), une option par défaut est généralement toujours que vous souhaitez sélectionner .
Mais c'est pour faciliter la vie de l'utilisateur. Comme le souligne votre article référencé sur NN-Group
Lorsqu'un choix dans un ensemble de boutons radio est connu pour être le plus désiré ou le plus fréquemment sélectionné, il est très utile de le sélectionner par défaut dans la conception.
Donc, vous devriez vous demander, y a-t-il une option parmi ces 3 qui est la dominante? Celle que 60 à 80% de tous les utilisateurs choisissent. Si tel est le cas, cela aurait du sens.
Mais si les 3 sont également souhaitables, et si la décision a un grand impact sur le résultat, l'utilisateur doit pouvoir choisir avec soin entre les options. Le but des éléments obligatoires n'est-il pas vraiment de le signaler à l'utilisateur? Si le choix est si important mais que vous en sélectionnez déjà un, cela pourrait faire le système est très sujet aux erreurs aux yeux de l'utilisateur.
Vous devez donc vraiment prendre en compte le contexte de votre application et décider soigneusement ce qui serait le mieux pour l'utilisateur.
Si vous avez ces quelques options, il est toujours préférable de les afficher sous forme de radios. De cette façon, l'utilisateur voit les options disponibles en un clin d'œil. Dans une sélection, un utilisateur ne sait pas à quoi s'attendre avant de cliquer.
Sélectionnez les listes déroulantes: longues listes où les autres options n'ont pas d'importance (pays par exemple).
Radios: liste courte où les autres options sont également importantes (option préférée par exemple). CONSEIL: vous devez placer les options radio dans une colonne au lieu d'une ligne (lisibilité meilleure et plus rapide).
À propos de la présélection : cela revient à l'importance des données correctes pour le système. Présélectionné signifie que l'utilisateur peut le lire sans le remarquer (et donc le laisser par défaut). Si vous voulez être sûr que les informations envoyées par l'utilisateur sont correctes et complètes, vous devez laisser les radios être initialement désélectionnées.
Bouton radio avec un * (indication de champ obligatoire) et sans valeurs présélectionnées.
L'utilisation de la liste déroulante masquera les options de l'utilisateur. En plus de cela, un clic supplémentaire est requis.
Je préférerais utiliser un bouton radio au lieu d'une case à cocher. La raison en est qu'il ne cache pas les options et aucun clic supplémentaire n'est requis de la part de l'utilisateur. Bouton radio sans valeur présélectionnée.
En ajoutant "*", l'utilisateur apprendra qu'il s'agit d'un champ obligatoire.
