Comment naviguer dans le menu de sélection multiple
Nous devons construire un menu avec plusieurs campagnes.
- Lorsque l'utilisateur sélectionne 1 campagne, les détails doivent être affichés pour cette campagne
- Lorsque l'utilisateur sélectionne plusieurs campagnes, il doit pouvoir les comparer
Nous pouvons monter un menu qui permet à l'utilisateur de sélectionner des campagnes 0..N, comme suit:
La sélection d'une campagne fonctionne en cliquant simplement dessus. Pour le désélectionner, vous devrez cliquer à nouveau dessus. Nous avons également envisagé d'utiliser ctrl + clic pour sélectionner des éléments, mais la plupart des utilisateurs ne comprendront pas cela.
Le problème ici est que si vous souhaitez cliquer dans la liste pour voir les détails des différentes campagnes, vous devrez désélectionner votre campagne actuelle à chaque fois, sinon l'écran des détails sera remplacé par un écran de comparaison.
Comment puis-je resoudre ceci?
Il est préférable d'être cohérent dans le modèle Master-Detail et d'afficher les informations détaillées sur la sélection de l'élément dans le panneau principal.
Vous pouvez utiliser les fonctionnalités Ajouter à comparer et Comparer les campagnes pour l'article. Ce sera évident pour les utilisateurs.
Avez-vous pensé à fournir simplement un "mode de comparaison" distinct? Les cases à cocher semblent être un moyen d'identifier réellement celles que vous souhaitez comparer. Si je porte mes lunettes "utilisateur", je voudrais probablement lire quelque chose sur la campagne avant de décider de la comparer avec une autre; dans les boutiques en ligne, j'ai l'habitude de voir une sorte de bouton "comparer", qui me permet simplement de l'ajouter à une liste d'entrées "comparatives/concurrentes".
Une autre question que j'aime toujours me poser est "Pourquoi? Pourquoi veulent-ils comparer? '
La liste de sélection multiple est toujours inconfortable à utiliser - elle ne montre pas naturellement qu'elle est capable de sélection multiple.
Je m'en tiendrai à une seule sélection lorsque vous cliquerez sur les noms de campagne et ajouterai une case à cocher à droite de chaque élément de la liste. En haut de la colonne des cases à cocher, j'ajouterais le titre "Comparer".
Cela signifie que l'utilisateur peut cliquer autour des noms dans la liste pour voir les détails de chaque élément ou, s'il le souhaite, cocher les cases d'un ou plusieurs éléments pour les comparer.