Navegação
A barra lateral segue visão geral, entidades, filas e configurações, todo atalho abre o que diz, e todo número abre suas linhas.
Quando usar
Use na barra lateral de toda interface, em todo atalho ou link que abre outra página e em toda visão geral ou dashboard.
Quando não usar
Os nomes de página seguem nomes. Os tipos de página que uma interface tem estão em páginas.
Como funciona
Ordene a barra lateral com a visão geral primeiro, depois entidades, filas de trabalho e configurações
A visão geral vem primeiro. Depois vêm as entidades em que a pessoa trabalha, em seguida as filas de trabalho sobre elas, e as páginas de configurações ou de desenvolvedor ficam por último.
Passa: leia a barra lateral de cima para baixo. Nenhuma página de entidade fica abaixo de uma fila de trabalho, e nada fica abaixo das configurações.
O Stripe segue Home, Balances, Transactions, Customers, Product catalogue, depois o grupo Products, com Developers no fim.
A mesma barra lateral com Developers entre Customers e Product catalogue.
Abra exatamente o que o rótulo do atalho diz
Um atalho ou botão abre o destino que o rótulo nomeia, com o filtro que o rótulo promete. Um rótulo que não pode ser cumprido muda para o nome do que o atalho abre.
Passa: clique em cada atalho da página. Cada um chega à página, registro ou formulário que o rótulo nomeia, com o filtro do rótulo aplicado.
- Troque isto
- Who to contact today, abrindo um calendário mensal sem filtro
- Por isto
- Who to contact today, abrindo a fila do que vence hoje
- Troque isto
- Add a relationship, abrindo a página inicial de Relationships
- Por isto
- Add a relationship, abrindo o formulário de novo relacionamento
Ponha a visão geral na barra lateral e deixe todo número abrir as linhas dele
A visão geral tem uma entrada própria na barra lateral. Todo número nela abre os registros que ele conta.
Passa: abra a visão geral em 1 clique de qualquer página e chegue aos registros por trás de qualquer número em 2 cliques ou menos.
Mostre nomes, nunca ids
Um rótulo em um gráfico, um filtro ou uma lista mostra o nome da pessoa ou do registro. Um id numérico ou de registro nunca substitui um nome.
Passa: toda barra, item de legenda e opção de filtro da página se lê como um nome que uma pessoa reconhece.
- Troque isto
- Owner 3
- Por isto
- Ana Souza
Ponha uma busca no cabeçalho e deixe que ela encontre toda página e todo registro
A caixa de busca fica no cabeçalho de toda página e responde com registros e páginas, agrupados por tipo. Uma busca que cobre só um tipo manda a pessoa de volta para a barra lateral.
Passa: de qualquer página, digite o nome de um registro ou de uma página. O resultado abre em 2 cliques, caixa de busca incluída.
A busca no cabeçalho de toda página encontra registros, páginas e configurações.
Uma busca no cabeçalho que só encontra termos do vocabulário enquanto as páginas ficam em um menu separado.
Referências
A ordem da barra lateral copia o Stripe Dashboard: Home, Balances, Transactions, Customers, Product catalogue, depois um grupo Products com Payments, Billing, Reporting e More, e Developers no fim. A comparação de usabilidade de CRMs do revisor (2026-09-29/30) registra as outras barras laterais (comparação, linhas 1067 a 1101). Elas não concordam com o Stripe no meio da ordem. O Attio segue Home, Tasks, Notes, Emails, Calls, Reports, Sequences e Workflows antes de Companies, People e Deals, então as listas de trabalho dele vêm antes das entidades. O folk começa com Search, Notifications, Messages, Tasks e Dashboards e põe os grupos de contatos por último. Todos põem uma visão geral ou a busca primeiro. Entidades antes de filas de trabalho é a ordem que escolhemos, copiada do Stripe. A própria comparação pede “Move CRM Overview from Get Started into the sidebar.” e “Expose CRM Contact History beside Follow-ups.”
As outras três regras não têm captura de tela. Nos atalhos, a comparação conclui que “All four shortcuts open the wrong destination for their label.” (comparação, linha 1405) (os quatro atalhos abrem o destino errado para o rótulo). Who to contact today abria um calendário mensal sem filtro, e Add a relationship abria a página inicial de Relationships (comparação, linhas 1403 a 1433). A comparação observa “The today shortcut lost its filter query.” e pede “Rename CRM Send a proposal if it only opens Deals.”
Na visão geral, a comparação pede “Add Overview to the sidebar.”, copiando a entrada Home do Attio, para “open the overview in 1 click from any CRM page” (comparação, linha 1967). Ela pede “Add View contributing data.” e “reach the records behind a metric in ≤2 clicks” (comparação, linha 1968), o que o Attio faz (comparação, linhas 1950 a 2018).
Nos nomes, a comparação pede “Show seller names instead of numeric IDs.”, para que “each bar label must identify a person” (comparação, linha 1971). O nome do exemplo acima é inventado.
A busca no cabeçalho é copiada da busca no topo da barra lateral do Dashboard da Stripe, presente em toda tela. A regra foi adicionada depois da autoauditoria deste guia, em que a busca do cabeçalho devolveu um termo do vocabulário para a palavra “capitalization” e nenhuma página.