O que o botão Cancelar faz exatamente? Ele descarta a tela atual do usuário e os traz de volta ao seu anterior. Os usuários confiam nesse botão de desprezo como uma proteção para evitar que façam alterações indesejadas no sistema.
Para que seus usuários se sintam seguros, o botão Cancelar deve significar um recuo à segurança, e não uma chamada à ação. É por isso que os botões Cancelar nunca devem ter uma cor.
Uma cor neutra para um botão neutro
Cor nos botões sinaliza uma chamada à ação. Um botão Cancelar não é um call to action porque nenhuma alteração no sistema ocorre depois que ele é pressionado. Portanto, você nunca deve enfatizá-lo com cores, senão você dará aos usuários essa impressão. Em vez disso, eles devem ter a impressão de que nenhuma mudança ocorre e que o botão é o seu compromisso de escape.
O botão Cancelar deve ter uma cor neutra para indicar o botão neutro, sem compromisso. Quando os usuários perceberem que o botão Cancelar está sem cor, eles o reconhecerão como o substituto para a segurança mais rapidamente. Isso é essencial para os usuários que ativam uma tela de confirmação por engano e querem uma fuga rápida.
Quando cada botão de uma tela tem uma cor, eles estão competindo por atenção. Isso faz com que os usuários ponderem cada ação por mais tempo. Um botão Cancelar colorido neutro torna mais rápido para eles decidirem por não competirem. Os usuários que estão preparados para agir não se distrairão com o botão Cancelar.
“Cancelar” tem muitos nomes
Nem todos os botões Cancelar são rotulados como “Cancelar”, mas funcionam da mesma maneira que um. Por exemplo, um botão Cancelar pode ter o rótulo “Não agora”, “Não, obrigado”, “Talvez mais tarde” ou “Ignorar”, dependendo do contexto. Se o botão tiver um comportamento desdenhoso, você deve tratá-lo como um botão Cancelar porque ele serve a mesma função.
Quanto mais botões houver em uma tela, mais necessária será uma fuga clara. Quando todos os botões tiverem uma cor, a fuga não é clara. Mas quando o botão Cancelar é de cor neutra, torna as opções de botões mais intuitivas.
Um cinza escuro o suficiente
Ao usar o cinza em um botão, é importante deixar o cinza escuro o suficiente. Caso contrário, o botão não é legível e pode parecer que está em um estado desativado.
Para garantir que o seu botão seja legível, verifique o contraste das cores com uma ferramenta de relação de contraste WCAG 2.0, tal como o Verificador de Contraste . Isso informará se o cinza que você está usando transmite as diretrizes de acessibilidade para cores.
Neutralize seus botões de cancelamento
Na maioria das vezes, quando os usuários ativam uma tela de confirmação, eles estão prontos para executar uma ação. Mas, nos momentos em que eles o ativam por engano ou mudam de ideia sobre a ação, o botão Cancelar precisa oferecer segurança.
Um botão Cancelar colorido envia o sinal errado. Isso faz com que os usuários percebam isso como uma chamada à ação, em vez de um retorno à segurança. Neutralize seus botões Cancelar para que os usuários tenham mais controle e liberdade ao usar seu aplicativo.