# Filtros

Fonte: /pt-br/ux/product-and-ui/filters.md

- Resumo: Uma barra de filtros e uma barra de abas, na mesma ordem em toda página, com pessoas e organizações encontradas pela busca.
- Status: Adotada, em 2026-10-02
- Princípios: Menos passos, Máxima intuição, Jeito único
- Superfícies: Tela
- Do inglês de 2026-10-02

## Quando usar

Use em toda lista, board, grade ou qualquer tela em que a pessoa restringe as linhas.

## Quando não usar

Uma página de detalhe de registro não tem filtros. Uma fila cujo escopo já contém só as linhas deste ator pode dispensar fatias.

## Como funciona

### Escolha abas ou dropdowns para cada página

Escolha um mecanismo por página. Use abas quando a pessoa trabalha por faixas de tempo, e dropdowns quando ela filtra por responsável, data ou tipo.

Passa: nenhuma página mostra ao mesmo tempo uma barra de abas e dropdowns.

### Ponha a barra de filtros na mesma ordem em toda página

A barra segue Owner, Created, a data de ação da página (`Due date`, `Close date`, `Last activity`), o select do domínio (`Stage`, `Status`) e depois no máximo dois dropdowns do domínio.

Passa: em duas páginas com dropdowns lado a lado, as barras começam com os mesmos filtros na mesma ordem.

A barra de filtros acima de um board de negócios.

Faça: A barra segue Owner, Create date, Last activity, Close date e depois More.

Não faça: Os mesmos filtros, com Close date primeiro nesta página e Deal owner primeiro na próxima.

### Comece a barra por Owner

Owner é o vínculo com Membership e vem primeiro, para a pessoa ficar só com as próprias linhas em um clique.

Passa: Owner é o primeiro filtro de toda barra.

O filtro de responsável em uma lista de pessoas.

Faça: O Pipedrive abre o filtro de responsável em Everyone e marca o nome da própria pessoa com (you).
Imagem: /ux/sources/pipedrive-people-owner-filter.webp

Não faça: A mesma lista de responsáveis, sem nada que indique qual nome é o da própria pessoa.

### Encontre organizações e pessoas pela busca

Uma lista com centenas de itens se resolve com busca. Organization e Person nunca são dropdowns: a pessoa chega a elas pela caixa de busca do elemento e pelo escopo da página.

Passa: nenhum dropdown em nenhuma página lista organizações ou pessoas.

Encontrar um contato em uma lista longa.

Faça: Uma caixa de busca, Search name, phone, email, fica ao lado dos filtros rápidos.

Não faça: O filtro Company do Quo é um dropdown que lista todas as empresas.
Imagem: /ux/sources/dont-quo-company-dropdown.webp

### Ponha a barra de abas na mesma ordem em toda página

As faixas de tempo vêm em uma ordem: `Overdue`, `Today`, `This week`, `Next week`, `No date`. Uma aba por estado, como `Parked`, vem depois das abas de tempo.

Passa: toda página com abas usa esses nomes nessa ordem.

Abas em uma lista de atividades.

Faça: O Pipedrive segue To-do, Overdue, Today, Tomorrow, This week, Next week.
Imagem: /ux/sources/pipedrive-activities-tabs.webp

Não faça: A mesma lista com abas chamadas Open e Other.

### Deixe os critérios ativos visíveis, com um reset ao lado

Todo filtro ou ordenação em uso aparece na barra, com o valor, e um reset fica ao lado. Resetar muda só a view.

Passa: com qualquer filtro aplicado, a pessoa lê todos os critérios ativos na barra e limpa todos em 1 clique sem sair da página.

Uma lista com um filtro aplicado.

Faça: O filtro ativo aparece como um chip com um x, e Clear all fica ao lado.

Não faça: O Apollo mantém os filtros ativos dentro de um painel, com só uma contagem de 2 no botão.
Imagem: /ux/sources/dont-apollo-filters-panel.webp

## Referências

A ordem da barra de filtros vem das tabelas de filtros da comparação (comparação, linhas 846 a 947): o responsável primeiro, depois a data de criação, a data de ação da página e o select de domínio, com um controle More para o resto.

A barra de abas vem da lista de atividades do Pipedrive, que segue To-do, Overdue, Today, Tomorrow, This week, Next week e Select period. Mantivemos Overdue, Today, This week e Next week e acrescentamos No date. A lista de pessoas do Pipedrive mostra o filtro de responsável em Everyone.

A regra do reset mostra o filtro ativo como um chip com um x e Clear all ao lado. A comparação de usabilidade de CRMs do revisor (2026-09-29/30) pede "Keep CRM filter reset visible beside the active criteria." (comparação, linha 867) e "Show the active stage/company criteria and a clear reset" (comparação, linha 1756). Para ordenações, ela pede "Expose the active rules." com "Pass: active field/direction is visible beside reset, and resetting changes only the view." (comparação, linha 2624).

O retorno do revisor dá o motivo para uma busca em um lugar só: "all or the search components are different, in different places, in different sizes".

### Fontes

- [Pipedrive activities, time-bucket tabs](https://mobbin.com/screens/84f0062e-5138-41f9-8d99-cceeb5dce13c)
- [Pipedrive people, owner filter](https://mobbin.com/screens/c79b21bc-2aa0-4a39-a02e-56c3546012e7)
- [Quo contacts, Company dropdown](https://mobbin.com/screens/47388651-040f-433b-b457-595f4e4cb71d)
- [Apollo people, filters panel](https://mobbin.com/screens/3b311315-8752-4261-86c8-34bd9ad610de)
