web-dev-qa-db-fra.com

Sont effondrés filtres un anticipateur? ou dépend-il de l'utilisateur envisagé?

Nous construisons donc une page de surveillance destinée à un groupe spécialisé d'utilisateurs qui souhaitent garder un œil sur leurs journaux. Nous mettons en œuvre une solution de filtrage pour aider les utilisateurs à trouver le type de messages qui leur intéresseraient. Tout en recherchant, j'ai remarqué que Shopify a mis en œuvre des filtres sur leur page de produit dans des panneaux plastiques.

enter image description here

Les filtres dans des panneaux encombrés sont traités comme un grand nombre de non-non lors de la construction de sites de commerce électronique et il est recommandé de tout montrer et de laisser l'utilisateur de les faire défiler. ShopIfy Admin ne suivent pas ce modèle. Je suis informé que les utilisateurs de la section admin et le site ECOM ont des besoins différents et utilisent les produits différemment. Je suppose que les implémentations de Shopify vise à donner à l'utilisateur la vue des yeux des oiseaux de tous les filtres disponibles afin que l'utilisateur ne perdait pas de temps de défilement pour trouver le filtre requis. Je n'ai vu aucun Doc/Blog UX Design Assistance à cette implémentation, je me demandais ce que le consensus est dans la communauté UX? Je sais que cela est très subjectif et à la recherche de votre prise personnelle sur cette question et sera conforme à tous les liens ou ressources susceptibles de soutenir ce type de mise en œuvre.

2
ramesh

Je suis actuellement confronté à un défi similaire en ce qui concerne les pages avec des filtres "trop ​​nombreux". Montrez tous et demandant à l'utilisateur de vous faire défiler tous, tout en lisant chacun et chacun semble être un non-Go.

Le point de repère sur lequel nous avons choisi de travailler est le composant utilisé à mixpanel.com:

Aucun filtres n'est affiché, juste un bouton "+ Ajouter"

enter image description here

Tous les filtres possibles sont ensuite affichés dans une liste de défilement. Ils sont également divisés par des catégories à l'aide des deux onglets en haut de la liste (l'une étant par défaut "" ") et des séparateurs dans la liste. Les filtres récemment utilisés sont toujours en haut, ce qui est une très belle touche à mon avis. Si vous allongez sur un filtre, une description du filtre est indiquée à droite.

enter image description here

Le point clé de cette implémentation envoie la mise au point directement à la recherche, qui filtre la liste de filtres à mesure que vous tapez:

enter image description here

Après avoir sélectionné un paramètre (filtre), l'utilisateur est présenté avec un composant correspondant au type de données de ce paramètre: champ numérique uniquement pour la valeur numérique, champ de texte générique pour une valeur alphanumérique, calendrier pour dates, commutateurs pour des choix booléens, etc. . L'utilisateur peut également définir un opérateur logique pour l'entrée: Equals, n'est pas égal, est dans la plage, n'est pas dans la plage, etc.

enter image description here

Après confirmation, le filtre est présenté comme une seule ligne. Si lors des étapes précédentes, l'utilisateur a choisi plus d'une option pour un paramètre (en cochant deux ou plusieurs cases à cocher), ces options sont présentées dans un "Ceci OR cette" logique. Si l'utilisateur ajoute un autre filtre, il sera ajouté dans une logique "Ceci et cette" logique.

enter image description here


Je vois cela comme une implémentation très intuitive pour une gamme de possibilités aussi complexe. On pourrait certainement modifier cette mise en œuvre, comme la suppression de la fonctionnalité de fonctionnement logique, par exemple, pour résoudre le problème "de nombreux filtres".

Maintenant, pour les problèmes:

  • Cette mise en œuvre est très différente de ce que les gens sont habitués. Cela pourrait nécessiter une seconde d'apprentissage, ce qui est probablement un disjoncteur d'accord pour les sites de commerce électronique (mais je ne crois pas que ce soit le genre de projet que vous travaillez, non?)

  • Cette mise en œuvre est un peu éloignée de la recherche traditionnelle. Votre utilisateur ne serait pas en mesure de trouver un smartphone en tapant "smartphone" ou "Android" immédiatement, car ceux-ci seraient "valeurs" à l'intérieur du paramètre "Nom".

  • Il est plus complexe que nécessaire pour les demandes plus simples. Même la requête la plus directe de l'utilisateur devrait subir quelques étapes et cet utilisateur serait présenté avec beaucoup d'informations (catégories de filtrage, type de données, opérateurs logiques ..) qu'il ne demandait pas vraiment.

Le point principal que je travaille actuellement est l'adaptant à ce problème pour résoudre le problème de la "recherche de smartphone". Le défi consiste à renvoyer les résultats des noms de paramètres et des valeurs de paramètres simultanément dans une présentation claire et intuitive.

Eh bien, j'espère que cela vous aide à faire votre défi.

3
Arthur Boni