Melhor pesquisa de UX por meio de microcópia

É difícil exagerar a importância da pesquisa na web. A pesquisa é tão antiga quanto a própria Internet e, em alguns aspectos, ainda mais antiga. Uma pesquisa bem projetada beneficia você e seus usuários; aumenta as conversões, reduz as taxas de rejeição e melhora a experiência do usuário.

A pesquisa é especialmente importante em sites de grande escala e experiências de comércio eletrônico, onde a maior parte da receita vem de sessões orientadas por pesquisa. Estudos mostram que até 50% dos usuários vão direto para a barra de pesquisa interna de um site e que 15% preferem usar a função de pesquisa para navegar no menu hierárquico. Isso significa que, apesar de todo o amor e cuidado necessários para determinar a arquitetura de informações de um site, o mesmo deve ser feito para projetar a experiência de pesquisa.

Para complicar o problema, há o fato de que as habilidades de pesquisa dos usuários são frágeis, na melhor das hipóteses, e incompetentes, na pior. Obter bons resultados de um mecanismo de pesquisa geralmente requer várias tentativas e reformulações, o que os usuários raramente fazem. E à medida que a tecnologia de pesquisa melhora ao longo do tempo, os usuários estão cada vez mais propensos a aceitar os resultados de uma pesquisa como a resposta à sua pergunta, mesmo que sua consulta tenha falhas. Os usuários que preferem as pesquisas tendem a se mover rapidamente, examinando a página em busca daquele retângulo de aparência familiar e saltando rapidamente quando não encontram o que estão procurando.

Comunicar-se com esses usuários “em velocidade” é um trabalho complicado que requer uma ferramenta especializada: a microcópia. O nome 'microcópia' desmente sua própria importância. Pode ser pequeno, mas os grandes sucessos muitas vezes dependem disso. É um lugar onde a voz pode brilhar, onde boas impressões são feitas e onde a utilidade e a marca se cruzam. Com isso em mente, vamos mergulhar nas muitas maneiras pelas quais a microcópia e a contextualização podem melhorar muito uma experiência de pesquisa.

Colocando e rotulando sua pesquisa

De acordo com a Lei de Jakob, seu primeiro instinto ao projetar uma barra de pesquisa deve ser colocar uma caixa retangular no canto superior direito ou esquerdo. Você deve adicionar um rótulo ou um texto de espaço reservado compatível com A11y e incluir um botão de envio que diz “Pesquisar”.

Ocultar a barra de pesquisa atrás de um link, renunciar ao texto de espaço reservado ou optar pelo CTA do ícone de lupa em vez de texto simples são todas decisões de design válidas no contexto certo. Apenas certifique-se de não abstrair a função da barra de pesquisa desnecessariamente porque pesquisar já tem um custo de interação maior do que navegar.

Cada barreira, por mais inconsequente que você possa achar como designer, corre o risco de afetar negativamente o UX e seus resultados. Se houver o risco de seus usuários confundirem o ícone da lupa com um botão de “zoom”, você deve mitigar isso.

Texto do espaço reservado

O texto do espaço reservado é um ótimo lugar para aprimorar a experiência. Pode ser informativo, pode ser um lugar para a expressão da marca e pode levar os usuários vacilantes na direção certa. Sempre que vejo uma barra de pesquisa que diz apenas "Pesquisar", vejo uma oportunidade perdida.

Então, qual é a melhor abordagem? Varia de site para site. Primeiro, familiarize-se com suas metas de negócios, sua marca e os hábitos existentes de seus usuários. Então, considere como você pode ser o mais útil.

Empurre o usuário

Uma abordagem sugestiva pode reduzir a ansiedade do usuário. Indique aos seus usuários que eles podem pesquisar de várias maneiras, especialmente se eles não estiverem familiarizados com toda a sua gama de produtos ou serviços. A ASOS sugere buscar inspiração além de produtos e marcas:

Seja informativo

Diga ao usuário exatamente o que ele receberá quando clicar em enviar. No Shutterstock, um site totalmente dedicado à busca de um enorme arquivo de fotos, este texto de espaço reservado funciona inteligentemente como um slogan quando combinado com o logotipo:

Reforce a marca

A barra de pesquisa da Home Depot não guia o usuário, mas apresenta um tom útil e pessoal que tenho certeza que está de acordo com as diretrizes de voz da marca. Esta é provavelmente a melhor abordagem considerando o tamanho do catálogo de produtos:

Como usar os logs de pesquisa a seu favor

Se você não tiver certeza da melhor maneira de otimizar o texto do espaço reservado, um bom lugar para começar é o banco de dados de log de pesquisa. Aprender a detalhar esses resultados pode ser incrivelmente valioso ao formular um design de conteúdo útil. Você poderá ver em primeira mão o vocabulário que as pessoas usam para pesquisar em seu site e, mais importante, as lacunas entre o que você oferece e o que seus usuários estão procurando.

Pesquisas sugeridas, relacionadas e recentes

Durante o processo de pesquisa, sua cópia deve oferecer o máximo de ajuda possível ao longo do caminho, sem ser arrogante. Isso inclui tudo, desde um botão óbvio “Cancelar” ou “Limpar” até registrar as pesquisas recentes de cada usuário para aparecer mais tarde. Ao escolher a microcópia certa para acompanhar esses recursos, adicione uma pitada de molho marrom.

Sugestões automáticas

Os usuários que usam a barra de pesquisa estão fazendo isso porque estão procurando algo específico, o que torna as sugestões automáticas uma ferramenta valiosa (e cada vez mais esperada). A especificidade, neste caso, pode ser tão focada quanto “Sapato cinza feminino tamanho 9M” ou tão aberta quanto “Lojas de sanduíches perto de mim”.

As sugestões automáticas também reduzem o risco de retorno de resultados ruins, aliviam o esforço mental do usuário e apresentam uma oportunidade de exibir seus produtos mais populares.

Muitas vezes, eles não exigem contexto ou cópia adicional, mas podem ser listados abaixo da barra de pesquisa conforme o usuário digita, conforme mostrado no exemplo acima.

pesquisas relacionadas

Mostrar pesquisas relacionadas na página de resultados é outra maneira de ajudar a orientar os usuários sem atrapalhar. Um padrão comum é fornecer algumas palavras-chave clicáveis ​​relacionadas à consulta original acima dos resultados. Uma pequena cópia que diz “Outros usuários pesquisados” é uma boa maneira de incorporar a prova social na experiência de pesquisa.

pesquisas recentes

Se sua tecnologia permitir, salvar e refazer pesquisas recentes é outra maneira útil de reduzir a carga de memória do usuário. Certifique-se de adicionar contexto com cópia, mas pode ser tão simples quanto isto:

Manipulando resultados

Há duas cópias que considero necessárias ao exibir os resultados da pesquisa:

1. A própria consulta.
   Se a barra de pesquisa estiver altamente visível, ela poderá ser exibida aqui. Você também pode criar um H1 que indique "Resultados para {{terms}}".
2. O número de resultados.
   Se os resultados forem paginados, você também poderá incluir o número de páginas.

Sem resultados

Seja por seu próprio erro, os usuários inevitavelmente encontrarão uma página “sem resultados” em algum momento. Felizmente, existem maneiras de lidar com isso com elegância; na verdade, com a abordagem correta, esse beco sem saída pode ser uma grande oportunidade para a descoberta de conteúdo.

Em primeiro lugar, não espere que seus usuários refinem sua pesquisa se não obtiverem resultados – pelo menos não sem uma interface do usuário que a incentive. Os usuários relutam em reformular sua consulta e têm problemas ao tentar. Eles são mais propensos a se envolver com qualquer informação que lhes seja apresentada e levá-la a partir daí, ou abandonar completamente a tarefa. (Quando foi a última vez que você clicou na segunda página dos resultados de pesquisa do Google?)

Dito isso, é fácil ver como um pouco de redação e contextualização pode melhorar a experiência. O Nielsen Norman Group tem um guia abrangente sobre como lidar com SERPs sem resultados, com a essência sendo:

• Deixe claro que não há resultados.
  É fácil ficar fofo e acidentalmente enterrar o lede. Também é tentador ocultar intencionalmente a mensagem “sem resultados” para ofuscar completamente o erro. De qualquer forma, não engane o usuário.
• Ofereça caminhos a seguir.
  Sugira maneiras de refinar a consulta de pesquisa (como verificar sua ortografia) e também forneça links para conteúdo ou produtos populares que tenham maior probabilidade de se conectar com o usuário.
• Acerte o tom certo.
  Use a voz da sua marca, mas não corra o risco de exacerbar a situação com humor que pode ser mal recebido por um usuário frustrado.

Além disso, lembre-se de que SERPs vazios podem surgir porque um usuário enviou erroneamente sem inserir nenhuma consulta. Você também deve ter um plano de conteúdo para esse cenário, em vez de retornar todos os itens do banco de dados, por exemplo.

Empacotando

Escrever uma boa experiência de pesquisa se resume a reflexão. Como designers, provavelmente já usamos e criamos centenas de diferentes experiências de pesquisa na web, então passamos rapidamente pelo processo. Mas quando consideramos cada pequena etapa do processo (cada microinteração e cada caso extremo), as pequenas alterações que fazemos podem ter um grande impacto na experiência. Da próxima vez que você encontrar uma solução visual para um problema de pesquisa, considere usar suas palavras.

Leitura adicional no SmashingMag:

• Como executar um workshop de planejamento de conteúdo
• Como a redação pode se beneficiar da pesquisa do usuário
• Projetando as palavras: por que a cópia é uma questão de design
• Como lidar com conteúdo redundante, desatualizado e trivial ROT