Nomeie o conteúdo de cada guia
As guias correspondem a áreas com o mesmo contexto; Páginas de níveis diferentes devem usar navegação.
Guias Sistema de projeto
Alternar entre áreas de conteúdo no mesmo nível.
Conteúdo do checklist
Progresso da revisão
01
Estrutura e significado
Compare as informações e a apresentação no contexto de uso.
02
Interação e usabilidade
Experimente a operação, altere o status e continue trabalhando.
03
Complete a experiência
Verifique se há detalhes que são fáceis de perder ao colocar o design em uso.
O progresso é salvo automaticamente neste navegador.
ORIENTAÇÕES
Como revisar
EXEMPLOS
Exemplos de uso
Nomeie o conteúdo de cada guia
Os detalhes do projeto incluem “Visão Geral”, “Membros” e “Atividades”.
Variantes e casos de uso
Destino e aba selecionada
Indicar a aba selecionada com um marcador ou posição e manter o rótulo claro sem depender da cor.
Alternar o tema e testar abas com rótulos longos: o indicador deve continuar associado ao conteúdo correto.
Exemplo A aba Faturas fica sublinhada quando o painel de faturas está visível.
Seu projeto
Há novidades
Alterações salvas
Seu projeto
Há novidades
Alterações salvas
Conteúdo carregado por aba
Manter carregamento e erros separados por aba; respostas de abas antigas não substituem o conteúdo atual.
Trocar rapidamente de aba com a primeira solicitação lenta: exibir somente a resposta da aba atual.
Exemplo Ao consultar Histórico, uma resposta atrasada de Visão geral não altera o painel.
Seu projeto
Há novidades
Alterações salvas
Foco, seleção e indisponibilidade
Distinguir foco da aba selecionada; abas indisponíveis devem ter uma razão fácil de encontrar.
Usar Tab e setas: o leitor de tela deve anunciar a aba selecionada corretamente.
Exemplo O contorno de foco pode estar em Relatórios enquanto Visão geral permanece selecionada.
Seu projeto
Há novidades
Alterações salvas