Je suis difficile à trouver des ressources qui décrivent de bons modèles d'interface utilisateur pour les formulaires de recherche importants. J'ai une forme qui nécessite plus de 20 entrées possibles et que vous ne pouvez pas trouver un design que je me sens bien (bien que dans ma défense, je ne suis pas expert en design). Dans mon cas, je recherche une solution Web, mais j'imagine qu'un modèle d'assurance-emploi de ce scénario est probablement la plate-forme-agnostique.
J'ai regardé certains sites comme Google et Amazon (Recherches avancées) et je me demande s'il y a de meilleures idées. Toute suggestion?
4 Réponses :
Jetez un coup d'œil à la divulgation progressive (voir ici et ici et ici ) et Activation réactive . Il vous aide également si vous avez Good valeurs . Regardez les autres motifs de " Obtenir des utilisateurs "
Tout shopping (nextag.com, devises.com, froogle.com, Shopzilla, eBay, etc.) ferait cette affaire. Cependant, mon idée est de créer une info-bulle et de prendre l'entrée et après la soumission (un bouton de l'info-bulle), l'info-bulle disparaîtra et le résultat viendrait à la page mère.
Habituellement, vous pouvez diviser vos champs de recherche en deux groupes:
Si vous pouviez appliquer cette scission à votre problème, il devrait être facile de faire une frontière contenant le premier groupe de champs de saisie, puis une seconde qui ouvrirait / étendre à la demande. Je ne suis pas un développeur Web, je ne peux donc pas vous dire à quel point il serait difficile d'obtenir ce comportement de l'interface utilisateur.
C'est une approche que Google prend pour leur recherche avancée, qui était mon approche préférée jusqu'à présent.
Je pense que Google Recherche avancée est un bon point de départ.
Vous voudrez peut-être garder à l'esprit les choses suivantes:
Assurez-vous que vous êtes clair sur le besoin de chaque champ sous la forme. Ils peuvent tous être complètement nécessaires, mais si certains ne le sont pas, ils pourraient faire la forme inutilement complexe.
Essayez de regrouper vos questions dans des zones logiques à l'aide de champs de lecture et de les séparer visuellement sur la page. Cela devrait faciliter le traitement de la forme.
Vous pouvez essayer de masquer des zones de votre formulaire à l'aide de JavaScript pour rendre la vision initiale moins déroutante. Bien que cela risquait de confondre les utilisateurs si les contrôles de montrage de ces sections sont mal étiquetés.
Assurez-vous d'essayer votre conception sur autant de personnes que possible - idéalement de la communauté qui l'utilisera.
Je me rends compte qu'il existe des défis spécifiques dans la conception des formulaires de recherche, mais les ressources suivantes devraient être utiles.
wufoo - designs de formulaire à plusieurs fins différentes, mais il peut y avoir quelque chose d'usage à vous là-bas.
livre de Luke Wroblewski Design de formulaire Web est un excellent point de départ si vous «Vous essayez de développer vos connaissances sur la manière de concevoir et de concevoir des formulaires. Si vous n'avez pas eu le temps de saisir le livre, son site Web dispose également de quelques pointeurs utiles.
Si vous voulez aller plus profond, vous pouvez également envisager Architecture d'informations pour le World Wide Web Par Louis Rosenfeld et Peter Morville. Un peu plus vieux maintenant, mais possède d'excellents chapitres sur la conception d'un système de recherche pour un site Web.
Merci beaucoup pour la grande réponse!
Cool, je suis content que tu l'as trouvé utile :)
Il n'y a pas de recherche avancée utile! Google / Yahoo utilise une approche similaire avec une forme de spectacle qui est un véritable douloureux oculaire. Le mieux semble être en bing avec une approche progressive: vous apparaissez une requête, puis la recherche avancée vous permet de creuser et d'affiner davantage la requête en ajoutant des paramètres.