Le champ de recherche doit-il être à gauche ou à droite
Dans une application Web avec un champ de recherche dans l'en-tête - où doit aller la recherche, à gauche ou à droite de l'en-tête? Quelles considérations devraient être prises en compte lors de la prise de cette décision?
En termes de ce que font les autres, voici un bref aperçu de certaines des applications Web les plus populaires:
zone de recherche à droite
- Dropbox
- Courrier Alto
- Vimeo
- Dribble
- Behance
- Last.fm
- Flickr
zone de recherche à gauche
- Gmail
- Grooveshark
- Outlook.com
- Yahoo Mail
- Ohmytracks
- Youtube
- Outlook Web Access
- Salesforce
- Tumblr
- Evernote
- Délicieux
zone de recherche au milie
- Box.net
Je recommande de lire cet article au revoir Jared spool on UIE où il évalue le positionnement du contenu et comment cela affecte l'utilisation des utilisateurs sur la base d'un papier Où est la recherche? Réexamen des attentes des utilisateurs du Web Objets .
Pour citer l'article
Notre expérience est qu'une page bien conçue l'emporte à chaque fois sur les attentes des utilisateurs.
17% des participants ont déclaré qu'ils s'attendaient au coin supérieur droit du champ de recherche.
Son analyse finale sur la base de l'article est donnée ci-dessous
Le fait que les utilisateurs s'attendent à ce que le champ de recherche se trouve en haut à droite (au moins 27% du temps) ne signifie pas qu'ils ne peuvent pas s'adapter pour le trouver ailleurs. Après tout, nous, les humains, sommes exceptionnellement adaptables à notre environnement.
Ceci article de smashing magazine a ceci à dire sur le positionnement du searc
Où placer le champ de recherche?
Il existe de nombreuses possibilités, mais seulement quelques bonnes. L'endroit le plus pratique pour les utilisateurs serait en haut à gauche ou en haut à droite de chaque page de votre site Web, où les utilisateurs pourraient facilement le trouver en utilisant le modèle de numérisation en forme de F commun. Cependant, certains blogs ont tendance à placer le champ de recherche en bas de la barre latérale (gauche ou droite). Ce n'est 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 à gauche ou partiellement à gauche, quelques thèmes communs apparaissent:
La recherche n'est techniquement pas complètement à gauche mais seulement placée après le logo et est en continuation du logo pour amener l'utilisateur à utiliser la recherche
La plupart de ces sites dépendent fortement de la recherche de leur fonctionnement
La recherche est essentielle dans les e-mails de Google car elle relie plusieurs services ensemble
La recherche ici est importante pour rechercher de la musique est souvent le premier point de départ pour les utilisateurs
La recherche est essentielle pour Youtube car elle sert de point d'entrée principal 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, même si ces sites doivent utiliser la recherche, ce n'est pas une partie critique ou un point de conduite principal pour leur site et, par conséquent, il n'est pas placé en évidence mais placé dans un emplacement où les utilisateurs l'attendent, comme indiqué ci-dessous
En 2010, Wikipédia a déplacé son champ de recherche de la gauche de la page (directement en dessous de son champ de navigation) vers le haut à droite de la page. Ils ont affiché un explication détaillée pour ce faire, y compris des références à un certain nombre d'articles de recherche et aux résultats de leurs propres recherches.
Je vais citer quelques extraits, mais je vous recommande de lire l'intégralité de l'article:
Un autre facteur qui peut avoir influencé les attentes des utilisateurs est le placement commun des fonctionnalités des moteurs de recherche 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 d'utilisabilité ont souligné un avantage clé des éléments de navigation placés à droite: cela donne un accès immédiat à la barre de défilement du navigateur. Cela est particulièrement utile lorsque a) faire défiler vers le haut et vers le bas une liste de résultats de recherche, b) faire défiler vers le haut et vers le bas un article que vous venez d'appeler pour obtenir des informations.
De plus, ils étaient particulièrement intéressés par la façon dont la taille du champ de recherche influait sur l'endroit où il pouvait être placé sur la page.
L'ancien champ de recherche fait environ 20 caractères de large, le nouveau champ de recherche peut contenir 24 caractères. Plus important encore, en raison du placement de l'ancien champ de recherche dans la barre latérale de la mise en page, il était impossible d'élargir la recherche sans la déplacer ou l'élargir.
Le placement du champ de recherche en haut à droite nous permet de maintenir une largeur standard fixe d'une page à l'autre, tout en nous donnant une flexibilité maximale quant à ce que devrait être cette largeur.
Quant aux langues non anglaises:
... nous n'avons pas testé Wikipédia en anglais par rapport à d'autres 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 des recherches citées 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 pour déplacer la recherche est convaincant même pour ces langues, bien que légèrement moins.
Enfin, un résumé:
En somme, nous avons déplacé le champ de recherche pour a) faire correspondre les pratiques Web et les attentes des utilisateurs, b) permettre de l'élargir conformément aux recommandations d'utilisation courantes, c) en réponse aux problèmes réels observés des sujets de test lors de l'utilisation de l'ancienne recherche.
Nous reconnaissons également que des millions d'utilisateurs de Wikipédia se sont adaptés à l'ancien emplacement et devront désormais se réadapter au nouvel emplacement. Cependant, l'audience mondiale de Wikipédia croît de dizaines de millions d'utilisateurs chaque année (elle atteint actuellement 375 millions de visiteurs uniques/mois dans le monde), et nous espérons l'augmenter de plusieurs centaines de millions au cours de cette décennie. Cela nécessitera que nous nous adaptions aux attentes des utilisateurs communs, plutôt que d'attendre que chaque nouvel utilisateur s'adapte à nous. Cela gênera malheureusement ceux qui se sont adaptés à l'ancien placement. Savons-nous absolument que c'est 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 n'est pas le cas.
Selon moi, le champ de recherche à gauche signifie rechercher une entité spécifique comme rechercher un film spécifique sur boxofficemojo.com, et le champ de recherche à droite signifie rechercher une fonctionnalité ou une section spécifique sur un portail. Le champ de recherche doit être au milieu si "Rechercher" est la fonction centrale (comme les moteurs de recherche) de l'application.
Si vous n'aviez pas posté ces noms pour `` Zone de recherche à gauche '', ma réaction par défaut aurait été que la zone de recherche devrait être sur le côté droit, car j'ai l'habitude de voir la zone de recherche dans la section supérieure droite d'un site. La plupart de ces champs de recherche font partie de l'en-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 plus au milieu. Un exemple de zone de recherche à gauche serait BoxOfficeMojo
Un vote pour cette question en raison de l'importance des emplacements standard pour les parties communes de l'interface utilisateur!
Cette étude publiée sur le suivi oculaire des objets Web courants - y compris la recherche - a trouvé moins de fixations et des temps de recherche plus courts lorsque la recherche était dans un emplacement typique. Pour le champ de recherche, l'effet le plus fort de l'éloignement de l'emplacement typique a été sur les sites de commerce électronique par rapport aux sites d'actualités ou d'entreprises.
Leur emplacement était basé sur la recherche en Modèles mentaux pour les objets Web .
Ils ont interrogé 136 personnes concernant l'emplacement des objets Web courants, y compris un champ de recherche, sur les sites de commerce électronique, les sites d'actualités et les sites des entreprises. L'emplacement prévu de la recherche dépend du type de site.
Dans la deuxième partie de l'étude, 516 participants ont construit une interface utilisateur d'application Web en plaçant les objets Web sur l'écran.
Vous pouvez voir les résultats en cliquant sur le lien ci-dessus. "Tendance vers le coin supérieur droit" est ma description des résultats pour l'emplacement du champ de recherche.
SURL de l'État de Wichita a publié un type d'étude similaire en 2002 pour une "page Web typique de commerce électronique". La figure 5 montre l'emplacement prévu de la recherche. Dans cette étude, l'emplacement était le centre supérieur de la page. [Ils ont suivi cela en 2006 avec une autre] étude ( http://psychology.wichita.edu/surl/usabilitynews/81/webobjects.asp ). Les attentes de certains objets Web ont changé entre 2002 et 2006. L'emplacement de la recherche s'est éloigné du centre et vers le coin supérieur droit.