Si le champ de recherche se trouve à gauche ou à droite

Dans une application Web avec un champ de recherche dans len-tête – où doit aller la recherche, sur le côté gauche ou droit de len-tête? Quelles considérations faut-il prendre en compte lors de la prise de cette décision?

En ce qui concerne ce que font les autres, voici un bref aperçu de certaines des applications Web les plus populaires:

Champ de recherche à droite

  • Dropbox
  • Alto mail
  • LinkedIn
  • Vimeo
  • Dribble
  • Twitter
  • Behance
  • Last.fm
  • Flickr

Champ de recherche à gauche

  • Gmail
  • Grooveshark
  • Outlook.com
  • Yahoo Mail
  • Facebook
  • Ohmytracks
  • Youtube
  • Pinterest
  • Outlook Web Access
  • Salesforce
  • Tumblr
  • Evernote
  • Délicieux

Champ de recherche au milieu

  • Box.net

Commentaires

  • Ce nest plus exact. Jai examiné tous ces éléments et seulement 4 étaient toujours les mêmes. La plupart sont au milieu maintenant.
  • @ user140421 Merci de garder un œil! 🙂

Réponse

Je recommande de regarder cet article bye Jared spool sur lIUE où il évalue le positionnement du contenu et comment cela affecte lutilisation des utilisateurs sur la base dun document Où se trouve la recherche? Réexamen des attentes des utilisateurs dobjets Web .

Pour citer larticle

Notre expérience est quune page bien conçue lemporte à chaque fois sur les attentes des utilisateurs.

entrez la description de limage ici

17% des participants ont déclaré quils attendaient le coin supérieur droit du champ de recherche.

Sa finale lanalyse sur la base de larticle est donnée ci-dessous

Simplement parce que les utilisateurs sattendent à ce que le champ de recherche soit en haut à droite (au moins 27% du temps) , cela ne veut pas dire qu’ils ne peuvent pas s’adapter à le trouver ailleurs. Après tout, les humains sont exceptionnellement adaptables à notre environnement.

Cet article du magazine Smashing a ceci à dire sur le positionnement du searc

Où placer le champ de recherche?

Il existe de nombreuses possibilités, mais seulement quelques bonnes. Lendroit le plus pratique pour les utilisateurs serait le coin supérieur gauche ou supérieur droit de chaque page de votre site Web, où les utilisateurs pourraient facilement le trouver à laide du modèle de numérisation en forme de F. Cependant, certains blogs ont tendance à placer le champ de recherche en bas de la barre latérale (gauche ou droite). Ce nest probablement pas une bonne idée, mais cela est probablement fait pour des raisons publicitaires.

En regardant les exemples que vous avez donnés des sites qui utilisent la recherche sur la gauche ou partiellement aligné à gauche, quelques thèmes communs apparaissent:

  1. La recherche nest techniquement pas complètement à gauche mais seulement placée après le logo et est dans le prolongement du logo pour guider lutilisateur sur lutilisation de la recherche

  2. La plupart de ces sites dépendent fortement de la recherche pour leur fonctionnement

entrez la description de limage ici La recherche est essentielle dans les e-mails de Google car elle relie plusieurs services ensemble

entrer limage description ici

La recherche ici est importante car la recherche de musique est souvent le premier point de départ pour les utilisateurs

entrez la description de limage ici

La recherche est essentielle pour Youtube car elle sert dentrée principale point pour accéder à la vaste base de données de Youtube.

Cependant, en prenant un exemple de sites qui ont un site à leur droite, un thème commun est que bien que ces sites aient besoin dutiliser la recherche, ce nest pas critique partie ou un point principal de leur site et donc il nest pas placé bien en vue, mais placé à un endroit où les utilisateurs lattendent comme indiqué ci-dessous

entrez la description de limage ici

entrez la description de limage ici

Commentaires

  • En regardant ceux-ci les exemples me laissent presque croire que plus un champ de recherche devrait être proéminent, plus il séloigne vers la gauche. Cest à dire. Si  » rechercher  » est une action principale, alors elle ‘ est plus vers le centre ou à gauche, alors que si elle ‘ est une action secondaire, alors elle dérive vers la droite.

Réponse

En 2010, Wikipédia a déplacé son champ de recherche de la gauche de la page (directement sous son champ de navigation ), en haut à droite de la page. Ils ont publié une explication détaillée pour le faire, y compris des références à un certain nombre darticles de recherche et les résultats de leurs propres recherches.

Je « ll citer quelques extraits, mais vous recommandons de lire larticle en entier:

Un autre facteur qui a pu influencer les attentes des utilisateurs est le placement courant des fonctionnalités des moteurs de recherche dans le dans le coin supérieur droit de la fenêtre du navigateur Web. Il y a des avantages pratiques à positionner la recherche en haut à droite …

… plusieurs études dutilisabilité ont mis en évidence un avantage clé des éléments de navigation placés sur le à droite: il donne un accès immédiat à la barre de défilement du navigateur. Ceci est particulièrement utile lorsque a) faire défiler une liste de résultats de recherche de haut en bas, b) faire défiler vers le haut et vers le bas un article que vous venez dappeler pour plus dinformations.

En outre, ils étaient spécifiquement intéressés par la façon dont la taille du champ de recherche influençait lendroit où il pouvait b e placé sur la page.

Lancien champ de recherche fait environ 20 caractères de large, le nouveau champ de recherche contient 24 caractères. Plus important encore, en raison de lemplacement de lancien champ de recherche dans la barre latérale de la mise en page, lélargissement de la recherche était impossible sans la déplacer ni lélargir la barre latérale.

Lemplacement du champ de recherche en haut à droite nous permet pour maintenir une largeur standard fixe dune page à lautre, tout en nous donnant une flexibilité maximale quant à ce que cette largeur devrait être.

Comme pour les non-anglais langues:

… nous navons pas testé le Wikipedia anglais par rapport à dautres langues qui avaient placé le champ de recherche directement sous le logo, et nous reconnaissons que ce placement alternatif est déjà une amélioration pour répondre aux attentes des utilisateurs. Cependant, sur la base de la recherche citée ci-dessus, ainsi que des raisons de conception pour déplacer le champ de recherche en haut à droite, nous pensons toujours que le cas global du déplacement de la recherche est convaincant même pour ces langues, bien que légèrement moins.

Enfin, un résumé:

En résumé, nous avons déplacé le champ de recherche vers a) correspondre aux pratiques du Web et aux attentes des utilisateurs, b) permettre de lélargir conformément aux recommandations dutilisabilité courantes, c) en réponse aux problèmes réels observés des sujets de test lors de lutilisation de lancienne recherche.

Nous reconnaissons également que des millions dutilisateurs de Wikipédia sétaient adaptés à lancien emplacement et devront désormais se réajuster au nouvel emplacement. Cependant, laudience mondiale de Wikipédia augmente de dizaines de millions dutilisateurs chaque année (elle est actuellement de 375 millions de visiteurs uniques / mois dans le monde), et nous espérons la faire croître de centaines de millions au cours de cette décennie. Cela exigera que nous nous adaptions aux attentes communes des utilisateurs, plutôt que de nous attendre à ce que chaque nouvel utilisateur sadapte à nous. Cela gênera malheureusement ceux qui se sont adaptés à lancien placement. Savons-nous absolument que cest la bonne décision? Non, mais le fait que les utilisateurs existants soient temporairement gênés par cela ne signifie pas du tout que ce ne soit pas le cas.

Réponse

Selon moi, le champ de recherche à gauche signifie la recherche dune entité spécifique, comme la recherche dun film spécifique sur boxofficemojo.com, et le champ de recherche à droite signifie la recherche dune fonctionnalité spécifique ou section sur un portail. Le champ de recherche doit être au milieu si « Rechercher » est la fonctionnalité centrale (comme les moteurs de recherche) de lapplication.

Si vous naviez pas publié ces noms pour « Champ de recherche à gauche », ma réaction par défaut serait ont été que le champ de recherche doit être sur le côté droit car je suis assez habitué à voir le champ de recherche dans la section supérieure droite dun site. La plupart de ces champs de recherche font partie de len-tête et sont indépendants de la section de contenu, par exemple ce site Web .

Je ne dirais pas que Youtube, Facebook et Gmail sont à gauche, ils sont plutôt au milieu. Un exemple de champ de recherche à gauche serait BoxOfficeMojo

Answer

Une voix pour cette question en raison de limportance des emplacements standard pour les parties communes de linterface utilisateur!

Cette étude publiée sur le suivi oculaire dobjets Web courants – y compris la recherche – a trouvé moins de fixations et une recherche plus courte fois où la recherche était dans un endroit typique. Pour le champ de recherche, leffet le plus fort de léloignement de lemplacement habituel a été sur les sites de commerce électronique par rapport aux sites dactualités ou dentreprise.

Leurs emplacements étaient basés sur la recherche dans Modèles mentaux pour les objets Web .

Ils ont interrogé 136 personnes sur la localisation dobjets Web courants, y compris un champ de recherche, sur des sites de commerce électronique, des sites dactualités et des sites dentreprise. Lemplacement prévu de la recherche dépendait du type de site.

Dans la deuxième partie de létude, 516 participants ont construit une interface utilisateur dapplication Web en plaçant les objets Web sur lécran.

Vous pouvez voir les résultats en allant sur le lien ci-dessus. « Tendance vers le coin supérieur droit » est ma description des résultats pour lemplacement du champ de recherche.

Le SURL de Wichita State « a publié un type détude similaire en 2002 pour une » page Web de commerce électronique typique « . La figure 5 montre lemplacement prévu de la recherche. Dans cette étude, lemplacement était le centre supérieur de la page. [Ils ont suivi en 2006 une autre] étude ( http://psychology.wichita.edu/surl/usabilitynews/81/webobjects.asp ). Les attentes concernant certains objets Web ont changé entre 2002 et 2006. Lemplacement de la recherche sest éloigné du centre et vers le coin supérieur droit.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *