Guias práticos

Projetar filtros úteis para um catálogo ou diretório

Os filtros devem restringir uma decisão real. Controles extras sem dados confiáveis criam resultados vazios, rótulos inconsistentes e, às vezes, uma enxurrada de URLs de baixo valor.

Veja o método

Dois colegas comparando amostras de materiais com um catálogo digital filtrado

Escolha critérios que suportem decisões

Observe as perguntas que as pessoas fazem antes de escolher. Um diretório pode precisar de categoria, região e tipo de recurso; Um catálogo pode precisar de disponibilidade, tamanho ou uso. Adicione um critério somente quando as entradas relevantes carregam dados confiáveis.

Defina valores e sinônimos antes de publicar. Dois rótulos significam a mesma coisa de dispersão. Os Diretório da Web Mostra como as categorias, as entradas de pesquisa e explicativas podem funcionar juntas.

  • critérios vinculados a decisões.
  • Dados confiáveis sobre entradas relevantes.
  • Valores e sinônimos harmonizados.

Mostrar resultados e estado

Após uma seleção, mostre a contagem de resultados e os filtros ativos. As pessoas devem ser capazes de remover um critério ou redefinir todos. Um estado sem resultados deve explicar o que aconteceu e sugerir uma etapa razoável sem limpar silenciosamente as seleções.

Combinações de teste, retorno do navegador, alterações de categoria e pesquisa de texto livre. Os cartões precisam de títulos legíveis e informações essenciais, mesmo quando as imagens falham. Os Guia de pesquisa do site Abrange a jornada mais ampla.

  • Contagem e critérios visíveis.
  • Reinicialização simples.
  • Estado sem resultados explicado.

Suporta teclado e celular

Caixas de seleção, seleções e botões precisam de etiquetas claras, ordem lógica e foco visível. Se os resultados mudarem sem recarregar, anuncie a alteração sem interromper a leitura após cada tecla. No celular, verifique o painel do filtro e o espaço restante dos cartões.

Teste por teclado, com zoom alto e em telas estreitas. Um filtro compatível com o mouse ainda pode tornar impossível a remoção para um leitor de tela ou um usuário de telefone. Os Guia de acessibilidade Oferece um método de teste.

  • Controles nomeados e alcançáveis.
  • Mudanças de resultado perceptíveis.
  • Painel móvel utilizável.

Decida quais URLs merecem ser rastreados

Algumas seleções podem justificar páginas úteis e estáveis; A maioria das combinações não precisa de URLs indexáveis. Documente a decisão antes de gerar muitos parâmetros. Mantenha entradas individuais e uma lista principal completa acessível.

Os Recomendações do Google sobre navegação facetada Explique o custo dos espaços de URL quase infinitos. Controle as páginas vazias, as configurações repetidas e os links gerados após cada mudança de filtro.

  • URLs públicos escolhidos deliberadamente.
  • Entradas alcançáveis sem filtros.
  • Combinações vazias e duplicadas marcadas.

Conteúdo atualizado em 2 de outubro de 2026

Matriz de validação funcional para se adaptar ao projeto

Esses controles propostos usam casos fictícios. Decida qual comportamento é esperado com a equipe, anote o resultado e atribua discrepâncias não resolvidas antes da publicação.

Casos de teste, resultados esperados e evidências úteis
CasoResultado esperadoProva para guardar
Dois filtros incompatíveis ocultam todas as entradas.O estado vazio explica como ampliar a pesquisa e redefinir restaura o catálogo.Registre o URL, as etapas, o resultado e as evidências datadas.

Perguntas frequentes

E se as combinações de filtros não fornecerem resultados?

Mostre um estado vazio compreensível, filtros ativos e uma maneira de limpá-los. Preserve a consulta e mantenha as contagens consistentes. A ausência do catálogo não estabelece a ausência do mercado. Teste combinações contraditórias e reinicie.