Como criar botões de cancelar seguros
Descubra como projetar botões de cancelar que evitam frustração e melhoram a usabilidade em interfaces de usuário.
Botões de cancelar podem parecer simples, mas são cruciais em momentos críticos da jornada do usuário. Eles devem oferecer uma maneira fácil de interromper um processo, descartar mudanças ou voltar atrás em uma ação, sem causar frustração ou perda de confiança.
Botões de cancelar devem ser projetados para garantir que os usuários se sintam no controle ao cancelar, deletar ou retornar a um estado anterior.
O que são botões de cancelar?
Botões de cancelar permitem que usuários interrompam ações destrutivas, como deletar dados. Mal projetados, podem causar experiências negativas ao perder dados acidentalmente.
Botões de cancelar vs. botões de fechar
Botões de fechar ocultam elementos, enquanto botões de cancelar eliminam dados, tendo consequências mais severas. Botões de fechar são para esconder algo; botões de cancelar, para se livrar de algo permanentemente.
Como deve ser um botão de cancelar?
Botão de cancelar vs. link de cancelar
Escolha entre botão ou link de cancelar conforme as expectativas do usuário. Botões executam ações; links navegam para páginas onde ações podem ser canceladas.
Cancel buttons são como outros botões (quase)
Botões excelentes são claros, acessíveis e esteticamente agradáveis. Devem ter tamanho adequado, espaçamento, contraste de cor, e uma cópia de UI discernível.
Cor do botão de cancelar
Botões de cancelar devem ser laranja ou vermelhos para indicar ações destrutivas. A maioria dos cancelamentos é apenas levemente destrutiva e deve ser neutra.
Design de botões de cancelar é sobre fricção
Fricção pode reduzir erros de usuários. Deve-se encontrar um equilíbrio entre rapidez na execução de tarefas e prevenção de erros.
Limpando entradas
- Adicionar um diálogo de aviso ao cancelar ou sair de uma página/tela/modal
- Opção de salvar progresso para completar o formulário mais tarde
- Salvar automaticamente entradas e filtros não sensíveis
Deletando dados e cancelando assinaturas
Ao deletar dados ou cancelar assinaturas, ofereça confirmações por e-mail ou senha para segurança. Considere opções como desativar contas ao invés de deletar permanentemente.
Acessibilidade em botões de cancelar
Embora as diretrizes de acessibilidade não falem sobre botões de cancelar especificamente, elas recomendam revisar/confirmar ações de usuários para evitar perda de dados ou funcionalidade.
Conclusão
Os botões de cancelar devem ser claros, mesmo que levem a fricções, para evitar ações acidentais dos usuários. Pequenas ações, como cancelamentos, podem ter um grande impacto nos objetivos de negócios.
Se tiver algo a acrescentar, deixe um comentário abaixo. Obrigado por ler!
