web-dev-qa-db-fra.com

Utilisation des listes déroulantes ET des boutons radio pour éviter toute confusion

Pour votre référence, je voulais souligner qu'il s'agit d'un projet vidéo.

Je conçois un menu dans lequel l'utilisateur peut choisir 1 des 4 formats pour SD (définition standard) et deux options pour HD (haute définition).

enter image description here
Je propose cette solution car:

En mode SD, il y a 4 options, disons Option1, Option 2, Option 1a et Option 2a. Les étiquettes sont très similaires (une exigence) et, afin d'éviter toute confusion, je voulais minimiser l'affichage.

En mode HD, nous n'avons que deux options. Nous nous dirigeons vers l'adoption du format HD. Deux options ne suffisent pas pour une liste déroulante et, finalement, ces deux sont les seules options que nous proposerons.

Est-ce que ça fait du sens?

11
Ana

À moins que vous ne puissiez continuer sans sélectionner (laisser le champ vide) une option SD, je vous suggère d'y aller avec un bouton radio.

  • Votre la mise en page reste cohérente si vous utilisez le même mécanisme d'entrée pour des tâches similaires. Facilitant pour l'utilisateur de procéder rapidement.

  • Les boutons radio sont plus rapides ( également plus faciles dans de nombreux cas ) que d'utiliser un menu déroulant. Le processus de sélection est un n seul clic par rapport à deux clics pour un menu déroulant.

  • Avoir toutes les options visibles n'est pas une mauvaise chose. Même si l'option 1 et l'option 1a se ressemblaient, elles resteront similaires dans un menu déroulant. Dans le bouton radio, vous faciliterez au moins la recherche d'erreurs en jetant simplement un coup d'œil plutôt que d'avoir besoin d'un clic.

15
rk.

Et cette disposition?

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

Je suppose que les utilisateurs doivent décider s'ils veulent soit SD ou HD, donc cela devrait être l'option principale . Ensuite, secondaire, ils peuvent sélectionner n'importe quelle autre option que vous proposez.

Cette solution vous permet également de définir une valeur par défaut pour les utilisateurs. Vous pouvez également utiliser des boutons radio pour l'option secondaire, ce qui est légèrement préféré s'il n'y a que deux options (moins de clics, toutes les options sont évidentes), mais cela peut sembler un peu trop s'il y a quatre options. Cependant, révéler uniquement l'option secondaire où l'option principale est sélectionnée la rend plus propre.

8
greenforest

Comme vous l'avez mentionné, l'utilisateur ne peut pas sélectionner les formats SD et HD. Pourquoi ne pas rouler dans un seul groupe annoté comme "Type de format". Toutes les options peuvent ensuite être répertoriées dans le groupe sous forme de boutons radio. Cela peut fonctionner mieux mais prend un peu plus d'espace.

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

3
Varun