Quand certains éléments d'interface graphique devraient-ils être utilisés sur les autres? Par exemple, comment choisissez-vous entre un ComboBox, des radiobuttons ou une liste de liste? Par exemple, j'ai vu des comboboxes utilisées pour deux éléments et des boutons radio pour deux articles également, sur le même panneau. Comment maintenez-vous une interface interface graphique intuitive constante qui ne confond pas à l'utilisateur?
5 Réponses :
Dans ce que je me souviens des directives de conception MS, vous devez utiliser des boutons radio pour un maximum de quatre éléments, puis une boîte déroulante pour plus. On considère que les boîtes combinées masquent les données potentielles pendant que les boutons radio affichent toujours toutes les options. L'inconvénient avec des boutons radio étant qu'ils prennent beaucoup de place. Liste des cases? Je ne les utilise jamais. Logiquement, ils ne sont pas différents des boutons radio dans la sélection ou la mise en page. Vous pouvez également utiliser des boutons radio.
Il y a en fait un excellent livre qui aborde des questions comme la vôtre. Il est actuellement dans son 2e édition
Lien pratique pour les directives MS UI dans une seule page . Cela ne traite pas de votre question directement, mais une référence pratique néanmoins. Voici un Lien spécifique à la touche radio .
Version archivée des lignes directrices MS UI dans une seule page: web.archive.org/web/20150110123706/http://msdn.microsoft.com: 80 / ...
Les boutons radio sont souvent utilisés lorsqu'une sélection est mutuellement exclusive aux autres. Par exemple, si vous aviez un ensemble de couleurs et un seul est autorisé à la fois, vous utiliseriez des boutons radio.
Les comboboxes prennent en charge ce style de sélection unique, mais ils permettent également plus d'une sélection à la fois via un CTRL + clic.
Les boîtes de liste sont mutuellement exclusives mais sont plus compactes que les boutons radio une fois qu'une sélection est effectuée.
Pour la cohérence de l'interface graphique, essayez de suivre les directives de conception de l'interface graphique de votre plate-forme (Windows, Mac, etc.)
codage heureux,
Scott
Si un seul élément peut être sélectionné à la fois, j'utiliserais des boutons radio jusqu'à trois options. Pour quatre ou plus, j'irais avec une boîte déroulante. Si plusieurs éléments peuvent être sélectionnés ou si l'utilisateur sélectionnera fréquemment d'autres éléments de la liste, je passerais à une zone de liste (l'espace permettant) pour minimiser le nombre de clics requis.
the Directives d'interaction de l'utilisateur Windows a quelques informations sur Divers contrôles , où la page de détail de chaque contrôle contient une section appelée "Est-ce le bon contrôle?" (qui suggère d'utiliser des boutons radio pour un maximum de 7 choix).
Il n'y a pas de règle unique à suivre. Parfois, ce n'est que celui qui convient à la conception mieux. Il y a certainement quelques directives de bon sens à suivre - vous ne voulez pas 100 boutons radio, et il n'a pas beaucoup de sens d'avoir une combinaison de combat avec seulement deux ou trois articles.
Fondamentalement, cependant, vous voulez vous cacher aussi peu d'informations que possible. S'il y a deux choix, les mettre dans une combinaison masque les choix non sélectionnés. OTOH, si vous avez beaucoup de Radiobuttions, ils prennent beaucoup de place que vous montrez moins d'autres contrôles ou autres données.
Comme avec la plupart des questions de l'UI, vous devez répondre à la question "Qu'est-ce qui facilite le programme à utiliser?" plutôt que "quelle règle dois-je suivre dans ce cas?". Bien sûr, le fait que vous ayez posé la question signifie que vous essayez d'apprendre ce qui facilitera les programmes. Donnez une pensée sérieuse à ce que vous pense que le programme plus facile à utiliser, puis laissez une petite poignée de personnes l'utiliser et obtenir leurs commentaires.
Comme mentionné, généralement si vos options de sélection sont supérieures à 3 ou 4 éléments, utilisez une boîte déroulante. Cependant, il existe des exceptions, car l'utilisation des boutons radio affiche toutes les options à la fois. L'autre plus grosse considération dans cette comparaison est la dynamicisme des options. S'il existe un nombre fixe d'options, alors tendance aux boutons radio (sous réserve des autres directives). Pour une liste dynamique d'éléments, il est donc beaucoup plus facile de mettre en œuvre comme une boîte déroulante car il n'y a pas de modifications de mise en page d'interface graphique / conception nécessaires lorsque vous souhaitez ajouter ou supprimer une option. Je crois qu'il est également plus intuitif pour l'utilisateur puisqu'une option supplémentaire devrait appartenir au "groupe" représenté par la liste déroulante. Il vous suffit de vous assurer que le nouvel article appartient au groupe - j'ai vu des éléments de boîte combo qui a complètement cassé cette règle et que l'interface utilisateur résultante est presque indéchiffrable à un nouvel utilisateur.
C'est une commande beaucoup plus complexe que celle des boutons radio ou de la liste déroulante et IMO n'est pas directement interchangeable avec l'une ou l'autre de ces contrôles. Il doit y avoir une raison impérieuse à (a) afficher plusieurs options, et / ou (b) utiliser la fonctionnalité multi-sélectionner - et tout ce qui doit se produire là où il n'est pas possible d'utiliser une série de boutons radio ou une boîte déroulante . Habituellement, pour une liste d'objets, je vais utiliser une liste de réception en mode Détails, mais comme la partie dominante de l'interface utilisateur. Les boutons radio, les boîtes combinés et les cases de liste sont normalement en train de prendre en charge les éléments de l'UI.