Existe-t-il un modèle d'interface utilisateur correct pour la recherche avancée?
Je travaille pour une entreprise qui repense l'interaction de recherche pour une application métier. Actuellement, la seule façon pour les utilisateurs de rechercher à travers un énorme ensemble de données est à travers une collection d'environ 15 filtres. La quantité de filtres s'avère très frustrante pour les utilisateurs car il est difficile de localiser le filtre souhaité, en plus de cela, une fois que l'utilisateur a filtré la liste, il n'est pas clair en un coup d'œil par quoi la liste est filtrée.
Il y a quelques idées proposées, avec une recherche avancée étant l'une de ces idées. J'ai fait des recherches sur la façon dont d'autres sites Web gèrent la recherche avancée pour déterminer s'il existe un modèle à répliquer. J'ai constaté que la plupart des sites Web commencent par un ou deux champs de saisie de recherche et une option avancée, comme on le voit ici dans la capture d'écran de Indeed.com.
Si vous effectuez une recherche à l'aide de ces deux champs, vous êtes dirigé vers la page des résultats de la recherche où une liste de filtres vous est fournie.
Si vous effectuez une recherche avec l'option avancée, vous obtenez une liste de critères identique à la liste des filtres. Après avoir rempli les champs et cliqué sur Rechercher, vous êtes dirigé vers la page des résultats de la recherche. Maintenant, les filtres dans lesquels vous avez entré une valeur dans le formulaire de recherche avancée ont été supprimés de la liste et sont affichés dans une nouvelle zone de recherche affinée.
Est-ce le modèle standard lors de la création d'une option de recherche avancée pour un site Web?
Écran de recherche utilisant la recherche de base:
Écran de recherche utilisant la recherche avancée:
J'ai récemment abordé un problème similaire, et voici ce que j'ai trouvé:
La zone de recherche de base fonctionne en temps réel pour les requêtes contenant les termes de recherche entrés.
En cliquant sur le bouton Recherche avancée, la deuxième boîte de dialogue s'affiche, où les utilisateurs peuvent saisir des recherches plus complexes comme des plages de dates ou des choses qui ne pas contiennent un terme de recherche. Les champs de saisie varient en fonction de la colonne ou du filtre qu'ils ont choisi à gauche.
Une fois la recherche appliquée, l'utilisateur obtient une indication visuelle à côté de la zone de recherche d'origine qui est également un bouton sur lequel il peut cliquer pour annuler la recherche.