# Páginas

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

- Resumo: Monte cada página como a página de um ator, a partir de um tipo do page kit, com uma página de detalhe por tabela.
- Status: Adotada, em 2026-10-02
- Princípios: Menos passos, Menos rolagem, Jeito único
- Superfícies: Tela
- Do inglês de 2026-10-02

## Quando usar

Use sempre que projetar, montar ou revisar uma página de interface, seja qual for a ferramenta que a monta.

## Quando não usar

Os steps de intake ficam em grid views da tabela, como explica [intake views](/pt-br/ux/product-and-ui/intake-views.md). Uma pergunta sobre um registro vai em um grupo do [detalhe](/pt-br/ux/product-and-ui/record-detail.md).

## Como funciona

### Dê a cada página um ator

Uma página é o trabalho de uma pessoa. A fila do operador e a visão geral do gestor são duas páginas, mesmo sobre uma tabela. As páginas do operador vêm primeiro na barra lateral.

Passa: toda página diz qual é o seu 1 ator, e a primeira página da barra lateral não é uma visão geral.

### Monte toda página a partir de um tipo do page kit

Escreva a pergunta do ator nas palavras dele e associe a um tipo. O tipo define o elemento, onde ficam as fatias, como os campos são ordenados e o que abre com um clique.

| Tipo | Pergunta que responde | Elemento |
|---|---|---|
| `overview` | Como estamos indo, e o que pede atenção? | dashboard |
| `queue` | O que eu faço agora? | lista |
| `board` | Em que pé está cada um? | kanban |
| `register` | Mostre todos | grade |
| `log` | O que aconteceu? | lista |
| `reference` | O que posso usar ou escolher? | lista ou galeria |
| `schedule` | O que acontece quando? | calendário ou linha do tempo |
| `review` | Aprove estes, um por um | revisão de registros |
| `gallery` | Qual é? (visual) | galeria |
| `custom` | Uma pergunta que nenhum tipo nativo responde dentro destas regras | código próprio |

Passa: toda página diz qual é o tipo dela, e a primeira página de cada tipo em uma interface é o modelo que a seguinte copia.

### Defina o escopo das linhas e depois fatie

O escopo guarda as linhas em que este ator pode agir. As fatias restringem mais. As linhas em que ninguém vai mexer saem do escopo ou ganham uma aba com o nome do que elas são, como `Parked`.

Passa: toda linha na primeira aba de uma fila tem uma ação que o ator pode fazer hoje.

### Use um mecanismo de filtro por página

Uma página usa abas ou dropdowns, nunca os dois. Veja [filtros](/pt-br/ux/product-and-ui/filters.md) para a ordem de cada um.

Passa: nenhuma página tem abas e dropdowns ao mesmo tempo.

### Mantenha uma página de detalhe por tabela

Toda página e toda pílula de vínculo abrem o mesmo detalhe de uma tabela, e todo elemento abre esse detalhe com um clique. Um segundo detalhe para a mesma tabela é uma falha, mesmo que pareça melhor.

Passa: toda tabela tem exatamente 1 página de detalhe.

### Junte as páginas que mostram as mesmas linhas

Duas páginas com as mesmas linhas e os mesmos campos são uma página com fatias.

Passa: nenhuma dupla de páginas do mesmo ator tem o mesmo escopo e os mesmos campos.

### Acrescente fatias quando uma pergunta pedir

A primeira versão de uma página tem o escopo e um estilo de fatia. Um dropdown, uma segunda página ou uma seção de dashboard entra quando aparece uma pergunta que a página não responde. Um ator com mais de quatro páginas provavelmente está ganhando uma página por desejo.

Passa: toda fatia, dropdown e seção diz qual pergunta a exigiu.

## Referências

O page kit e o processo da skill de interface são a fonte destas regras, e os dois foram feitos a partir do retorno do revisor. Nenhum guia externo foi encontrado para elas.