Meilleures pratiques pour montrer les états de sélection dans les listes déroulantes

1. Combien d'options devraient être dans une liste déroulante?
2. Combien de temps une liste déroulante doit-elle être?
3. Les listes déroulantes ont-elles besoin d'étiquettes?
4. De quelle manière les flèches devraient-elles pointer un point pour un bouton déroulant?

Combien d'options devraient être dans une liste déroulante?

En général, évitez les départs lorsqu'il y a plus de 10 ou moins de 5 options. Les découvertes deviennent rapidement difficiles pour les utilisateurs lorsqu'ils sont présentés avec un nombre écrasant d'options à choisir. Prenez, par exemple, une entrée couramment incluse dans les formulaires de paiement, la liste déroulante «Sélection du pays».

Combien de temps une liste déroulante doit-elle être?

Évitez les listes déroulantes pour plus de 10 options ou moins de 5

La question du nombre d'options disponibles vaut la peine d'être examinée plus en profondeur simplement parce que c'est un facteur si important à considérer. Les dropdowns peuvent rapidement devenir lourdes lorsque les utilisateurs reçoivent trop d'options pour choisir.

Les listes déroulantes ont-elles besoin d'étiquettes?

Comme les autres entrées de formulaire, un menu sélectionné doit toujours avoir une étiquette à côté (W3C Standard). Vous devriez également avoir une étiquette claire et significative (pas générique comme «aucun» ou «s'il vous plaît sélectionnez») dans le menu de sélection qui indique aux utilisateurs ce qu'ils sélectionnent exactement.

De quelle manière les flèches devraient-elles pointer un point pour un bouton déroulant?

La flèche sur un bouton déroulant doit pointer à droite ou à la baisse car elle indique que le nouveau contenu sera visible une fois cliqué. Une fois la liste déroulante ouverte, en cliquant à nouveau sur le bouton devrait le fermer.