Indique o significado do emblema
Um ponto colorido não é suficiente para explicar o status a todos.
Distintivo Sistema de projeto
Adicione quantidade ou status sem invadir o conteúdo principal.
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.
O progresso é salvo automaticamente neste navegador.
ORIENTAÇÕES
Como revisar
EXEMPLOS
Exemplos de uso
Indique o significado do emblema
O botão “Notificações” tem o nome de acesso “3 notificações não lidas”.
Variantes e casos de uso
Contador numérico
Informar o que está sendo contado e definir uma regra de exibição para números grandes.
Testar 0, 1 e 120: ocultar ou abreviar deve preservar um nome acessível completo.
Exemplo Exibir 99+, mantendo o nome acessível 120 notificações não lidas.
Combine a cor com um número ou rótulo.
Indicador de atualização
Um ponto indica mudanças quando não é necessário informar uma quantidade específica.
Verificar se o indicador de atualização pode ser distinguido do estado online.
Exemplo O ponto na aba Perfil acompanha o rótulo Há informações para verificar.
Combine a cor com um número ou rótulo.