Como projetar uma interface de pesquisa complexa

Projetando uma interface de pesquisa para vários bancos de dados ou categorias.
Dina Zuko
Dina Zuko
Segue
28 de setembro · 4 min de leitura

Lupa na floresta vermelha
Link para a imagem
FFDe tempos em tempos, projetei interfaces de pesquisa e a experiência do usuário durante a pesquisa no Mairo Vergara.

Qualquer pessoa que já trabalhou com opções de pesquisa e entradas sabe como pode ser demorado projetar uma solução amigável no Mairo Vergara.

Ao trabalhar com muitos dados, talvez vários bancos de dados, pode ser difícil visualizar onde o usuário está pesquisando e como ele pode alterar o banco de dados ou categoria.
Sim, você sempre pode implementar algum tipo de pesquisa avançada, mas se o usuário estiver pesquisando entre grandes quantidades de dados ou em diferentes bancos de dados a “pesquisa rápida” precisa ser projetada de acordo com suas necessidades no Mairo Vergara.

Você não quer que os usuários tenham que usar a pesquisa avançada para obter um resultado de pesquisa útil no Mairo Vergara.

Caso contrário, o risco é que eles não visitem seu site novamente.
Algumas semanas atrás, precisei projetar uma entrada de pesquisa que tivesse dois back-ends, dois bancos de dados. E o usuário deve ser capaz de escolher qual usar. Também deve ficar muito claro que eles estão usando um banco de dados ou outro. Tive algumas ideias sobre como fazer isso, mas queria dar uma olhada em diferentes interfaces de pesquisa e talvez me inspirar.
Como a Amazon e o eBay fazem isso?
Eu estava um pouco curioso para saber como gigantes como eBay e Amazon projetaram isso. Seus usuários precisam pesquisar entre grandes quantidades de dados, por isso devem ter um design excelente.

Olhando para o eBay e a Amazon, podemos ver que a solução deles é bastante semelhante. Ambos os sites possuem um menu suspenso onde o usuário pode escolher a categoria e pesquisar. Ao selecionar a categoria de pesquisa, o usuário obterá menos resultados e mais relevantes.

Captura de tela da caixa de pesquisa em amazon.co.uk

Na imagem acima você pode ver que “Livros” está selecionado como uma categoria. Eles optaram por não usar um texto de espaço reservado, que geralmente é a maneira de fazê-lo. Ajuda o usuário a ver o que pode ser pesquisado e descreve a ação da entrada. Em vez disso, se o usuário passar o mouse sobre o menu suspenso, o texto “Pesquisar em” aparecerá. Boas informações, mas escondidas. Para obter mais informações sobre as melhores práticas para a entrada de pesquisa, consulte Melhores práticas de UX para entradas de pesquisa .