Faut-il privilégier l'usage ou la linguistique?
Je travaille sur un projet et j'ai trouvé un dilemme intéressant. L'application sur laquelle je travaille a ce filtre, disons quelque chose comme ceci:
Par défaut, aucune des "options" n'est sélectionnée, ce qui signifie que tous les résultats seront répertoriés sans aucun filtre appliqué. Si l'utilisateur souhaite filtrer par PREMIUM ou SHOP, il peut cliquer sur PREMIUM et/ou SHOP. Ce type fonctionne comme une case à cocher. Donc, si l'utilisateur coche les deux cases, le filtre ressemblera à ceci:
La chose est la suivante. Par défaut, étant donné qu'aucun filtre n'est appliqué, l'application affichera tous les résultats. Lorsque l'utilisateur clique sur l'une des options, l'application affichera simplement les résultats qui correspondent à cette option uniquement. Mais lorsque l'utilisateur clique sur l'autre option, l'application affichera à nouveau tous les résultats, car elle affiche les résultats avec les deux options.
Le test de ce filtre avec l'utilisateur n'a entraîné aucun problème d'utilisation. Les utilisateurs n'ont pas mal compris le fonctionnement du filtre. Ils ont compris chaque étape du processus de filtrage et certains ont même apprécié la clarté des actions.
Mais le problème réside dans le département linguistique. Est-il acceptable de présenter une solution qui montre le même résultat dans deux états différents de l'interaction?
Doit-on privilégier l'utilisation à la linguistique?
Trouvez-vous d'autres solutions au problème de filtrage?
Si vous considérez les deux boutons de style case à cocher comme "Afficher" au lieu de "Filtrer" (en tournant simplement la perspective, vraiment), alors initialement, ils doivent être vérifiés et tous les éléments affichés:
Afficher [v] Boutique Premium [v]
Tous les éléments affichés.
Mais alors, d'un point de vue strictement linguistique, si l'utilisateur décoche les deux, aucun résultat ne devrait être affiché:
Afficher [] Boutique Premium []
Aucun élément affiché.
Cependant, c'est tout simplement un gaspillage de "bon état". Si vous avez testé votre approche auprès des utilisateurs et qu'ils ne trouvent pas cela déroutant, à mon avis, c'est une bonne interface utilisateur. :)
Si je comprends bien, votre "problème" (dans la mesure où c'est un problème) est que le fait de ne rien sélectionner conduit au même résultat que la sélection des deux filtres.
Vous pouvez résoudre ce problème de différentes manières:
- Ajoutez une troisième option "Aucune" et rendez-la exclusive (par exemple lorsque vous la sélectionnez, les deux autres désélectionnent automatiquement)
- tiliser la copie pour spécifier que "non sélectionné" signifie la même chose que "les deux sélectionnés" (genre de ce que Jon W suggère)
- tilisez des cases à cocher au lieu des boutons afin que vous soyez plus clair envers vos utilisateurs sur ce que font réellement les contrôles
- tiliser les boutons radio au lieu des boutons avec les options "Premium", "Shop" et "Both"
- tilisez le modèle de navigation à facettes qui est presque la même chose que l'utilisation de cases à cocher sauf que la conception visuelle de votre interface utilisateur est légèrement différente; généralement, cela signifie que vous pouvez cliquer sur un lien (par exemple, "Premium") et il sera sélectionné et mis en évidence, mais vous pourrez supprimer ce filtre quelque part dans l'interface utilisateur. Chaque facette s'empile, vous pouvez donc en combiner plusieurs pour continuer le filtrage.
Une remarque sur l'utilisation de deux boutons est qu'il est parfois difficile de dire lequel des deux est sélectionné. Je ne pense pas que vous ayez vraiment ce problème, car ils sont bien conçus dans le sens où l'abondance à laquelle ils sont "pressés" est très bien communiquée visuellement, mais c'est quelque chose à penser.
L'utilisateur a trois options réelles - Tout | Premium | Boutique.
Et la solution la plus claire est de fournir trois boutons, qui se comportent comme des boutons radio. Pour être le plus clair, c'est ce que je ferais.
Gain d'espace ??
Y a-t-il un cas où l'économie d'espace pour aller sur deux boutons en vaut la peine? Pas vraiment. Si vous manquez d'espace, quelque chose d'autre a déjà mal tourné.
Avec plus d'options?
Tout cela change si vous avez plus de boutons pour plus de catégories. Vous pouvez ensuite déposer le bouton "Tous" et demander à chaque bouton de sélectionner son sous-ensemble. Les boutons supplémentaires rendent le comportement, c'est-à-dire que vous prenez en charge des combinaisons arbitraires, plus clair. Ensuite, lorsque tous les boutons redeviennent actifs , vous pouvez légitimement mettre un texte explicatif en dessous, "Aucune option sélectionnée - montrant tous les éléments".
Modifier
Je dis donc avec seulement deux options, utilisez trois boutons. Mais aussi que c'est un cas particulier. Heureusement, quand il y a plus d'options, il devient beaucoup plus clair qu'elles sont cumulatives et que toute combinaison est valide. Donc, traiter la combinaison vide spécialement est moins déroutant. Le cas particulier de tous les boutons vers le haut pourrait ne retourner aucun résultat, mais il est plus agréable de renvoyer tous les résultats. Tu demandes:
"Faut-il s'en soucier?"
Bien sûr, vous devriez vous en soucier, et il est clair que vous vous en souciez, car vous avez déjà fait suffisamment de tests pour indiquer que les utilisateurs ne trouvent pas cela déroutant. Comme je l'ai indiqué, j'inclurais également le texte explicatif, mais une partie de la justification de cela est que j'aurais de toute façon une place pour ce type de texte, pour dire "27 éléments correspondent (sur 375)" - donc il ne serait pas une nouvelle zone de texte.
J'ai eu exactement cette énigme dans le passé. Tout ce que nous avons pu trouver, ce sont des options autour de la désactivation des champs de filtre jusqu'à ce que vous choisissiez l'une des options, ou en ayant les choix comme 'exclure cette option' plutôt que 'filtrer par cette option'. Cependant, cela est simplement trop compliqué et - comme vous le dites - les utilisateurs ne semblent pas avoir de problème pour comprendre comment cela fonctionne.
En outre, il est discutable que cela soit contraire aux règles linguistiques ou non. Par défaut, vous n'utilisez pas le filtre, donc tous les résultats sont affichés. Si vous commencez à filtrer, c'est alors que le filtre entre en jeu. Il s'agit essentiellement de: 'Afficher tous les résultats par défaut ou utiliser le filtre pour choisir des critères spécifiques'.
Envisagez d'avoir trois états différents pour les boutons. Utilisez votre premier graphique quand aucun filtre n'est sélectionné, puis quand un bouton est cliqué, marquez ce bouton avec la couleur plus foncée et atténuez légèrement les autres boutons.
Le risque est que les utilisateurs pensent que les autres boutons sont désactivés, ils ne peuvent donc pas sélectionner plus d'une chose sur laquelle filtrer.
(cette idée tirée de prisjakt.n )