Vous cherchez à créer une bonne interface utilisateur pour poser 4 questions aux utilisateurs de la meilleure façon possible?
J'essaie de créer une bonne interface utilisateur pour la page principale de mon site Web. Je dois poser 4 questions aux utilisateurs de la manière la plus simple possible-
- Conditions de requête - par exemple, Toyota Corola
- Catégorie (facultatif) - par ex. Voitures
- Emplacement (facultatif) - par exemple Elizabeth Street, Sydney
- Distance (facultative) de l'emplacement ci-dessus - par ex. 10 km (à la recherche d'un moyen esthétique, au cas où un utilisateur ne voudrait pas filtrer jusqu'à une certaine distance)
Quelle est la meilleure façon de poser les questions ci-dessus sans déranger l'utilisateur avec trop de détails car seuls les termes de la requête sont la partie requise. D'autres questions sont vraiment facultatives.
Comment dois-je définir mon interface utilisateur?
L'interface utilisateur doit montrer ce qui est important et ce qui est facultatif. Je ferais les 3 champs facultatifs comme de petits liens qui ouvrent une boîte de dialogue pour chacun. Une fois que l'utilisateur a piqué ses préférences, la boîte de dialogue se ferme et redevient un lien. Évidemment - tout dépend de la qualité et de la quantité des résultats de recherche dans le système discuté.
Voir cette démonstration de l'interface utilisateur: http://img210.imageshack.us/img210/6415/52622589.png
Je pense à quelque chose dans le sens de ceci:
Avoir le terme de requête dans une zone de texte et la catégorie et l'emplacement dans des zones de dépôt sélectives, avec Toutes les catégories et Tous les emplacements étant affiché initialement.
En affichant le composant interactif de distance, je n'ai pas vraiment eu de bonne idée, l'avoir incrémentiel serait probablement mieux, avec une augmentation et une décrémentation d'environ 5 miles peut-être. A besoin de plus de réflexion.
Il semble que vous ayez juste besoin de quatre zones de texte, seule la première doit être remplie. Il peut s'agir de zones de texte suggérées automatiquement/complètes qui n'autorisent que les données qui correspondent à (Catégorie) ou aux termes précédents/courants (Emplacement?)
Quant à la mise en page - tout dépendra de la mise en page globale de votre page. Un arrangement vertical sera probablement le plus simple à intégrer dans n'importe quelle conception.
Tout d'abord, tous les champs sont-ils absolument nécessaires? Une "toyota corolla" peut-elle être autre chose qu'une voiture?
Deuxièmement, voici ce que je ferais:
- requête: texte de forme libre
- catégorie (si absolument nécessaire): liste déroulante déroulante
- emplacement: code postal (plus court que la plupart des villes + états)
- distance: 4-5 numéros prédéfinis plus "partout" dans une zone de liste déroulante (décider ce qui a du sens pour l'Australie)
L'esthétique du formulaire doit dépendre de la conception globale du site. Vous devez éviter d'utiliser différents éléments dans le même but, c'est-à-dire que les contrôles de filtrage doivent se comporter de la même manière que les contrôles de recherche.