Toast (notificacao breve)

Mensagem temporaria que aparece de leve pra confirmar acao e some sozinha.

Hard

O que é

Toast e a mensagem leve e temporaria que aparece pra confirmar uma acao ou dar um aviso menor, e que some depois de alguns segundos sem exigir nenhuma interacao. Ela surge na borda da tela, no topo ou no rodape, sem bloquear o que a pessoa esta fazendo.

O toast e pensado pra informacao de baixa prioridade que merece uma confirmacao, mas nao uma decisao. Coisas como mensagem enviada, arquivo subido ou ajuste salvo. Ja um erro que trava o avanco, ou uma acao que pede escolha, pedem um alerta mais forte, nao um toast.

O tempo de exibicao importa bastante: ele precisa ficar visivel o bastante pra ler, mas curto o bastante pra nao acumular na tela. A pesquisa sugere algo entre 3 e 7 segundos, conforme o tamanho da mensagem. Em texto mais longo, vale deixar a pessoa fechar manualmente. E ele precisa ser anunciado pelo leitor de tela, com contraste e ARIA corretos.

Em uma frase

Depois de salvar a gente mostra um toast no rodape por uns segundos, sem travar o fluxo.

A pergunta que ele responde

Como confirmo que uma acao deu certo sem interromper o que a pessoa esta fazendo?

Quando usar

Faz sentido pra confirmar acao de baixa prioridade, como salvar, enviar ou subir arquivo.

Como não usar

O cuidado e nao usar toast pra erro critico ou decisao que precisa de resposta, e nao deixar a mensagem sumir rapido demais pra dar tempo de ler.

Na prática

Pense numa tela em que, depois de salvar, um toast escrito Salvo aparece no rodape por uns quatro segundos e depois some. A pessoa recebe a confirmacao sem ter o fluxo cortado.

Não confunda com

Vale separar toast de modal e de alerta. O toast some sozinho e nao bloqueia nada, enquanto o modal exige uma acao e trava a interacao ate ser resolvido. Ou seja, o toast avisa de leve, e o modal interrompe de proposito.

D

Em inglês

Toasts

Pronúncia

toust

Também chamado de

toast, notificacao breve, snackbar

Origem

n/a

Fonte

Saiba mais

Material Design, documentacao sobre Snackbars