web-dev-qa-db-fra.com

Comment gérer la recherche par plusieurs états américains et rayon avec une seule entrée?

L'application que je conçois a une capacité de recherche assez intense et l'un des plus grands critères de recherche est l'origine et la destination. La société étant centrée sur l'expédition, il est important que nos utilisateurs puissent rechercher l'origine et la destination par plusieurs États américains et par rayon. Je me bats avec quelle serait la meilleure interface utilisateur pour gérer un contrôle comme celui-ci.

Voici quelques idées que j'ai trouvées jusqu'à présent.

Idée 1 Utilisez une approche de zone de liste déroulante où la liste déroulante pour contrôler le rayon et la recherche multiple est attachée à l'entrée où l'utilisateur entre dans les états qu'il souhaite rechercher

Idea 1 Img

Idée 2 Utilisez les boutons radio pour contrôler le rayon et la recherche multiple et ne les affichez que lorsque l'utilisateur se concentre sur le contrôle d'entrée.

Idea 2 Img

Quelqu'un a-t-il des réflexions sur l'un ou l'autre de ces éléments, ou a-t-il déjà eu une expérience avec quelque chose comme ça?

3
Jason Frade

Si vous pouvez développer vos propres contrôles, j'essaierais de combiner les deux dans une seule "liste déroulante" personnalisée, quelque chose comme ceci:

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

1
Vitaly Mijiritsky

Je suggère ce qui suit pour que les choses soient claires et soignées:

enter image description here

0
SSuad