Filtros

Controles que deixam quem usa estreitar um conjunto grande de itens até o que interessa.

Hard

O que é

Filtro é o que transforma uma lista enorme em algo navegável. Numa loja, num streaming ou num banco de dados, ele deixa a pessoa cortar por preço, cor, tamanho ou nota e chegar rápido ao que procura, sem precisar rolar até o fim ou começar uma busca nova.

Em design, o filtro é uma peça de descoberta. Quando ele falta, a pessoa se perde no volume e acaba abandonando. O cuidado mora em como você agrupa, nomeia e mostra as opções, porque tudo isso precisa bater com o jeito que quem usa pensa o conteúdo.

A acessibilidade entra com força aqui. O filtro precisa ser navegável por teclado, legível por leitor de tela e ter rótulo claro. Quando o agrupamento fica confuso, ele acaba excluindo gente e atrapalhando a tecnologia assistiva.

Em uma frase

A gente precisa de filtro por faixa de preço aqui, ninguém acha nada nessa lista enorme.

A pergunta que ele responde

Como ajudo a pessoa a achar o que quer numa lista com itens demais?

Quando usar

Ajuda em qualquer tela com volume grande de conteúdo, onde a pessoa precisa estreitar as opções pra conseguir decidir.

Como não usar

O cuidado é não empilhar opção demais, rótulo vago ou categoria redundante, porque isso confunde mais do que ajuda.

Na prática

Pense numa busca de produtos onde a pessoa marca uma faixa de preço e uma marca. Com isso, a lista de mil itens cai pra uns doze relevantes, e a decisão fica possível.

Não confunda com

Vale separar filtrar de ordenar. Filtrar tira de cena os itens que não servem, encurtando a lista. Ordenar mantém todos os itens, só reorganiza eles por um critério, como preço ou data. Um corta o que sobra, o outro arruma o que ficou.

D

Em inglês

Filters

Pronúncia

n/a

Também chamado de

filtros, filtragem, refinamento

Origem

n/a

Fonte

Saiba mais

Nielsen Norman Group, artigo sobre filtering e refinamento de busca