Páginas

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. Uma pergunta sobre um registro vai em um grupo do detalhe.

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 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.