Desfazer em vez de caixas de diálogo de confirmação: projetando uma interface de usuário menos disruptiva
Por que a rotina "Tem certeza?" as caixas de diálogo falham, quando uma confirmação ainda está correta e como criar notificações de desfazer que sejam claras, acessíveis e seguras.
Ponto principal
Use desfazer para ações que podem ser revertidas: execute a ação imediatamente e depois mostre uma mensagem curta e sem bloqueio com um botão Desfazer. Mantenha caixas de diálogo de confirmação para ações sérias e irreversíveis, como exclusão permanente ou grandes pagamentos, e torne-as específicas: nomeie o objeto e a consequência. A confirmação de ações rotineiras treina as pessoas a clicar em “OK” sem ler.
Por que as confirmações de rotina param de funcionar
A orientação de Nielsen Norman Group sobre caixas de diálogo de confirmação é clara: use-as antes de ações com consequências graves e não as use para ações rotineiras. Quando as pessoas veem a mesma caixa de diálogo muitas vezes, elas confirmam por hábito, e a caixa de diálogo para de evitar os erros que deveria detectar. O mesmo artigo recomenda desfazer sempre que possível, em vez de depender de um aviso.
Confirmar ou desfazer: uma regra simples
Faça uma pergunta: isso pode ser revertido? Se sim, aja e ofereça desfazer. Se não, confirme primeiro e torne a confirmação específica.
- Arquivar, mover, marcar como lido, remover de uma lista: agir agora, oferecer desfazer.
- Envie uma mensagem: muitos produtos atrasam o envio brevemente para que possa ser desfeito. Gmail permite que as pessoas escolham uma janela de desfazer de 5, 10, 20 ou 30 segundos.
- Excluir permanentemente, pagar, publicar publicamente: confirme primeiro, nomeando o item e o impacto (“Excluir 142 arquivos”).
- Melhor ainda: torne a exclusão reversível com uma lixeira ou período de recuperação e, em seguida, use desfazer.
Projetando a mensagem de desfazer
Material Design chama esse componente de snackbar: uma mensagem breve e minimamente interruptiva que pode conter uma única ação, ao contrário de um diálogo, que requer uma resposta. Escreva o que aconteceu em poucas palavras, coloque Desfazer como a única ação e mantenha-o na tela por tempo suficiente para que as pessoas reajam. Não esconda ações de desfazer importantes em mensagens que desaparecem em dois segundos.
Detalhes de acessibilidade
Brindes que desaparecem por conta própria podem ser perdidos por usuários de leitores de tela e pessoas que precisam de mais tempo. Anuncie a mensagem por meio de uma região ao vivo educada, permita que os usuários do teclado acessem o botão Desfazer, pause o cronômetro enquanto a mensagem é pairada ou focada e forneça outra maneira de reverter a ação, como uma lista de histórico ou lixeira.
Movimento para desfazer
Uma entrada curta e calma pela borda da tela e uma saída clara ajudam as pessoas a perceber a mensagem sem serem interrompidas. Quando Desfazer é pressionado, anime o item de volta ao lugar para que a reversão fique visível. Respeite as configurações de movimento reduzido com um fade simples.
Princípios-chave para lembrar
- Ações reversíveis: agir imediatamente e oferecer desfazer
- Ações graves e irreversíveis: uma confirmação específica que nomeia o impacto
- As confirmações de rotina são clicadas por hábito
- Torne as mensagens de desfazer acessíveis: região ativa, foco do teclado, tempo suficiente
- Anime a reversão para que as pessoas vejam que funcionou
Perguntas frequentes
Fontes
- Confirmation Dialogs Can Prevent User Errors — If Not Overused — Nielsen Norman Group
- Send or unsend Gmail messages — Ajuda Gmail
- Snackbar guidelines — Material Design 3