web-dev-qa-db-fra.com

Plusieurs zones de saisie sur un formulaire de recherche - Et / ou fonctionnalité

Je cherche à repenser un formulaire de recherche, qui comporte plusieurs cas de "Et/Ou" entre 6 zones de saisie différentes.

Ainsi, un utilisateur doit entrer au moins 1 élément de critères de recherche, mais peut entrer jusqu'à 7 s'il le souhaite.

Idéalement, je voudrais les regrouper dans un seul champ de recherche, avec un menu déroulant pour différentes recherches par catégorie. (mentionné sur ce post similaire ici ).

Cela résout la partie "ou" de la fonctionnalité, mais je me demande comment puis-je également implémenter la fonction "Et" dans une solution de type similaire.

Je n'ai pas aimé l'idée d'ajouter des notes détaillées à la barre de recherche et certains des critères de recherche sont assez uniques: nom, emplacement, numéro de demande, date de réception de la demande, date de prise de décision, etc.

Quelqu'un en a-t-il eu de bons exemples ou a-t-il rencontré des problèmes de conception similaires dans le passé?

9
Spiral13

Je suggérerais de repenser la façon dont vous envisagez la recherche dans son ensemble. En tant que concepteurs d'interfaces, nous nous préoccupons souvent des éléments de l'interface utilisateur et oublions l'objectif de la recherche. Cela étant dit, les gens utilisent la recherche pour obtenir les résultats souhaités le plus rapidement possible. Cependant, souvent, les utilisateurs ne sont pas sûrs de tous les détails et ne veulent pas passer du temps à réfléchir à tous les critères détaillés car ils n'ont pas vu les résultats. Nous devons cesser de penser comme des machines.

Ma suggestion serait d'avoir une simple saisie de texte où l'utilisateur taperait un terme qui l'intéresse. Ensuite, lorsque tous les résultats sont présentés, l'interface aiderait l'utilisateur à affiner les résultats. Les éléments "et" et "ou" de l'interface utilisateur seront présentés dans le contexte des résultats. L'utilisateur peut donc décocher des éléments qui ne le concernent pas. Il est beaucoup plus facile de créer un modèle mental des résultats après avoir vu ce qui est disponible, puis de créer à l'avance des filtres pertinents avec les métaphores "et" et "ou". eBay et Amazon le font très bien. Consultez Navigation à facettes modèle d'interaction pour une bonne explication et utilisez des exemples.

3
Denzo
  1. Vous n'utilisez qu'un seul champ de saisie et travaillez avec des opérateurs (AND ou +).
  2. Vous utilisez plusieurs champs de saisie et vous les connectez avec des popups avec ces options: AND, OR, NOT

Pour de plus amples recherches: http://www.google.com/advanced_search , search.yahoo.com/web/advanced, bing (aucun lien disponible).

Bing a une approche intéressante. Vous pouvez facilement ajouter les résultats via quatre options. Difficile à expliquer. Consultez simplement les options de recherche avancées.

enter image description here

2
erikrojo

Semblable à l'approche préconisée par @erikrojo, j'ai toujours été partisan de l'élaboration des critères. L'un des meilleurs exemples que j'ai trouvés s'appelle EasyQuery . Plus précisément, il existe un exemple de formulaire qui montre comment cela peut fonctionner sur un site Web.

enter image description here

Chaque lien fournit une liste déroulante pour spécifier les éléments de données (colonnes), les critères et les valeurs à comparer.

Pour une fonction de recherche avancée, ce style de construction de critères offre beaucoup d'expressivité tout en conservant la facilité d'utilisation.

2
JeremyDWill

Une autre option consisterait à utiliser et/ou dans des listes déroulantes un peu comme iTunes le fait pour créer des listes de lecture intelligentes: enter image description here

1
furtive

Vous dites que l'utilisateur peut spécifier jusqu'à 7 critères de recherche, avec plusieurs cas de ET/OU entre eux. Cela signifie-t-il que l'interface doit prendre en charge les requêtes complexes, du type '(A OR B) AND ((C AND D) OR E) AND F '? Ou tout simplement TOUT/TOUS (A OR B OR C OR D) vs (B ET D ET F) Vous voudrez peut-être tenir compte du fait que même les personnes spécifiquement formées à la recherche d'informations (chercheurs scientifiques, bibliothécaires) s'en tiennent généralement à des requêtes plus simples.

Pour un exemple d'interface de recherche avancée, jetez un œil à psycnet (base de données scientifiques dans le domaine de la psychologie). enter image description here

Comme dans les autres exemples déjà donnés par d'autres, cette interface permet d'ajouter des critères de recherche un par un. Notez qu'il existe différentes sections "rechercher" et "afficher uniquement le contenu où". Le premier est destiné à spécifier les critères de recherche , le second pour les limites : techniquement, il y a peu de différence, mais cette présentation correspond mieux au modèle mental de l'utilisateur.

0
Marielle