[Padrão de Uso] Busca avançada

por em Experiência do Usuário (1) comentário

Esse é o terceiro post da série sobre padrões de interação para aplicações complexas, iniciada nesse blog pelo Joca. O primeiro foi o Exploratório e o segundo,  Navegação em grandes conjuntos de dados.

Antes de mostrarmos os padrões, alguns pontos que merecem atenção quando falamos de busca:

  • Construir uma consulta de uma busca usando somente palavras-chave pode ser bem difícil dependendo dos dados;
  • Buscas que não retornam informações úteis podem ser frustrantes. Os usuários podem nunca mais voltar a seu site, ou pior, abarrotar seus canais de atendimento;
  • Mostrar atributos pode aumentar a probabilidade dos usuários chegarem ao conjunto de informações que eles procuram (algumas vezes compensa a falta de uma rotulação de conteúdo eficiente).
  • Normalmente os usuários assumem que a busca é baseada em linguagem natural;
  • Forneça exemplos de como pesquisar próximo à caixa de busca.

Para interações de busca avançada, temos os 4 padrões abaixo (continuando a numeração do post anterior):

13. Busca baseada em atributos: utilizado quando se tem um número menor de atributos (de 1 a 10) que podem ser usados para alcançar o resultado de busca desejado. Organize os campos na forma de formulário caso a quantidade de atributos seja grande.

Busca baseada em atributos

Busca utilizando apenas um atributo, que restringe a busca a um tipo de produto específico.

Busca baseada em atributos

Neste caso, com a quantidade maior de atributos, a organização dos campos é um ponto importante que deve ser bem pensado.

14. Busca baseada em contexto: se o número de atributos para escolher é muito grande – mais de 20 – a busca por atributos torna-se ineficiente.  Diminua o escopo da busca forçando o usuário a escolher antes um contexto onde deseja pesquisar e só depois apresente os atributos específicos.

Busca baseada em contexto

Para fazer a busca é preciso primeiro escolher o contexto desejado. Neste caso, será para livros (books). Apenas depois de escolher o contexto é que são mostrados os campos de atributos específicos para ele.

15. Refinamento do resultado usando atributos: quando a busca retorna uma grande quantidade de informação, o usuário pode selecionar alguns atributos para filtrar esse resultado. O ideal é utilizar controles apropriados ao conteúdo para o filtro de atributos.

Refinamento do resultado

Filtro de atributos para refinamento do resultado. Neste exemplo, pode filtrar por marcas ou tamanho dos sapatos.

16. Exibição do volume de conteúdo retornado: usado para controlar o volume dos dados sendo apresentados. Pode ser através de links que ajustam o layout da página para mostrar mais ou menos detalhes ou outros controles que ajustam o volume em si do conteúdo, apresentando mais ou menos informações.

Exibição do resultado

No exemplo acima, a forma de exibição é em lista e no exemplo abaixo, o mesmo resultado…

Exibição do resultado

… em tabela.

Volume de exibição do resultado

Neste exemplo o controle (dropdown) é utilizado para determinar a quantidade de informação que é mostrada no resultado: só o título da notícia.

Volume de exibição do resultado

E aqui, o título e um resumo.

O próximo post da série será sobre Entrada de Dados & Edição. Aguardem!