Comment fournir la saisie semi-automatique et la suggestion automatique sur le même champ de recherche en même temps
Dans cet article , Tony Russell-Rose explique la saisie semi-automatique et la suggestion automatique, et les différences entre eux. Avez-vous des idées sur la façon d'appliquer à la fois à la même zone de recherche et à une seule fois? Des exemples ou des recherches sur cette question?
Il existe une différence entre la saisie semi-automatique et la suggestion automatique.
Auto-Complete se produit dans la zone de saisie où vous tapez et vous pouvez appuyer sur Entrée ou sur la "flèche droite" pour l'accepter. Suggestion automatique La liste apparaît sous la forme d'une liste de suggestions multiples sous forme de liste déroulante. Pour utiliser les éléments de suggestion automatique, vous devez cliquer sur "flèche vers le bas" ou cliquer avec la souris pour les accepter.
Si vous voulez les implémenter ensemble, faites quelque chose comme ça.
Je pense que Google fournit un bon exemple de la façon dont il fait la différence entre les deux. Il fournit deux types de style de texte différents lorsque vous tapez dans le champ de saisie de recherche. Le texte plus foncé incorpore les caractères que l'utilisateur entre, et le texte gris clair sont des suggestions. Vous obtenez à la fois le style du texte dans la zone de saisie et également la liste déroulante, donc je pense que cela répond aux critères.
Ma préférence serait de les classer en sections/onglets/zones (n'oubliez pas un lien afficher tous les résultats) car malgré l'exemple que @Salman vous a donné était bon, rien ne suggère que l'utilisateur n'est pas au courant de la différence entre les deux fonctions de recherche. Cela étant dit, l'utilisateur doit-il le savoir? Si vous voulez un bon exemple de ce dont @Salman parlait, c'est génial: burton.com
Aussi une belle citation pour prouver ce que vous faites est juste ... Selon Matthew Curry, directeur du commerce électronique chez Lovehoney:
"D'après mon expérience, l'autosuggest fournit un véritable coup de fouet aux taux de conversion de recherche. Lors d'un test d'utilisabilité que j'ai effectué, nous avons constaté que les utilisateurs comptaient sur la recherche automatique et la correction automatique de sites pour connaître l'orthographe correcte des mots. Assurez-vous que votre solution de recherche de site est à la hauteur et que vous fournissez toujours des résultats de recherche pour les fautes d'orthographe courantes, au cas où. "
Enfin, voici quelques exemples différents que vous pourriez apprécier.
- http://www.waterstones.com/waterstonesweb/
- http://artsy.net/ - voyez comment les résultats sont classés en "sections"?
- http://appliancesonline.co.uk - bien que les deux ne les présentent pas à nouveau dans des sections