Est-ce une pratique acceptable d'utiliser des cases à cocher comme boutons radio?
Quelqu'un peut-il m'orienter vers des articles concernant les cases à cocher et les boutons radio?
Je suis en discussion avec un directeur artistique et il est convaincu qu'il est plus logique d'utiliser des cases à cocher car les boutons radio semblent plus laids.
Voici le scénario, il y a 2 à 4 étapes:
L'utilisateur est présenté à l'étape 1 où l'utilisateur peut choisir une seule option sur 6.
Sur la base de la sélection effectuée à l'étape 1, l'utilisateur se verra soit présenter une question finale à options multiples. Ou ils se verront présenter une étape supplémentaire où l'utilisateur ne pourra choisir qu'une seule option.
L'AD est convaincue que tous les champs peuvent être des cases à cocher. Je pense personnellement que toutes les options où une seule option peut être choisie devraient être des boutons radio.
Y a-t-il un bien ou un mal dans ce scénario?
Réponse: Non.
cases à cocher vs boutons radio - Nielsen Norman 2004
Les boutons radio sont utilisés lorsqu'il existe une liste de deux options ou plus qui s'excluent mutuellement et que l'utilisateur doit sélectionner exactement un choix. En d'autres termes, cliquer sur un bouton radio non sélectionné désélectionnera tout autre bouton précédemment sélectionné dans la liste.
Les cases à cocher sont utilisées lorsqu'il existe des listes d'options et que l'utilisateur peut sélectionner n'importe quel nombre de choix, y compris zéro, une ou plusieurs. En d'autres termes, chaque case à cocher est indépendante de toutes les autres cases à cocher de la liste, donc cocher une case ne décoche pas les autres.
J'ai travaillé sur un projet où la conception initiale utilisait des cases à cocher à sélection unique. Le javascript pour le gérer était horrible. Si vous suivez le chemin du déblayage avec des cases à cocher et des boutons radio, faites-le avec style, pas en fonction. Quelques ressources:
- Outil générateur de cases à cocher: http://csscheckbox.com/
- Tutoriel de style: http://www.paulund.co.uk/style-checkboxes-with-css
- Comment faire avec une image remplaçant javascript: http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/
- Image de procédure remplaçant par css uniquement: http://www.andreapinchi.it/how-to-style-radio-buttons-with-pure-css/
- Gros boutons radio remplis de texte: http://viralpatel.net/blogs/css-radio-button-checkbox-background/
Je n'ai pas utilisé la plupart d'entre eux exactement, mais j'ai fait quelques astuces similaires, la source originale pour laquelle je ne peux pas localiser pour le moment.
Non, la case à cocher et le bouton radio sont des éléments d'interface utilisateur très bien établis, les échanger reviendrait à échanger le frein et l'accélérateur dans la voiture (mais pas avec des conséquences aussi désastreuses).
Si votre directeur artistique pense qu'ils sont laids, vous pouvez créer quelque chose avec JavaScript et CSS qui fonctionnaient comme l'un ou l'autre mais qui semblaient beaucoup plus jolis que les cases à cocher ou les boutons radio. Vous pouvez ensuite utiliser des champs de formulaire masqués qui sont également mis à jour au clic pour fournir les données de soumission de formulaire dont vous aurez besoin.
Mais s'il vous plaît, ne faites pas ressembler un bouton radio à une case à cocher, faites simplement un bouton radio plus joli et assurez-vous d'avoir couvert tout ce qu'un bouton radio peut faire (c'est-à-dire les façons de le vérifier).
Ce n'est pas un balisage particulièrement délicat ou JavaScript et vous laisserait des utilisateurs confus et une relation de travail plus heureuse car vos deux exigences seraient satisfaites.