Dans notre veille quotidienne, nous avons déniché un article dédié au "champ de recherche" expliquant les meilleures pratiques d'optimisation pour en faire un élément clé de la réussite de votre site Internet. Cet article vous donne 9 conseils pour créer la zone de recherche parfaite.

Vous trouverez l'article de Nick Babich, dans sa version originale en cliquant ici

Pour les non-anglophones, pas d'inquiétude, on vous a traduit l'article.

Améliorer l'ergonomie du champ de recherche

On a tendance à penser que le champ de recherche n'a pas besoin d'un design élaboré. Après tout, ce n'est qu'un champ de saisie et un bouton d'envoi, alors pourquoi s'embêter ?

Et bien détrompez-vous, dans un site complexe avec un grand nombre de contenus, ce petit champ devient un élément crucial. En effet, afin de trouver le contenu qui l'intéresse rapidement et sans effort, l'internaute se dirige immédiatement sur la zone de recherche.

Le design et l'efficacité du champ de recherche sont alors très importants.

 1. L'icône "loupe"

Icône Loupe.png

La seule et l'unique ! On la trouve sur tous les sites (même Apple a suivi le mouvement pour une fois).

L'icône loupe est associée à la zone de recherche. L'utilisateur est habitué à cette icône, alors n'allez pas le pertuber.

→ Utilisez une version simple de la loupe. Moins il y a de détails, plus on la distingue rapidement.

 2. La visibilité du champ

Le visiteur doit tout de suite repérer la zone de recherche (surtout si elle est indispensable pour votre site).

Préférez un champ ouvert avec du texte, plutôt qu'une icône seule qui sera moins visible.

 3. Le bouton d'envoi

Le bouton aide à voir qu'il y a une étape supplémentaire pour valider la recherche.

→ La taille du bouton doit être bien pensée, assez large pour ne pas avoir à cliquer précisément.

→ L'internaute a ses habitudes. Il faut lui laisser le choix entre cliquer sur l'icône loupe ou appuyer sur Entrée

 Search Bouton Envoi.png

4. Toutes les pages

Votre champ de recherche doit apparaître sur toutes les pages de votre site. Si un utilisateur n'a pas trouvé ce qu'il cherchait, il voudra effectuer une nouvelle recherche. Il doit donc y avoir accès depuis n'importe quelle page du site.

 5. La simplicité

Selon les études d'accessibilité, il est conseillé de ne pas avoir de filtres de recherche trop compliqués par défaut (options avancées), qui pourraient désarçonner les visiteurs.

→ Optez pour un bloc de recherche simple d'utilisation.

 6. La disposition

L'internaute ne doit pas chercher la zone de recherche.

La charte, ci-dessous, est le résultat d'une enquête réalisée auprès de 142 personnes. Elle montre la position où les utilisateurs s'attendent à trouver la fenêtre de recherche.

Etude réalisé par A. Dawn Shaikh & Keisi Lenz

Sachant cela, placez votre bloc de recherche en haut à droite ou en haut au centre de vos pages, vos utilisateurs sont sûrs de la trouver.

→ Idéallement votre champ de recherche se fond dans le design global de votre site, mais ressort assez pour être visible.

 → Si la recherche est essentielle pour votre site internet, utilisez des contrastes pour que votre champ se distingue des éléments autour.

 7. La taille 

Veillez à avoir un bloc de saisie assez grand. Les visiteurs ont besoin de relire l'intégralité de leur recherche et de la modifier.

Si le champ est trop petit, les utilisateurs sont forcés de réduire leur recherche et celle-ci est moins précise.

Le principe de base est d'avoir un texte de saisie limité à 27 caractères, ce qui satisferait 90% des requêtes.

→ Intégrez un champ de recherche qui s'adapte au texte saisi.

 Search Bouton Etirable.png

8. L'autosuggestion

Souvent si une requête n'aboutie pas, l'utilisateur abandonne.

Le mécanisme d'autosuggestion sert à guider l'internaute et l'aide à construire sa requête.

→ Proposez des suggestions utiles pour ne pas distraire le visiteur. Pour améliorer l'outil, utilisez le correcteur d'orthographe, la reconnaissance de la racine des mots et la prédiction de texte.

→ L'autosuggestion doit apparaître rapidement, au moins après le 3ème caractère saisi.

→ Présentez moins de 10 propositions (sans barre de défilement) pour que l'information ne soit pas écrasante.

→ L'internaute doit pouvoir naviguer parmi la liste proposée à l'aide de son clavier.

Mettez en évidence le texte suggéré par rapport à la saisie de l'utilisateur.

 

Prenez exemple sur Google, qui est le maître en matière d'autosuggestion. Les utilisateurs ont tendance à rechercher la même chose plus d'une fois. En se remémorant l'historique de recherche, Google crée une excellente expérience utilisateur.

 9. Exemples de recherche

N'hésitez pas à indiquer à l'internaute ce qu'il peut rechercher en saisissant son texte. 

Limitez vos indications à quelques mots, sinon la charge cognitive est augmentée.

 

 Conclusion

Comme vous avez pu le constater, la recherche constitue une part importante de l'activité d'un utilisateur sur le web.

La plus petite amélioration sur un champ de recherche peut tout changer. Désormais, vous avez toutes les pistes nécessaires pour avoir de bons résultats sur vos moteurs de recherche interne.

 

Article original de Nick Babich.

Plus d'articles sur le Webdesign !?!

Publié par Adimeo
CEO Adimeo
Retrouvez moi sur :

Un conseil, un projet, un devis ?
Nous repondons a toutes vos questions !

N'hésitez pas à nous contacter pour plus d'informations

Nous contacter

Sur les mêmes sujets