web-dev-qa-db-fra.com

Vous cherchez à utiliser une liste déroulante et une case à cocher dans le même champ de recherche

Dropdown/Checkbox field

J'essaie de créer une recherche basée sur plusieurs catégories. L'utilisateur doit pouvoir sélectionner tout ce qui s'applique. Ils n'ont pas besoin d'en sélectionner un dans chaque catégorie.

L'un des problèmes que j'ai, c'est que l'une des catégories est l'emplacement. L'emplacement aura plus de 50 options, donc une liste déroulante serait idéale. Cependant, il n'est pas cohérent avec le reste des options qui incluent des cases à cocher. Les catégories de cases à cocher auront 5 à 15 options. Cette conception fonctionne-t-elle toujours et l'utilisateur comprendra-t-il qu'il n'a pas à choisir un emplacement? Quelles sont les autres options qui pourraient être meilleures?

De plus, quelle est la meilleure façon d'aligner ces catégories?

Merci d'avance!

2
Gobind Sethi

Il semble que vous créez une page entière dédiée à une fonction de recherche, et bien que vous puissiez afficher tous les critères de recherche en même temps, le compromis est qu'il est difficile d'adapter les critères de recherche et les résultats sur le même page. Une règle générale consiste à réduire la quantité de contenu sur une page ou un formulaire afin de réduire la quantité de traitement mental requise par l'utilisateur.

Si je peux utiliser l'exemple des sites Web de voyage, ils essaient de fournir un élément d'interface de recherche compact qui ne révèle que les options de sélection que l'utilisateur choisit plutôt que de montrer tout ce qui est disponible. Cela facilitera également la mise en page et l'alignement des différents éléments de l'interface utilisateur, car vous n'en avez pas autant à gérer.

Je pense que lorsque vous avez trop d'éléments parmi lesquels un utilisateur peut choisir, il devient presque plus facile de disposer d'une fonction de recherche ou de saisie semi-automatique afin que l'utilisateur n'ait pas à parcourir tous les éléments lorsqu'il sait probablement ce qu'il veut sélectionner . Mais encore une fois, il est probablement un peu difficile de fournir des conseils spécifiques sans un contexte sur la façon dont cela sera utilisé et le type d'informations que vous souhaitez afficher (ou que l'utilisateur doit interagir avec).

2
Michael Lai

Quelque chose comme un filtre de recherche? Vous pouvez essayer une approche qui affiche une liste déroulante pour chaque catégorie, puis autoriser l'utilisateur à ajouter une autre ligne de liste déroulante si nécessaire.

Catergory A
[Option 1 ][+][-]
[Option 2 ][+][-]

Catergory B
[None     ][+][-]

Catergory C
[None     ][+][-]
0
julian