Boutons radio ou liste déroulante pour la même liste d'options
J'ai une liste d'options où le nombre maximum pouvant apparaître est de 9. Je me demande si ce sera déroutant de changer les commandes pour ces options en fonction du nombre, c.-à-d. Utiliser des boutons radio pour 5 ou moins, utiliser des listes déroulantes pour 5 ou plus . Je penche vers l'utilisation de boutons radio sur toute la ligne pour plus de cohérence, même si 9 options au maximum peuvent apparaître (même si ce sera dans de rares cas).
Voici quelques images filaires de la largeur de l'espace avec lequel je travaille (537px)
J'irais avec des boutons radio basés sur cela après l'article " Checkboxes vs Radio Buttons " de Jakob Nielsen.
L'article fait référence aux boutons radio vs menu déroulant comme suit:
Si possible, utilisez des boutons radio plutôt que des menus déroulants. Les boutons radio ont une charge cognitive plus faible car ils rendent toutes les options visibles en permanence afin que les utilisateurs puissent facilement les comparer. Les boutons radio sont également plus faciles à utiliser pour les utilisateurs qui ont du mal à effectuer des mouvements précis de la souris. (L'espace limité peut parfois vous forcer à violer cette directive, mais essayez de garder les choix visibles dans la mesure du possible.)
Comme vous l'avez dit, 9 options de boutons radio seraient un cas Edge, je pense que les boutons radio feront le meilleur travail pour réduire la charge cognitive de l'utilisateur car toutes les options seront présentées immédiatement. La quantité d'espace d'interface utilisateur dont vous disposez sera également un facteur, donc un exemple de l'écran pour lequel vous concevez serait apprécié!
Pas neuf boutons radio…
Je vous recommande de suivre les directives ou d'utiliser une solution différente.
Pour les boutons radio, Microsoft a cette directive pour les boutons radio :
Le nombre d'options est-il compris entre deux et sept? Étant donné que l'espace d'écran utilisé est proportionnel au nombre d'options, conservez le nombre d'options dans un groupe compris entre deux et sept. Pour huit options ou plus, utilisez un liste déroulante ou liste à sélection unique .
Dans la même ligne directrice, Microsoft reconnaît qu'une liste déroulante fonctionne différemment d'un ensemble de boutons radio:
Une liste déroulante serait-elle un meilleur choix? Si l'option par défaut est recommandée pour la plupart des utilisateurs dans la plupart des situations, les boutons radio pourraient attirer davantage l'attention sur le options que nécessaire.
Pensez à utiliser une liste déroulante si vous ne souhaitez pas attirer l'attention sur les options ou si vous ne souhaitez pas encourager les utilisateurs à apporter des modifications. Une liste déroulante se concentre sur la sélection actuelle, tandis que les boutons radio soulignent toutes les options de la même manière.
Considérez une liste déroulante s'il y a d'autres listes déroulantes sur la page.
Vous pouvez également décider de ne pas utiliser de liste déroulante.
Une troisième option: la liste à sélection unique
D'autres réponses ont comparé les boutons radio à une liste déroulante, mais il existe une troisième option: la liste à sélection unique :
L'utilisateur peut sélectionner une valeur, pas plusieurs.
Une liste déroulante doit être utilisée lorsque les options de la liste déroulante ne nécessitent pas que l'utilisateur les voie affichées.
Par exemple: "Choisissez un nombre entre 1 et 10 [liste déroulante]". Vos instructions indiquent clairement à quoi s'attendre dans les options de la liste déroulante, afin qu'elles n'aient pas à être visibles.
"Lequel des fruits suivants est votre fruit préféré? Apple [radio] orange [radio] poire [radio]". Votre utilisateur veut voir les options pour cela.
J'ajouterais une autre considération: la longueur de l'étiquette. S'il ne s'agit que d'un ou deux mots courts, il peut s'agir d'une option de sélection. Si c'est une phrase ou une phrase, j'irais certainement avec les boutons radio.
Les listes déroulantes de sélection sont meilleures lorsque les listes sont longues et/ou que l'utilisateur est susceptible de se familiariser avec les options disponibles dans la sélection. En ce qui concerne la longueur, 9 choix sont limites. Probablement ok, mais si vous avez un certain nombre d'entrées différentes qui ont chacune 9 choix de radio, le formulaire va sembler assez taxant cognitivement.
Plus important peut être la familiarité/compréhension des options. Les listes déroulantes fonctionnent bien pour "État américain" (50 choix, où l'ordre est compris) ou "Taille": [XS, SM, MD, LG, XL] (où la liste n'est pas si longue, mais les options sont généralement comprises ).
Cela dépend donc vraiment de vos options!
Cela dépend vraiment de la quantité d'écran que vous devez consacrer à cet élément particulier du formulaire. Sur la base des recherches de @ Clint, je préférerais les boutons radio, mais s'il y a d'autres éléments qui nécessitent l'attention de l'utilisateur, j'utiliserais une case de sélection.
En considérant les limitations
Multi Lingual
Disponibilité d'espace
Je préfère y aller avec
- bouton radio si l'option est inférieure à 4
- liste déroulante pour plus de 4 options.