Catégories
Astuces et Design

Les boutons radio sont comme des sélections; Les cases à cocher sont comme des sélections multiples

Je lisais le post d'Anna Kaley «Listboxes vs. Dropdown Lists» l'autre jour. Il s'agit d'une comparaison assez simple entre les différentes implémentations de l'interface utilisateur de la sélection des options. Il y a beaucoup de bons conseils là-bas. Les classiques comme celui-ci doivent utiliser des boutons radio (sélection unique) ou des cases à cocher (sélection multiple) si vous affichez cinq options ou moins, et les différentes options lorsque le nombre d'options augmente à partir de là.

Une chose dont on ne parle pas est Comment vous implémentez ces choses. J'imagine que c'est un peu exprès car le but est de parler UX, pas de technologie. Mais la façon dont vous les implémentez joue un rôle énorme dans UX. Dans les cercles de conception et de développement Web, la conversation sur ces choses implique généralement de savoir si vous pouvez retirer ces choses avec des contrôles natifs, ou si vous devez les reconstruire à partir de zéro. Si vous pouvez utilisez des contrôles natifs, vous devrait, car il y a des tonnes d'UX que vous obtenez gratuitement et qui pourraient autrement être perdues ou oubliées lors de la reconstruction – comme la façon dont tout fonctionne via le clavier.

La raison pour laquelle les gens ont choisi "reconstruire" est souvent pour des raisons de style, mais cela change lentement au fil du temps. Nous avons maintenant beaucoup de contrôle sur les radios et les cases à cocher. Nous pouvons très bien styliser l'extérieur des sélections et même l'intérieur avec de la supercherie.

Mais même sans style personnalisé, nous avons encore quelques options d'interface utilisateur. Si vous devez sélectionner une option parmi plusieurs, nous avons boutons, mais les données et le résultat final, c'est la même chose qu'un , mais ce sont les données et le résultat final comme