web-dev-qa-db-fra.com

Sélectionner les éléments vs les cases à cocher vs les boutons radio

Nous travaillions dans une interface système refactoring ici sur notre système Web et son système Android lorsqu'une question a été soulevée: traiter les options suivantes dans un filtre de rapport: "TOUS LES UTILISATEURS", "UTILISATEURS ACTIFS" ou "UTILISATEURS INACTIFS" , quel serait le composant approprié pour interroger l'utilisateur?

  1. Un bouton radio avec les 3 options
  2. deux cases à cocher avec "UTILISATEURS ACTIFS" et "UTILISATEURS INACTIFS"
  3. un menu de sélection avec les 3 options ci-dessus.

Je ne demande pas une opinion basée sur les développeurs, mais le meilleur choix basé sur les modèles Web et les conventions HCI.

Merci d'avance.

2
Jaumzera

Boutons radio avec les 3 options

Il s'agit d'un scénario très courant et de nombreux sites utilisent indifféremment des boutons de sélection ou radio. Cependant, il est recommandé d'avoir toutes les options visibles à tout moment, sans parler des boutons radio en un seul clic, tandis que sélectionnez nécessite click-->travel-->select

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 afin que les utilisateurs puissent facilement les comparer.

Si vous avez moins de 7 options, vous devriez envisager d'utiliser des boutons radio. Vos utilisateurs pourront analyser immédiatement le nombre d'options dont ils disposent et quelles sont chacune de ces options, sans cliquer (ou taper) quoi que ce soit pour révéler ces informations.

Vous pouvez en voir plus sur Radio Buttons UX Design

2
Devin