web-dev-qa-db-fra.com

Options de filtrage - Vous préférez utiliser une boîte «tout» ou un lien «effacer» pour restaurer les paramètres par défaut?

Je travaille actuellement sur un moteur de recherche, des options de filtrage sont fournies pour permettre aux utilisateurs d'affiner leurs recherches.

Exemple:

TYPE

[boîte] Ferme

[encadré] Avocat

[box] Transaction

[box] Entreprise

Lorsque l'utilisateur coche une case, l'élément sélectionné est déplacé en haut de la liste et un lien "effacer" apparaît en haut de la liste (pour restaurer les paramètres par défaut).

Exemple:

TYPE

Clair

[case cochée] Avocat

[boîte] Ferme

[box] Transaction

[box] Entreprise

Je me demande si l'ajout d'une case "tout" en haut de la liste serait une meilleure option. Cette case serait cochée par défaut, et l'utilisateur pourrait cocher cette case pour restaurer les paramètres par défaut.

Qu'est-ce que tu en penses?


ÉDITER:

Je ne pense pas vous avoir donné suffisamment de détails, désolé.

L'interface a 7 groupes de filtres, ces groupes sont pliables et seul le premier groupe ('Type') est développé par défaut lorsque l'utilisateur recherche quelque chose. Les groupes de filtres comprennent jusqu'à 75 filtres.

(Je ne peux pas poster de capture d'écran car je suis un nouveau membre.)

Lorsque l'utilisateur élargit un groupe de filtres, 6 filtres sont affichés, suivis d'un bouton "voir plus". En cliquant sur le lien "voir plus", une fenêtre contextuelle affiche tous les filtres disponibles dans ce groupe.

Pour les listes de filtres courtes (≤ 6 filtres), je conviens que je ne devrais pas déplacer les filtres sélectionnés vers le haut car l'utilisateur ne s'attend pas à ce comportement. Cependant, je traite de longues listes de filtres, donc je pense que déplacer les filtres sélectionnés vers le haut par la suite (pas sur un clic) pourrait offrir une meilleure lisibilité, car l'utilisateur saura facilement dans quels groupes de filtres il a sélectionné les filtres (j'ai observé cela comportement sur Amazon et eBay).

Voici le parcours utilisateur:

1 - Développez un groupe de filtres donné

==> 6 filtres sont affichés suivis d'un bouton 'voir plus'

2 - Cliquez sur le lien 'voir plus'

==> Un pop-up s'affiche affichant tous les filtres disponibles dans ce groupe

3 - Cochez une ou plusieurs cases

4 - Cliquez sur appliquer

==> La recherche est affinée en conséquence, le groupe de filtres est mis à jour (les filtres sélectionnés apparaissent en haut de la liste par ordre alphabétique, et un lien "clair" est ajouté)

5
david-ux

OkCupid a une façon intéressante de traiter cela que vous voudrez peut-être examiner.

enter image description here

Fondamentalement, vous pouvez ajouter des critères de filtre en sélectionnant un critère supplémentaire dans la liste déroulante Advanced, et vous pouvez supprimer les filtres existants (autres que les filtres de base) en sélectionnant x à droite de la filtre en option.

Cela a l'avantage que seuls les filtres que vous souhaitez utiliser sont visibles, et cela vous permet également de spécifier les détails du filtre de manière très organique.

4
JohnGB

Comme Henrik Ekblom a dit , vous devez éviter de déplacer des éléments lorsqu'ils sont cliqués, à moins que vous ne fassiez une animation très évidente des éléments apparaissant dans les zones respectives. Dans ce cas, je l'éviterais certainement. C'est inutile.

Vos options de raffinement semblent pouvoir s'exclure mutuellement. Si c'est le cas, vous devez utiliser les boutons radio au lieu des cases à cocher, et la première option par défaut doit être "Rechercher tout" ou "Tout".

Si plusieurs options peuvent être sélectionnées pour la même recherche, je ne suis personnellement pas fan des liens "Effacer". Bien que le terme "Clear" ait du sens pour les professionnels du Web dans le contexte des cases à cocher, pour l'utilisateur moyen, ce n'est pas si évident. Cela peut signifier effacer la zone de recherche et recommencer la recherche. Vous voudriez que ce soit vraiment évident, "Désélectionnez vos cases à cocher", et même cela pourrait être déroutant. Je l'éviterais si vous le pouvez.

Une option "Tout"/"Tout" est idéale en théorie, bien que vous devez considérer la fonctionnalité implicite des cases à cocher pour les utilisateurs Web. Une case à cocher "Tous" devrait modifier la valeur vérifiée des 4 filtres. Donc, si j'avais coché Avocat et cabinet, cocher ensuite "Tous" devrait sélectionner ou désélectionner les 4 options. Ce n'est pas une fonctionnalité attendue des cases à cocher Web. L'option "Tous" devrait probablement être un bouton ou un lien texte, et est probablement pas nécessairement compliquée dans ce cas.

Dans votre situation, avec seulement 4 options de case à cocher possibles, je montrerais les quatre sélectionnées par défaut, et autoriserais les utilisateurs à désélectionner ceux qui ne les intéressent pas. Ceci est super explicite et ne nécessite pas de "Clear" ou "All" "option du tout.

enter image description here

2
mattdempseycom

Je préfère suggérer que vous ne déplacez pas l'élément sélectionné vers le haut - cela pourrait provoquer la confusion de l'utilisateur car l'élément sélectionné "disparaîtra" sous la souris une fois cliqué.

La maquette que j'ai ajoutée utilise un système qui fonctionne bien pour les endroits où je veux utiliser la sélection multiple avec une option "effacer tout". En prime, le bouton effacer peut afficher le nombre d'éléments sélectionnés.

Multi select with clear option

Selon les utilisateurs cibles, vous pouvez changer le "x" en une étiquette ("effacer tout", "effacer" ou similaire) pour expliquer plus en détail ce qu'il fait ...

0
Henrik Ekblom