web-dev-qa-db-fra.com

Comment filtrer au mieux les données avec plusieurs boutons à bascule?

Nous avons une application Web qui affiche une liste d'éléments sous forme de tuiles. Chaque élément peut avoir de zéro à plusieurs `` balises '' qui peuvent être utilisées pour filtrer les éléments à l'aide d'une rangée de boutons à bascule en haut de la page. Il y aura un maximum d'environ 30 tuiles et 8 tags différents.

Lors du filtrage par plusieurs balises, la liste devrait montrer:

A. Tous les éléments qui contiennent tout des balises sélectionnées

B. Tous les éléments qui contiennent chaque balise sélectionnée. Notez que cela modifierait également la liste des filtres car il ne serait pas logique d'afficher des filtres qui, s'ils étaient sélectionnés avec les balises actuelles, conduiraient à une liste vide.

C. Autre chose ...


Voici un exemple d'affichage des restaurants et de filtrage par nourriture:

Toggle filter example

4
Woodwoerk

Pourvu que vous définissiez le fonctionnement des filtres pour vos utilisateurs, j'irais avec l'option B.

Considérez les différents scénarios utilisateur:

  1. Un utilisateur est friand de sushi et doit trouver un restaurant de sushi.
  2. Un utilisateur est friand de sushi et son petit ami préfère les ramen.
  3. Un utilisateur est indécis entre sushi et ramen.
  4. Un utilisateur veut des ramen et pourrait envisager un côté de sushi.

- L'option A couvre avec succès les scénarios 1 et 3. Elle couvre partiellement 4 mais l'utilisateur devra rechercher et trouver le restaurant qui sert les deux.

- L'option B couvre avec succès les 4.

L'option A ressemble également à une méthode de filtrage "plus faible". Vous lancez encore beaucoup de restaurants à votre utilisateur et n'affinez pas vraiment leurs options. Dans le scénario où ils veulent trouver "un restaurant de sushi authentique", ils chercheront simplement des sushis et c'est tout. Idem pour les ramen.

En général, les raisons les plus courantes (dans votre exemple particulier) qu'un utilisateur souhaite voir tous les restaurants possibles est généralement parce qu'il navigue ou qu'il est massivement indécis.

Il s'agit d'un excellent test pour A/B et pour les tests utilisateurs btw. Et je suis sûr que vous obtiendrez des résultats intéressants!

3
Socrates Kolios

Je vais le faire comme ça: enter image description here Je suis essentiellement d'accord avec "Socrates Kolios" que l'option B couvre avec succès les 4 scénarios utilisateur, mais! Il a également coupé certaines options, qui conviennent aux scénarios 1, 3 et 4. Je pense donc que la mise en place de ce résultat de recherche supplémentaire ci-dessous ne nuira pas au scénario 2, mais peut grandement contribuer aux scénarios 1, 3 et 4, surtout lorsqu'il n'y a pas beaucoup de Résultats de recherche. Il est également préférable d'obtenir des résultats de recherche qui correspondent en partie à la requête plutôt que de ne pas en obtenir du tout. Je propose également d'emprunter à Google la façon de montrer quelle partie du résultat ne convient pas. enter image description here

Il montre ce qui manque et informe l'utilisateur qu'il/elle atteint une partie des "résultats partiellement adaptés" (s'il/elle n'a pas lu le titre).

3
Ada

Fondamentalement, vous n'êtes pas sûr de ce qui va/devrait arriver et c'est exactement ce que ressentiront vos utilisateurs. Je pense que la question ne devrait pas être celle qui a précisément raison, mais ce qui cause ce problème. Les filtres eux-mêmes ne sont que des mots vides, sans titre ni description clairs.

  • Vous pouvez essayer de fournir un peu plus de contexte à vos filtres. Si, par exemple, vous ajoutez des "montants" à vos balises de filtre, cela donnera à l'utilisateur une meilleure idée du nombre de résultats qu'il obtiendra.

  • L'ajout d'un titre pourrait également fournir un meilleur contexte de ce que ces filtres feront. Comme "plats" ou "cuisine"

  • L'ajout d'un premier élément supplémentaire qui dit simplement "Tous (18)" qui est déjà sélectionné pourrait également fonctionner.

  • Ajout d'un court texte descriptif du fonctionnement du filtrage: "Affichage de 14 résultats pour Sushi & Ramen"/"... résultats pour Sushi ou Ramen"

.

Par exemple:


Plats: Tous (18), Pizza (2), Ramen (6), Sushi (8)

"Affichage 14 résultats pour Sushi & Ramen"


Cela donne à un utilisateur beaucoup plus de contexte sur ce qui est affiché en ce moment (lorsque seul 'Tous (18)' est sélectionné) et ce qui se passera s'il clique sur une ou plusieurs balises.

2
KjelleVe

Vous pouvez opter pour une autre approche, offrir les deux options. C'est souvent fait pour des opérations et/o plus complexes.

Vous pouvez le faire avec une bascule ou une liste déroulante devant toutes les balises (à gauche) en disant quelque chose comme "montrer les restaurants qui en ont" ou "montrer les restaurants qui ont tout". J'admets que les étiquettes peuvent être améliorées mais j'espère que vous avez l'idée. Cependant, vous devez toujours choisir un défaut, il est probablement préférable de regarder des sites/produits similaires qui offrent les mêmes fonctionnalités que les utilisateurs seront habitués à un certain modèle.

0
Martyn