Élément d'interface utilisateur pour un sélecteur principal et secondaire
Je travaille actuellement sur un système de gestion de contenu où les auteurs peuvent publier des articles. Avant de publier, ils doivent sélectionner une catégorie principale pour leur article. Par exemple, "Divertissement", "Politique" ou "Technologie". Cela détermine où classer l'article dans la hiérarchie globale du site. Il y a un nombre prédéfini de ceux-ci à choisir, par conséquent, cela est actuellement réalisé en utilisant un groupe de boutons radio.
Cependant, le cas échéant, les auteurs devraient pouvoir sélectionner plusieurs catégories pour un article, mais une seule d'entre elles étant la catégorie principale. Ceci est actuellement réalisé en listant à nouveau les catégories, étiquetées "secondaires" et en utilisant des cases à cocher.
Bien que les intentions soient claires pour l'utilisateur, cela rend l'interface maladroite, gaspille de l'espace, n'est pas évolutive, etc.
Avez-vous des idées sur un contrôle personnalisé qui pourrait combiner ces multi-sélecteurs en un seul élément d'interface utilisateur?
Vous pouvez d'abord autoriser la sélection de toutes les catégories, puis la sélection de celle par défaut.
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Le menu déroulant de la catégorie par défaut ne répertorierait que les catégories sélectionnées ci-dessus. S'il n'y avait qu'une seule catégorie sélectionnée, ce serait automatiquement la catégorie par défaut.
Plutôt que d'avoir deux listes distinctes, pourquoi ne pas les combiner?
Ajoutez une deuxième colonne de boutons radio qui n'apparaissent que si l'élément a été coché. De cette façon, la première action de l'utilisateur consiste à définir les catégories à appliquer au contenu, puis dans ce sous-ensemble, l'utilisateur définit la catégorie principale:
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Cela vous permettrait d'utiliser moins d'espace d'écran et pourrait être plus intuitif pour vos utilisateurs.