Comment concevez-vous vos formulaires de recherche ?
Dans son dernier billet, Raphaël de Robiano, consultant en ergonomie, a effectué un test utilisateur sur un site Web. Il soulève un détail intéressant en ce qui concerne les formulaires de recherche. Je cite :
Ce test a été l’occasion d’identifier un problème sur un des formulaires de recherche du site que j’aimerais partager avec vous.
Le champ de recherche était accompagné sur la droite d’un petit bouton permettant de valider les caractères introduits et de déclencher le processus de recherche. Ce bouton représentait un petit triangle pointant vers la droite.
Or certains participants au test ont pensé qu’en cliquant dans ce champ, ils obtiendraient une liste déroulante reprenant l’ensemble des produits de la compagnie. Et, en effet, il y a une certaine similarité entre le bouton déclenchant la recherche et celui des listes déroulantes classiques (la balise SELECT pour les familiers du HTML).
D’autres participants ont bien identifié cet élément comme un formulaire de recherche, mais se sont fait la remarque qu’un bouton « search », « go » ou « ok » serait plus approprié.
Comme quoi, la présence d’un petit élément graphique, peut parfois avoir un effet significatif dans l’interprétation de l’interface d’un site.
Voulant approfondir et échanger avec vous sur le sujet, j’ai regardé ce qu’il en était des formulaires de recherche sur d’autres sites sélectionnés au hasard : Twitter, Amazon, Facebook , Linkedin, Skype , Orange et Cyberpresse.ca
Le formulaire de recherche de Twitter :
Le formulaire de recherche de Amazon :
Le formulaire de recherche de Facebook :
Le formulaire de recherche de Linkedin :
Le formulaire de recherche de Skype :
Le formulaire de recherche du site de Orange :
Le formulaire de recherche du site Cyberpresse.ca (Google ) :
Je remarque que la mention ” Rechercher ” est celle qui est le plus utilisée. Il arrive aussi qu’on l’accompagne des mots ” OK ” ou ” GO” . À mon avis, je crois que la mention “Rechercher”inscrite directement dans le champ de recherche avec l’ajout icône ( loupe ) à droite est un choix intéressant.
À titre d’information, je partage avec vous un un article dont je me suis rappelée après la lecture du billet de Raphaël de Robiano. L’article en question traitait les observations de Jakob Nielsen. Je cite le passage intéressant sur le sujet :
3- Le moteur doit ressembler à un moteur !
Le moteur de recherche doit être facilement repérable par l’internaute. Mieux vaut donc éviter les libellés “amusants” ou originaux pour le bouton de recherche: “chercher” ou “rechercher” convient mieux que “trouver”, “OK”, “allons-y !” ou autres… éventuellement, “OK” ou “go !” est acceptable, à condition que le mot “recherche” (ou : “rechercher dans monsite.com”) figure avant le champ de saisie, comme suit:
la recherche sur amazon.frDe plus, il est préférable que le bouton de recherche soit facilement identifiable comme tel: un bouton standard de formulaire, même si son esthétique est moyennement appréciée des designers, présente l’avantage d’être immédiatement reconnu. Si vous choisissez d’utiliser une image, arrangez-vous pour qu’elle ait bien l’air d’un bouton: forme allongée aux extrémités arrondies, et/ou dessin ombré suggérant le relief.
|
a priori, aucun problème d’identification pour ces boutons
Qu’en pensez-vous.
Comment concevez-vous vos formulaires de recherche ? Quelles mentions avez-vous tendance à ajouter ? : ” Rechercher ” , ” OK “, “GO” , une loupe, une flèche, ect. ? Intégrez-vous tout simplement le mot ” Rechercher” dans le champ de recherche ? Vous arrive-t-il de choisir un autre terme que ” Rechercher ” ?
le 13 octobre 2009 à 8:10
L’utilisation d’un GO ou OK est surtout le résultat d’un manque de place à mon avis. Dans l’absolu, je pense que tout le monde préfère mettre un “Rechercher” ou “Search” bien parlant mais la charte du site ne le permet pas toujours.
le 13 octobre 2009 à 9:50
Il est important de noter que le formulaire doit s’activer quand on appuie sur la touche “entrée”, si le curseur est dans le champ de saisie.
le 13 octobre 2009 à 11:36
Bon résumé. Je confirme que garder le terme “recherche” dans le formulaire lui-même est une bonne idée : dans le bouton si la place le permet ou dans le champs (avec disparition au clic) me paraissent les meilleurs choix.
le 13 octobre 2009 à 13:16
Pareil, je pense que l’intitulé “OK” est idéal quand on manque de place en largeur, et on manque TOUJOURS de place.
Dans l’idéal j’aime bien la solution qui consiste à fournir un bouton “Rechercher” avec une flèche pour faire apparaitre des options de filtrage (impossible de retrouver un exemple).
/Fred
le 13 octobre 2009 à 23:32
J’ai lu très récemment un article sur smashing comme quoi la longueur idéale d’un champ de recherche devait être de 27 caractères alors que la moyenne des formulaires de recherche était de 18 (du coup, 27% des requètes sont plus long que le champ de recherche). A votre avis, c’est valable pour la francophonie? http://www.smashingmagazine.com/2009/09/24/10-useful-usability-findings-and-guidelines/
le 14 octobre 2009 à 2:20
Je crois que ce qui importe avant tout est de penser en fonction de ses utilisateurs. Qu’est-ce qui pourrait permettre à nos utilisateurs de bien comprendre l’utilisation de la fonction de recherche sur notre site Web. Pourrions-nous réellement se lancer dans un média grand public tel Internet sans prendre en compte le public en question? Bien sûr que non. Alors la question que nous devrions se poser est : Pourquoi tant de designers ou développeurs Web mettent en place des solutions faciles pour eux, telles des boutons «OK» ou «GO», qui sont génériques, plus faciles à mettre en place partout sur un site Web, prennent moins de place, donc moins contraignant d’un point de vue visuel, mais qui sont loin d’être le plus clair pour nos utilisateurs? Sans oublier la question de l’accessibilié. Que penserons les non-voyants quand il entendront les mots «OK» par le biais de leurs lecteurs?
le 1 juin 2010 à 12:39
La réponse précédente de Patrick Grégoire me semble très pertinente. Dans le sens, où, il est nécessaire de penser accessibilité, pertinence, compréhension. En quelques mots c’est bien d’aller droit au but et de créer des formulaires de recherche où chacun peut s’y retrouver sans trop de difficultés.
Plus c’est simple mieux c’est ! Enfin je pense …
Avec trop de boutons on s’y perd.