Diálogo (dialog)

Janela que interrompe o fluxo pra confirmar uma ação, avisar de algo crítico ou pedir uma resposta imediata.

Hard

O que é

Diálogo é aquela janelinha que aparece por cima da tela e exige atenção na hora. Diferente de uma notificação passiva, ele trava o resto da interface até a pessoa responder, e é justamente por isso que ele é tão potente quanto perigoso, porque usado demais vira interrupção que irrita.

Um bom diálogo é curto, com a mensagem clara e as opções óbvias. O caso em que ele mais ajuda é confirmar uma ação destrutiva, como excluir uma conta, já que ali ele evita um erro sem volta. Mas ele também precisa ser acessível, ou seja, navegável por teclado e legível por leitor de tela, senão acaba prendendo a pessoa em vez de ajudar.

Em uma frase

Vamos colocar um diálogo de confirmação antes de excluir a conta, porque essa ação não tem volta.

A pergunta que ele responde

Quando devo abrir uma janela de confirmação em vez de só deixar a ação acontecer?

Quando usar

Ajuda em ações com consequência séria ou irreversível, e em avisos que a pessoa realmente não pode deixar passar batido.

Como não usar

O cuidado é disparar diálogo pra qualquer coisa. Quando tudo interrompe, a pessoa para de ler e clica em qualquer botão só pra se livrar da janela.

Na prática

Pense em clicar pra excluir um projeto e ver abrir um diálogo perguntando 'Confirma a exclusão?', com as opções Cancelar e Excluir. Esse pequeno passo a mais é o que reduz o apagão acidental.

Não confunda com

Vale separar diálogo de notificação. A notificação informa sem travar nada, enquanto o diálogo bloqueia e exige uma resposta antes de você seguir. Um avisa de canto de tela, o outro fecha a porta até você decidir.

D

Em inglês

Dialogs

Pronúncia

dái-a-lóg

Também chamado de

dialog, modal, caixa de diálogo, pop-up de confirmação

Origem

n/a

Fonte

Saiba mais

Material Design, documentação sobre dialogs