Snackbar

Mensagem curta que aparece na base da tela, confirma uma ação e some sozinha.

Hard

O que é

Snackbar é um aviso leve que surge na parte de baixo da tela pra confirmar uma ação ou um evento. Ele fica por alguns segundos e desaparece sozinho, sem pedir nada em troca. Mensagens como “Arquivo salvo” ou “Mensagem enviada” dão o retorno sem tirar a pessoa do que ela estava fazendo.

O lugar dele é o meio-termo entre dois outros componentes. O diálogo interrompe e exige clique, e a notificação de sistema persiste fora do app. O snackbar fica entre os dois, porque é visível, informa e some sem bloquear nada, em geral em algo como três a seis segundos.

Ele pode carregar uma ação única, como um “Desfazer” logo depois de apagar algo. Mais do que isso já desvirtua o componente. E, pra ser justo com quem não enxerga, ele precisa ser anunciado pelo leitor de tela, senão essa pessoa perde o retorno.

Em uma frase

Depois de salvar, mostra um snackbar de confirmação com a opção de desfazer.

A pergunta que ele responde

Como confirmo uma ação sem travar a pessoa com um pop-up?

Quando usar

Funciona pra confirmar uma ação simples sem interromper o fluxo, às vezes com a opção de desfazer.

Como não usar

O cuidado é empilhar várias ações no snackbar ou usá-lo pra um erro grave que exige decisão, porque esse caso pede um diálogo.

Na prática

Pense em apagar um item de uma lista. Aparece um snackbar com "Item removido. Desfazer" por uns cinco segundos, e depois ele some por conta própria.

Não confunda com

Vale separar o snackbar do diálogo. O diálogo interrompe a pessoa e exige uma resposta antes de continuar. O snackbar só avisa e some sozinho, sem travar o fluxo. Por isso o diálogo serve pra decisão, e o snackbar pra confirmação leve.

D

Em inglês

Snackbars

Pronúncia

snék-bar

Também chamado de

snackbar, toast, mensagem rápida

Origem

Material Design (Google).

Fonte

Saiba mais

Material Design, documentação sobre snackbars