Rótulos de botão: por que "OK" é o texto errado e o que escrever no lugar

Um botão que diz OK faz as pessoas relerem a pergunta para descobrir o que OK significa. "OK, excluir?" ou "OK, deixa pra lá?" Um rótulo de botão deve nomear o que acontece quando ele é tocado, para que ninguém precise olhar para outro lugar. Aqui estão as quatro regras, cada uma reconstruída lado a lado, e seis trocas que você pode copiar.

Por que o OK falha

OK responde à pergunta na cabeça de quem o escreveu. O leitor tem que guardar o título na memória, reconstruir a frase com OK no final e decidir se é isso que quer. Em um diálogo destrutivo isso é um jogo de azar, porque os dois botões se parecem e o perigoso não diz que é perigoso.

O mesmo vale para Sim, Não, Enviar, Continuar e Confirmar. Todos são respostas a uma pergunta ou uma etapa genérica de formulário, não a coisa que vai acontecer. Quando o rótulo não carrega a ação, o título e o texto do corpo têm que carregar, e as pessoas tocam antes de ler.

A Apple diz isso em suas Human Interface Guidelines para alertas: use um título de uma ou duas palavras que descreva o resultado de selecionar o botão e prefira verbos e locuções verbais que se relacionem diretamente com o texto do alerta. Nosso paper sobre exemplos de mensagens de erro cobre as palavras ao redor do botão. Este aqui trata do botão em si.

Correção 1: diga o que ele faz

OK

Excluir

A pergunta tem um verbo, então o botão o toma emprestado. À esquerda, o botão preto OK é o que empurra as pessoas e não nomeia nada. À direita, o botão diz Excluir e é vermelho, então o rótulo e a cor concordam sobre o que está prestes a acontecer.

Copie o verbo direto do título. "Excluir esta foto?" recebe Excluir, e "Bloquear esta conta?" recebe Bloquear.

Se o verbo não couber, o título provavelmente está vago demais, então conserte o título.

Correção 2: abandone Sim e Não, mantenha Cancelar

Não / Sim

Cancelar / Sair

"Sair sem salvar?" seguido de Não e Sim é uma pequena armadilha. Não significa não, não saia, ou não, não salve? À direita, Cancelar é sempre o caminho de volta e Sair é o caminho para fora, então nenhum dos dois pode ser mal interpretado.

Sim e Não obrigam o leitor a mapear a resposta na frase. Cancelar é a única palavra genérica que vale manter, porque seu significado nunca muda: desistir, nada acontece. A orientação da Apple é a mesma: evite Sim e Não, e use sempre Cancelar no botão que cancela a ação.

Correção 3: nomeie o resultado

Enviar

Pagar R$ 24,00

Enviar descreve o que o formulário faz, não o que a pessoa faz. Pagar R$ 24,00 diz a ação e o valor, então o último toque antes de gastar dinheiro também é a última conferência.

O melhor rótulo muitas vezes carrega o objeto ou o valor: Enviar R$ 50, Criar conta, Ver fatura, Salvar rascunho. Isso importa mais nos momentos que custam algo, como pagar, enviar ou excluir, porque o botão é a última coisa lida antes do compromisso.

Correção 4: uma ou duas palavras

Cinco palavras

Duas palavras

Um rótulo que precisa de uma frase é sinal de que o diálogo acima dele não fez seu trabalho. Coloque as consequências no texto do corpo e deixe o botão só com a ação.

Rótulos curtos também sobrevivem à tradução e a telas pequenas. Um botão de cinco palavras em inglês vira um maior em alemão ou russo e começa a quebrar linha ou ser cortado. Duas palavras deixam espaço para crescer.

As seis trocas

Quando OK é correto

A Apple permite exatamente um uso: alertas informativos, em que não há nada a decidir e o único trabalho do botão é dispensar a mensagem. "Sua sessão terminou" com um botão OK está ótimo. Qualquer coisa com uma escolha deve ganhar um verbo. Mesmo em um alerta informativo, uma palavra mais específica como Entendi ou Entrar novamente pode ser melhor quando descreve o próximo passo.

O teste de cinco segundos

Cubra o título e o corpo e leia só os botões. Se a pessoa ainda consegue dizer o que cada um vai fazer, os rótulos estão certos. Se não consegue, o rótulo está se apoiando na pergunta para significar alguma coisa.

Rode isso em cada diálogo do seu produto, nos toasts e no botão único de cada formulário. Leva minutos e é a mudança de texto mais barata que uma equipe pode fazer. Para a escolha entre diálogo e sheet logo de início, veja modal vs bottom sheet.

FAQ

O que um botão deve dizer em vez de OK?

O verbo da pergunta. Um diálogo que pergunta "Excluir esta foto?" deve ter um botão que diz Excluir. OK só serve em um alerta que informa e não pede nenhuma decisão.

É ruim usar Sim e Não em botões?

Geralmente, sim. Eles fazem as pessoas mapearem a resposta de volta na frase e interpretarem errado, como em "Sair sem salvar?" Use um verbo para a ação e Cancelar para desistir. As diretrizes da Apple dizem para evitar Sim e Não em alertas.

Devo usar Cancelar ou Não?

Cancelar. Ele sempre significa desistir, e nada acontece. Não pode significar coisas diferentes dependendo de como a pergunta foi escrita.

Quantas palavras o texto de um botão deve ter?

Uma ou duas. Nomeie o resultado, como Excluir conta ou Pagar R$ 24,00, e coloque qualquer explicação no texto do corpo acima.

Por que Enviar é um rótulo de botão ruim?

Enviar diz o que o formulário faz, não o que a pessoa recebe ou gasta. Um rótulo como Pagar R$ 24,00, Enviar mensagem ou Criar conta nomeia o resultado e, quando importa, o valor.

O que a Apple diz sobre botões OK?

As Human Interface Guidelines da Apple dizem para evitar OK como título do botão padrão, a menos que o alerta seja puramente informativo, e para preferir verbos que descrevam o resultado do toque.

Fontes

• Apple Human Interface Guidelines, Alerts: um título de uma ou duas palavras que descreve o resultado de selecionar o botão, verbos e locuções verbais que se relacionam diretamente com o texto do alerta, OK apenas em alertas informativos, evitar Sim e Não, e Cancelar para intitular um botão que cancela a ação do alerta. Também diz para evitar OK como título do botão padrão, a menos que o alerta seja puramente informativo.
• Os diálogos e o resumo de pedido acima são exemplos nossos. As contagens de palavras, incluindo as cinco palavras de "Sim, excluir minha conta para sempre", são contadas a partir dos rótulos mostrados.
• Publicado originalmente como carrossel no UX Brainy.