web-dev-qa-db-fra.com

Besoin d'une meilleure disposition des onglets de fonctionnalité

enter image description here

Donc, ici, il y a 2 boutons de recherche, le premier est une recherche rapide et le second est une recherche normale. Sur cette page, il y a un tableau de données avec ces options de recherche en tant que noms de colonne pour le tableau de données. Maintenant, le problème est que l'utilisateur n'est pas autorisé à sélectionner l'option dans la liste déroulante de recherche rapide et également l'option dans la liste déroulante de la société et cliquez sur le bouton de recherche. L'utilisateur peut sélectionner une option de recherche rapide et cliquer sur le bouton de recherche rapide. Ou il peut sélectionner plusieurs options dans la deuxième zone de recherche principale uniquement et cliquer sur le bouton de recherche. J'ai donc besoin d'une meilleure mise en page pour différencier 2 boutons de recherche.

Une approche que je pourrais comprendre est la disposition des onglets. J'ai joint l'image. Mais ici, la recherche comporte 4 lignes. et la recherche rapide n'a qu'une seule ligne. Ainsi, lors du basculement des onglets, la page entière n'est pas cohérente. Il faut donc une bonne disposition de différenciation. enter image description here

3
Parag Bandewar

Habituellement, la recherche standard est définie par la zone de recherche de base et un nombre minimum de champs. Par convention, la recherche avancée est généralement conçue dans la première section comme un lien adjacent à la zone de recherche standard. Après avoir cliqué sur le lien, la section de recherche de base peut disparaître, mais les onglets ne semblent pas être une bonne idée.

2
Madalina Taina

Hiérarchie

Je suppose que la recherche rapide, car elle est censée être rapide, devrait être un élément plus important dans l'interface utilisateur. Que la recherche rapide/avancée soit des onglets, un commutateur ou des liens, la recherche rapide doit commencer en premier.

ensemble de données

Il semble que vous ne puissiez pas fournir de recherche de texte, mais les utilisateurs doivent plutôt être limités à un ensemble d'options donné. Pensez à la taille de l'ensemble.

En admettant que:

  • l'objectif principal de cet écran est de trouver des informations
  • le nombre d'options est limité

vous pouvez afficher toute la liste des options immédiatement - en place, au lieu de faire en sorte que l'utilisateur sélectionne dans la liste déroulante - cela permettra aux utilisateurs de parcourir plus facilement les préréglages possibles

Si non...

Si l'écran doit partager son objectif entre la recherche et un autre contenu, conservez la liste déroulante.

Si vous avez besoin de cohérence, pour une recherche rapide, une liste déroulante, pour une recherche avancée, utilisez un popover ou quelque chose comme un mégamenu - cela ne réduira pas le reste du contenu

1
JakubTutaj