Resultados específicos do estado
As informações que precisam ser decididas ou corrigidas devem ser mais longas que o brinde.
Brinde Sistema de projeto
Feedback curto após ação sem bloquear o trabalho.
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
Resultados específicos do estado
“3 itens movidos para arquivo” com o botão “Desfazer”.
Variantes e casos de uso
Ações rápidas
Oferecer uma ação útil na notificação breve quando for possível corrigir ou continuar imediatamente.
Acionar Desfazer pelo teclado antes de a notificação desaparecer: o estado anterior deve ser restaurado.
Exemplo Após arquivar um documento, a notificação oferece Desfazer.
Alterações salvas
Alterações salvas
Alterações salvas
Ícone de estado
O ícone identifica o resultado, mas o texto deve explicar qual tarefa ocorreu.
Ocultar o ícone e ler a mensagem: deve continuar possível distinguir salvamento concluído de envio malsucedido.
Exemplo Rascunho salvo aparece com um indicador de confirmação.
Alterações salvas
Por favor, verifique as informações.
Posição que não cobre ações
Colocar a notificação em um local visível sem cobrir o botão principal, o teclado ou a área em leitura.
Abrir o teclado e a navegação móvel: a notificação deve continuar legível.
Exemplo A notificação fica acima da barra de abas móvel, respeitando a área segura.
Alterações salvas
Tempo de exibição
Oferecer tempo suficiente para ler; mensagens que exigem ação ou têm botão não devem desaparecer cedo demais.
Focar a ação: o prazo para fechar deve pausar ou deve ser possível consultar a mensagem novamente.
Exemplo A notificação de desfazer permanece enquanto o botão Desfazer estiver com foco.
Alterações salvas
Um aviso breve que não interrompe a tarefa.