web-dev-qa-db-fra.com

Quelle serait la meilleure façon d'afficher deux fenêtres de recherche sur une seule page?

La conception nécessite d'avoir deux barres de recherche sur une page, une pour la recherche globale et une pour la section spécifique dans laquelle l'utilisateur se trouve actuellement. Visuellement, ce n'est pas attrayant d'avoir deux barres de recherche mais fonctionnellement nous devons l'avoir. Quelle est la meilleure façon de procéder?

1
Biruk Hailu

Vous avez raison, avoir deux barres de recherche n'est pas seulement, pas visuellement attrayant, cela peut aussi être un peu déroutant. Vous pouvez essayer d'afficher les options de recherche après que l'utilisateur a effectivement cliqué sur le champ/bouton de recherche, quelque chose comme

enter image description here

2
Nash Vail

Que diriez-vous d'un champ de recherche et de deux boutons de recherche, un pour la recherche globale et l'autre pour la section actuelle?

Une autre façon de le faire qui pourrait être utile d'envisager l'utilisation d'une sorte de sélecteur, avant le champ de recherche, pour expliquer la recherche en cours. C'est ainsi que Amazon prend en charge les recherches. Pour être honnête, Amazon a un certain nombre de sections et pas seulement deux, donc le type de contrôle/visuel pourrait être différent.

Amazon Home Page

1
mxb

Ces deux réponses sont correctes. Essentiellement, ce que vous recherchez est une fonctionnalité de "recherche dans cette section" par rapport à une fonctionnalité de "recherche sur l'ensemble du site".

Les deux options ci-dessus donnent une bonne solution de conception à cette situation difficile, mais l'une est une conception basée sur le Web d'une entreprise extrêmement réputée qui a étudié et mis en œuvre des centaines de milliers d'heures de tests utilisateur, l'autre est une conception basée sur un logiciel.

En supposant que vous parlez d'une solution en ligne, je recommanderais l'approche basée sur Amazon où vous pouvez "rechercher dans" une catégorie. Cela peut être encore amélioré en fonction des besoins de vos utilisateurs avec des solutions basées sur la conception.

0
DLM