Guia de decisão · 02

Notificação vs. Alerta

A resposta curta

Um toast é uma mensagem curta que não interrompe a tarefa. Um alerta fica ou interrompe porque não deve ser ignorado.

Use um toast para confirmar uma ação concluída. Use um alerta para falha, perigo ou escolha que precise de atenção imediata.

01

Veja o que cada padrão faz

Experimente cada exemplo. Depois leia sobre o trabalho para o qual ele foi feito.

Toast

Notificação toast

↗

Um toast é uma mensagem curta de status. Ele não bloqueia a página e costuma sumir sozinho.

V.Visualizar
Notificação toasttoast
Depois do salvamento automático, “Alterações salvas” aparece discreto em um canto e é anunciado uma vez.
Use-o quando
Use-o para uma confirmação de baixo risco que não precisa de resposta.
Não o use quando
Nunca o use para um erro importante ou instruções que as pessoas devem ler ou seguir.
Nome usado no código
role="status"
Abrir o guia completo
macOS Alert

macOS Alert

↗

Um macOS Alert é um diálogo do sistema para uma escolha importante, falha ou condição. A pessoa precisa notar e responder.

Exemplo trabalhado originalmacOS Alert
Fechar um documento não salvo pergunta se você quer Salvar, Cancelar ou descartar as mudanças. A opção mais segura é clara.
Use-o quando
Use-o apenas quando uma condição importante precisar de uma resposta ou escolha antes que a tarefa atual possa continuar com segurança.
Não o use quando
Evite mensagens comuns de sucesso, validação que dá para corrigir na hora e confirmações para coisas que podem ser desfeitas. Alertas repetidos ensinam as pessoas a ignorá-los sem ler.
Nome usado no código
AppKit NSAlert / SwiftUI alert
Abrir o guia completo
02

Comparação rápida

Padrão de UIMelhor paraNão paraNome usado no código
Notificação toastToast Use-o para uma confirmação de baixo risco que não precisa de resposta. Nunca o use para um erro importante ou instruções que as pessoas devem ler ou seguir. role="status"
macOS AlertmacOS Alert Use-o apenas quando uma condição importante precisar de uma resposta ou escolha antes que a tarefa atual possa continuar com segurança. Evite mensagens comuns de sucesso, validação que dá para corrigir na hora e confirmações para coisas que podem ser desfeitas. Alertas repetidos ensinam as pessoas a ignorá-los sem ler. AppKit NSAlert / SwiftUI alert
03

Antes de lançar

  1. 01

    Anote o que a pessoa precisa fazer.

  2. 02

    Teste o teclado, foco, toque, zoom, carregamento, estados vazio e de erro.

  3. 03

    Certifique-se de que as pessoas podem obter as mesmas informações sem passar o mouse ou movimento.

  4. 04

    Teste com conteúdo real em telas pequenas e grandes.

04

Pedido de comparação para copiar

Copie isso quando o seu time precisar de ajuda para escolher entre os padrões.

Escolha o melhor padrão de Notificação toast (Toast), macOS Alert (macOS Alert) para o nosso fluxo real de usuário. Use esta regra: Um toast é uma mensagem curta que não interrompe a tarefa. Um alerta fica ou interrompe porque não deve ser ignorado. Anote a tarefa, a quantidade de conteúdo e o custo de parar o fluxo. Teste o comportamento de teclado, toque, carregamento, erro e movimento reduzido. Explique sua escolha e depois construa a menor versão acessível com o sistema de design do projeto.

Copie você mesmo

O navegador não conseguiu copiar isso. Selecione a solicitação abaixo e copie você mesmo.