web-dev-qa-db-fra.com

Filtrer les résultats avec des cases à cocher

Un de mes collègues et moi avons discuté du filtrage avec des cases à cocher sur l'un de nos sites.

Nous utilisons un certain nombre de cases à cocher pour permettre à l'utilisateur d'affiner une recherche, en sélectionnant ses domaines d'intérêt lors de la recherche. En visitant la page de recherche sur notre site, l'utilisateur reçoit tous les résultats disponibles, après quoi une recherche plus raffinée peut être effectuée.

La discussion porte sur le fait de savoir si toutes les cases à cocher doivent être cochées lorsque l'utilisateur arrive sur la page ou non. Nous avons vu des exemples de solutions dans la nature, mais nous ne pouvons pas décider laquelle utiliser.

Nous avons deux groupes de choix de cases à cocher et ils contiendront environ cinq à huit cases chacun. Une préoccupation est que si toutes les cases sont pré-cochées, il sera difficile pour l'utilisateur de décocher cinq ou six cases car il ne s'intéresse qu'à un ou deux des choix.

Pourrait-il être considéré comme une convention d'avoir tous les résultats affichés lors de la première arrivée sur la page sans case cochée, puis de simplement vérifier ceux que l'on veut voir dans le résultat de la recherche?

17
dotmartin

Oui, c'est une convention. Si vous jetez un oeil à des sites à trafic important et important comme Amazon ou Ebay, vous verrez ce comportement. Vous voyez tout d'une liste à moins que vous ne commenciez à filtrer en cochant une option de filtre. Et aucun filtre n'est présélectionné/vérifié au démarrage.

Assurez-vous de ne pas oublier une option de filtres clairs. À un moment donné, vous pourriez filtrer si lourdement qu'aucun produit ne pourrait correspondre à votre choix. Et son bon style pour toujours montrer les filtres actifs, au cas où vous travaillez avec des zones qui se réduisent.

Voici un bon article, qui explique les filtres et les modèles de recherche à facettes .

Screenshot of Amazon search result

Screenshot of Etsy search result

Screenshot of eBay search result

18
FrankL

C'est précisément la raison pour laquelle la plupart de ces recherches sont en fait des filtres. Pour une recherche, vous sélectionnez les éléments que vous souhaitez inclure et les résultats affichent les éléments qui correspondent à cela. Le filtrage signifie que dans toute la liste, vous définissez ce qui vous intéresse et les entrées qui ne correspondent pas sont supprimées. Par défaut, chaque élément est "toutes les entrées" - qui peut ou non être une option sélectionnable.

Si vous avez cela avec un clair (comme mentionné @FrankL), alors le défi d'obtenir les bons produits devrait être gérable. Cependant, il est également important de s'assurer que les filtres normaux ou habituels sont assez simples à sélectionner - cela dépendra beaucoup des produits et des utilisateurs. Ainsi, par exemple, s'il existe plusieurs groupes de prix, il peut être utile d'avoir une option "ou au-dessus" et/ou "ou en dessous", qui sélectionne toutes les cases pertinentes.

Comme souvent, il n'y a pas une seule bonne réponse, car cela dépendra de vos besoins précis.

2
Schroedingers Cat

Il se peut que vous souhaitiez envisager d'utiliser la navigation à facettes qui propose une expérience de recherche et de navigation incrémentielle intégrée qui permet aux utilisateurs de commencer par une recherche par mots clés classique, puis d'analyser une liste de résultats. Actuellement, je travaille également sur la conception d'un écran de recherche en utilisant le modèle de navigation à facettes pour mon interface. J'ai environ 50 critères de recherche et je suis en train de simplifier l'écran. Voici les conseils rapides que vous pouvez utiliser lors de la conception

  • Autoriser une navigation flexible
  • Fournir des aperçus des prochaines étapes
  • Organiser les résultats de manière significative Soutenir à la fois l'extension et l'affinement de la recherche
  • Utilisez les métadonnées pour montrer où aller ensuite Aidez les utilisateurs à voir et à revenir aux étapes précédentes
  • rendre l'étiquette courte
  • fournir une fonction d'annulation
  • afficher les facettes fréquemment utilisées pour chaque ensemble et avoir le reste à afficher à travers une liste de développement ou une fenêtre modale

Quelques ressources:
http://flamenco.berkeley.edu/talks/hearst_facets09.ppt

http://boxesandarrows.com/view/faceted-finding-with

http://www.slideshare.net/tgr2uk/from-search-to-discovery

http://uxmag.com/articles/rich-internet-application-screen-design

http://designingwebinterfaces.com/15-common-components

http://www.alistapart.com/articles/design-patterns-faceted-navigation/

Podcast de IA Summit 2010 pour rechercher et parcourir

http://www.slideshare.net/gnudelman/design-caffeine-for-search-and-browse-ui-iasummit201

1
Ravi

Peut-être que je suis seul dans cette réflexion, mais ne serait-il pas préférable d'avoir simplement un bouton "sélectionner tout/ne rien sélectionner"? Non seulement c'est une convention assez courante, mais cela signifie que vous pouvez avoir "tout sélectionner" par défaut et un moyen simple pour l'utilisateur de limiter ses champs à un ou deux (ou de revenir à "tous" si nécessaire).

0
cwallenpoole