Filtrage étendu sur la page des résultats de recherche
Je travaille juste sur une interface assez complexe. Il y a/il y aura des tonnes d'articles et il y a une fonction de recherche massive. La recherche est filtrable comme sur Ebay ou Amazon etc. Les filtres sont très complexes (en fait différents même par catégories). Il existe même des fonctions de tri et d'autres fonctions au-dessus des résultats de recherche.
Comme il y a beaucoup de résultats, nous en affichons 40 sur un seul écran avec des vignettes et des informations supplémentaires (comme le nom, le propriétaire…).
L'endroit habituel pour ces panneaux filtrants est sur le côté gauche des objets filtrés. Cependant, je pense que dans ce cas (beaucoup d'informations supplémentaires), cela pourrait déranger l'utilisateur qui souhaite simplement parcourir les résultats. Je pense qu'un terme de recherche pourrait être suffisamment "bien formé" pour affiner les résultats de la première page de résultats (surtout si le moteur de recherche est assez bon pour classer les résultats).
La quantité d'informations affichées est énorme: au moins 30 possibilités de filtrage et encore plus de variations (selon la catégorie filtrée) + tri +> 40 résultats (avec le nom de l'article, le propriétaire et plus).
La plupart des membres de mon équipe pensent: "afficher tous les filtres sans possibilité de les fermer sur la gauche". C'est la méthode habituelle (la position est très courante, au moins).
Mon point de vue:
- ajoutez la flèche pour pouvoir fermer les groupes de filtres (et ils sont fermés par défaut)
- réorganiser la totalité du volet vers la droite
Je sais, ce n'est pas un arrangement commun… C'est le plus gros inconvénient. Pourtant, vous pouvez vous concentrer sur votre point principal: les résultats.
Laquelle est la meilleure dans ce cas?
laissez tout comme d'habitude (le filtrage gauche ouvre tout) -> Amazon.com
fermez tous les filtres par défaut et créez une interface "apprenable" -> google.com
fermez tous les filtres par défaut et réorganisez la page pour les placer sur le côté droit des résultats de recherche (pas commun, mais axé sur le contenu)
laissez tous les filtres ouverts mais placez-les du côté droit des résultats (pas commun, mais axé sur le contenu)
Gardez les filtres sur le côté gauche et réduisez les catégories. C'est l'approche la plus courante, donc le faire différemment pourrait dérouter/désorienter les utilisateurs. Vous voudrez peut-être afficher certaines options fréquemment utilisées développées et vous pouvez découvrir celles-ci en effectuant des recherches et des tests sur les utilisateurs.
Il existe de nombreux sites avec des options de filtrage complexes (principalement des magasins en ligne), voici comment ils le font:
LinkedIn
Il y a quelques choses intéressantes qui se passent ici. Tout d'abord, la requête de recherche est affichée juste au-dessus des filtres avec l'option de rechercher à nouveau tout en conservant les sélections de filtre. Deuxièmement, certaines des catégories (à savoir Entreprise actuelle, Relation et Emplacement) sont affichées développées (j'ai réduit pour réduire la hauteur de la capture d'écran). Troisièmement, les filtres sont utilisés pour promouvoir le produit premium en affichant des filtres supplémentaires qui ne sont pas disponibles pour les comptes gratuits.
Dell
Dell fait bien certaines choses et mal certaines choses. Les bons éléments sont l'option d'affiner les résultats, affichant le nombre de résultats à afficher lors du filtrage, affichant uniquement les sélections couramment utilisées, puis en ajoutant View More, et en mettant en surbrillance En solde filtre. Les mauvais choix sont le triangle qui signifie généralement développer alors qu'il n'y a pas de sous-filtres, en utilisant la couleur rouge pour signifier les catégories (trop de contraste), les mauvais choix de nom pour les groupes de filtres (Liens utiles et Magasiner par prix), et en mettant Liens connexes au-dessus des filtres.
Amazon
Le filtrage d'Amazon est plus linéaire au début. Si votre terme de recherche s'étend sur plusieurs départements, Amazon propose de le restreindre et ne vous fournit alors que les filtres les plus traditionnels, tels que la marque, le prix et la note. Notez que certains filtres sont linéaires, tels que les options d'expédition et les départements, tandis que d'autres permettent des choix multiples, tels que les marques. En outre, il existe également des liens What's this? à côté de certaines des options expliquant les conditions générales.
Kayak
Kayak sait que la raison d'utiliser le service est de trouver le prix du billet le plus bas afin de l'afficher à côté de chaque option de filtre et de désactiver certaines options (à savoir Départ/Retour, mêmes aéroports =). Ils comprennent également une explication de certaines options. Bien que le plus gros défaut soit qu'aucune option ne soit pliable malgré la longue liste. En fait, Layover Airports et ci-dessous sont réduits par défaut mais ne peuvent pas être minimisés une fois développés.
Je ne pense pas qu'avoir des filtres à gauche ou à droite soit vraiment important en termes d'UX. Cependant, vous souhaiterez peut-être garder à l'esprit les utilisateurs qui se sont habitués à aller sur le côté gauche de l'écran chaque fois qu'ils souhaitent filtrer. Puisqu'il n'y a aucun avantage évident à placer les filtres à droite, je voterais en faveur de la cohérence avec la conception actuelle et de le laisser à gauche.
En ce qui concerne la réduction des sections de filtres, cela devrait être extrêmement utile s'il existe en fait autant d'options de filtre que vous en présentez. Soyez prudent, cependant, vous ne créez pas une situation où les utilisateurs réduisent et développent maintenant des sections à la recherche du filtre qu'ils essaient de trouver. La question la plus pertinente serait peut-être de savoir si de nombreux filtres sont vraiment nécessaires, utiles ou efficaces?
Si vous pouvez imaginer une conception où vous pourriez répondre aux besoins de vos utilisateurs tout en simplifiant l'excès de filtres, vous devriez vous efforcer de le faire. Peut-être que la façon dont les utilisateurs interagissent avec les filtres pourrait être plus efficace grâce à des méthodes autres que les cases à cocher. Comme je ne connais pas la signification de vos filtres, je ne peux pas le dire, mais j'examinerais cela plus que simplement les réduire.
J'espère que cela pourra aider!
Voici ce qui me vient à l'esprit:
- Afficher uniquement les filtres utilisés ou pertinents les plus courants et masquer le reste (comme Google serp par exemple)
- Affichez les filtres dans une lightbox ou une boîte extensible au-dessus du résultat et mettez à jour les résultats avec ajax. Vous pouvez également utiliser un compteur de résultats qui change automatiquement en fonction de la quantité de produits correspondant aux sélections de filtre.
- Minimisez la taille des filtres en utilisant des curseurs, des champs déroulants-autosuggest, etc.
- Affichez les filtres à gauche ou au-dessus (dans deux colonnes ou plus pour économiser de l'espace) les résultats de la recherche car c'est là que la plupart des gens sont susceptibles de les trouver.
Je vote pour votre option 2:
Dans les tests d'utilisabilité que j'ai effectués, les utilisateurs ont vu et utilisé les méthodes de filtrage plus souvent lorsqu'ils étaient positionnés en haut de la page. Mais la plupart d'entre eux ont préféré ne pas les utiliser du tout.
Sur la base de tous les tests que j'ai effectués, je déconseille généralement d'investir trop de temps et d'argent dans la fonctionnalité de filtre. Surtout lorsque les éléments sont facilement numérisables, les gens préfèrent parcourir une page de 100 résultats plutôt que de faire confiance à leurs capacités de filtrage. Ils ont peur de manquer quelque chose.
Il y a un test A/B d'une boutique d'outils qui a dit que le ctr est plus élevé sans filtres: http://whichtestwon.com/uk-tool-centres-filer-test-results