web-dev-qa-db-fra.com

Arborescence de catégories à plusieurs niveaux et à grands nœuds (300+) - meilleur sélecteur?

Notre produit possède une grande arborescence de catégories à plusieurs niveaux (plus de 300 nœuds) qu'un utilisateur doit parcourir pour trouver sa catégorie parfaite.

Nos utilisateurs sont des spécialistes du marketing événementiel, et la sélection de leur catégorie d'événement est essentielle à la livraison du produit. Les utilisateurs rempliront plus de 90% du temps ces formulaires via une application Web, le mobile est une préoccupation secondaire.

Implémentations actuelles

Nouvelle (er) implémentation: http://g.recordit.co/LtutziUPZH.gif

Options Selector Options

UNE

  • Sélectionnez le niveau 1 -> Sélectionnez le niveau 2 -> Sélectionnez le niveau 3 ...

B

  • Liste consultable, saisissez "3" caractères avant tout résultat
  • Liste entièrement déroulante
  • Fenêtre contextuelle modale affichant toute l'arborescence des catégories

La réponse sera probablement une combinaison de ces éléments. Quelqu'un a-t-il une expérience similaire à partager?

4
Phil L

Je conviens avec d'autres que l'option B est la bien meilleure option. C'est à peu près la façon dont quiconque avec un grand nombre de catégories le gère, par exemple Amazon et ebay. Amazon/ebay autorisent une option secondaire de passer par une hiérarchie, mais c'est généralement secondaire.

En regardant votre gif, qui semble en grande partie excellent, j'ai remarqué qu'il était parfois difficile de comprendre pourquoi les options sont apparues dans le cadre de la recherche.

Stack Exchange a son propre sélecteur de catégorie, très excellent.

Quelques points à noter:

  1. Ils soulignent la chaîne correspondante
  2. Ils ont des catégories croisées, par exemple performances vs temps de réponse
  3. Ils comprennent des descriptions des catégories
  4. Ils utilisent un style de méga-menu pour donner plus d'informations
  5. Ils affichent toujours autant de catégories que vous (5) lorsque vous recherchez

enter image description here

1
icc97

Vous pouvez ajouter une barre de recherche (filtre d'option). L'interface utilisateur sémantique a une excellente solution pour cela: https://semantic-ui.com/modules/dropdown.html#search-selection

J'ai personnellement utilisé cette méthode dans ma demande de sélection de récepteur de message avec une liste de 400 utilisateurs et cela a très bien fonctionné.

1
Ivan Venediktov

La deuxième option semble être infiniment plus utilisable que la première, mon avis serait de donner à vos utilisateurs une méthode pour dire `` Je ne trouve pas ma catégorie '' et une autre méthode de recherche, peut-être la première laborieuse que vous avez détaillée.

0
DarrylGodden