A caixa de pesquisa deve estar à esquerda ou à direita

Em um aplicativo da web com uma caixa de pesquisa no cabeçalho – onde a pesquisa deve ir, no esquerdo ou direito do cabeçalho? Que considerações devem ser levadas em consideração ao tomar essa decisão?

Em termos do que os outros fazem, aqui está uma breve visão geral de alguns dos aplicativos da web mais populares:

Caixa de pesquisa à direita

  • Dropbox
  • Correio alto
  • LinkedIn
  • Vimeo
  • Dribble
  • Twitter
  • Behance
  • Last.fm
  • Flickr

Caixa de pesquisa à esquerda

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

Caixa de pesquisa no meio

  • Box.net

Comentários

  • Isso não é mais preciso. Eu revisei todos eles e apenas 4 ainda eram os mesmos. A MAIORIA está no meio agora.
  • @ user140421 Obrigado por manter o controle! 🙂

Resposta

Eu recomendo ler este artigo bye Jared spool no UIE , onde ele avalia o posicionamento do conteúdo e como isso afeta o uso do usuário com base em um papel Onde está a pesquisa? Reexaminando as expectativas do usuário de objetos da web .

Para citar o artigo

Nossa experiência é uma página bem projetada que sempre supera as expectativas do usuário.

insira a descrição da imagem aqui

17% dos participantes disseram que esperavam o canto superior direito da caixa de pesquisa.

Sua final a análise com base no artigo é fornecida abaixo

Só porque os usuários esperam que a caixa de pesquisa esteja no canto superior direito (pelo menos 27% do tempo) , não significa que eles não possam se ajustar para encontrá-lo em outros lugares. Afinal, nós os humanos são excepcionalmente adaptáveis ao nosso ambiente.

Este artigo da revista smashing tem isso a dizer sobre o posicionamento da pesquisa

Onde colocar a caixa de pesquisa?

Existem muitas possibilidades, mas apenas algumas certas. O local mais conveniente para os usuários seria o canto superior esquerdo ou direito de cada página do seu site, onde os usuários poderiam encontrá-lo facilmente usando o padrão de digitalização em forma de F. No entanto, alguns blogs tendem a colocar a caixa de pesquisa na parte inferior da barra lateral (esquerda ou direita). Provavelmente não é uma boa ideia, mas provavelmente é feita por causa de considerações de publicidade.

Observando os exemplos que você deu de sites que usam a pesquisa à esquerda ou parcialmente alinhados à esquerda, alguns temas comuns aparecem:

  1. A pesquisa não é tecnicamente completamente à esquerda, mas apenas colocada após o logotipo e é uma continuação do logotipo para conduzir o usuário sobre como usar a pesquisa

  2. A maioria desses sites depende muito da pesquisa para seu funcionamento

insira a descrição da imagem aqui A pesquisa é crítica no e-mail do Google, uma vez que reúne vários serviços

insira a imagem descrição aqui

A pesquisa aqui é importante para pesquisar música é frequentemente o primeiro ponto de partida para os usuários

insira a descrição da imagem aqui

A pesquisa é crítica para o Youtube, pois serve como a entrada principal ponto de acesso ao vasto banco de dados do Youtube.

No entanto, tomando um exemplo de sites que têm um site à direita, um tema comum é que, embora esses sites precisem usar a pesquisa, não é um ponto crítico parte ou um ponto de direção principal para seu site e, portanto, não está em uma posição proeminente, mas em um local onde os usuários esperariam, conforme mostrado abaixo

insira a descrição da imagem aqui

insira a descrição da imagem aqui

Comentários

  • Olhando para estes exemplos quase me levam a acreditar que quanto mais proeminente uma caixa de pesquisa deve ser, mais à esquerda ela se torna. Ie. Se ” pesquisar ” for uma ação primária, então ‘ é mais para o centro ou para a esquerda, ao passo que se ‘ uma ação secundária, então ele se desloca para a direita.

Resposta

Em 2010, a Wikipedia moveu sua caixa de pesquisa para a esquerda da página (diretamente abaixo de sua caixa de navegação ), no canto superior direito da página. Eles postaram uma explicação detalhada para fazer isso, incluindo referências a vários artigos de pesquisa e resultados de suas próprias pesquisas.

I “ll cite alguns trechos, mas recomendo que você leia o artigo inteiro:

Outro fator que pode ter influenciado as expectativas do usuário é o posicionamento comum dos recursos do mecanismo de pesquisa no canto superior direito da janela do navegador da web. Existem vantagens práticas em posicionar a pesquisa no canto superior direito …

… vários estudos de usabilidade apontaram uma vantagem importante de elementos de navegação serem colocados no direita: dá acesso imediato à barra de rolagem do navegador. Isso é particularmente valioso quando a) rolar para cima e para baixo uma lista de resultados de pesquisa, b) rolar para cima e para baixo em um artigo que você acabou de acessar para obter informações. div id = “d9c5c886eb”>

Além disso, eles estavam especificamente interessados em como o tamanho da caixa de pesquisa influenciava onde ela poderia ser e colocado na página.

A caixa de pesquisa antiga tem aproximadamente 20 caracteres de largura, a nova caixa de pesquisa acomoda 24 caracteres. Mais importante ainda, devido ao posicionamento da caixa de pesquisa antiga na barra lateral do layout, era impossível ampliar a pesquisa sem realocá-la ou alargar a barra lateral.

O posicionamento da caixa de pesquisa no canto superior direito nos permite para manter uma largura padrão fixa de uma página para a próxima, ao mesmo tempo que nos dá o máximo de flexibilidade quanto à largura que essa largura deve ter.

No caso de outros idiomas idiomas:

… não testamos a Wikipedia em inglês com outros idiomas que colocaram a caixa de pesquisa diretamente abaixo do logotipo, e reconhecemos que este posicionamento alternativo já é uma melhoria para atender às expectativas do usuário. No entanto, com base na pesquisa citada acima, bem como nos motivos de design para mover a caixa de pesquisa para o canto superior direito, ainda acreditamos que o caso geral para mover a pesquisa é convincente mesmo para esses idiomas, se um pouco menos.

Por último, um resumo:

Em suma, mudamos a caixa de pesquisa para a) corresponder às práticas da web e às expectativas do usuário, b) tornar possível ampliá-la de acordo com as recomendações de usabilidade comuns, c) em resposta a problemas reais observados nas cobaias ao usar a pesquisa antiga.

Também reconhecemos que milhões de usuários da Wikipedia se ajustaram ao antigo posicionamento e agora terão que se reajustar ao novo posicionamento. No entanto, a audiência global da Wikipedia cresce em dezenas de milhões de usuários a cada ano (atualmente é de 375 milhões de visitantes únicos / mês em todo o mundo), e esperamos aumentá-la em centenas de milhões nesta década. Isso exigirá que nos adaptemos às expectativas comuns do usuário, em vez de esperar que cada novo usuário se adapte a nós. Infelizmente, isso vai incomodar aqueles que se adaptaram à antiga colocação. Sabemos com certeza que essa é a decisão correta? Não, mas o fato de que os usuários existentes são temporariamente incomodados por ele não é indicativo de que não seja.

Resposta

Na minha opinião, a caixa de pesquisa à esquerda significa pesquisar uma entidade específica, como pesquisar um filme específico no boxofficemojo.com, e a caixa de pesquisa à direita significa pesquisar um recurso específico ou seção em um portal. A caixa de pesquisa deve estar no meio se “Pesquisar” for o recurso central (como os mecanismos de pesquisa) do aplicativo.

Se você não tivesse postado esses nomes para “Caixa de pesquisa à esquerda”, minha reação padrão seria foi que a caixa de pesquisa deve estar no lado direito, pois estou bastante acostumado a ver a caixa de pesquisa na seção superior direita de um site. A maioria dessas caixas de pesquisa são parte do cabeçalho e independentes da seção de conteúdo, por exemplo, este site .

Eu não diria que Youtube, Facebook e Gmail estão à esquerda, eles estão mais no meio. Um exemplo de caixa de pesquisa à esquerda seria BoxOfficeMojo

Resposta

Um voto a mais para esta questão devido à importância dos locais padrão para partes comuns da IU!

Este estudo publicado sobre rastreamento ocular de objetos comuns da web – incluindo pesquisa – encontrou menos fixações e pesquisas mais curtas momentos em que a pesquisa foi em um local típico. Para o campo de pesquisa, o efeito mais forte do movimento para longe do local típico foi em sites de comércio eletrônico em comparação com sites de notícias ou empresas.

Seus locais foram baseados na pesquisa em Modelos mentais para objetos da Web .

Eles pesquisaram 136 pessoas sobre a localização de objetos comuns da web, incluindo uma caixa de pesquisa, em sites de comércio eletrônico, sites de notícias e sites de empresas. O local de busca esperado dependia do tipo de site.

Na segunda parte do estudo, 516 participantes construíram uma IU de aplicativo da web colocando os objetos da web na tela.

Você pode ver os resultados acessando o link acima. “Tendências para o canto superior direito” é minha descrição dos resultados para o local da caixa de pesquisa.

Wichita State “s SURL publicou um tipo de estudo semelhante em 2002 para uma” página da web típica de comércio eletrônico “. A Figura 5 mostra o local de pesquisa esperado. Neste estudo, o local era o centro superior da página. [Eles seguiram isso em 2006 com outro] estudo ( http://psychology.wichita.edu/surl/usabilitynews/81/webobjects.asp ). As expectativas de alguns objetos da web mudaram entre 2002 e 2006. O local da pesquisa mudou do centro para o canto superior direito.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *