Aprenda / UI/UX para quem programa

IntermediárioAula 13 de 1614 min0% da trilha

Copywriting de interface (microcopy)

'Erro ocorreu' não ajuda ninguém — o texto de uma interface também é uma decisão de design, não só de conteúdo.

É comum tratar o texto de botões, erros e estados vazios como "detalhe que qualquer um preenche depois". Mas esse texto — chamado de microcopy — é parte do design tanto quanto cor e espaçamento: ele é a última coisa que confirma (ou não) se a pessoa entendeu o que vai acontecer antes de agir.

Texto de botão específico

Um botão com texto genérico como "Enviar" ou "OK" exige que a pessoa releia o contexto ao redor pra ter certeza do que vai acontecer ao clicar. Um texto específico como "Salvar alterações" ou "Criar conta" elimina essa incerteza — a ação e o resultado ficam claros só de olhar o botão, sem depender do resto da tela.

Genérico
Enviar
Específico
Publicar artigo

Mensagem de erro que orienta a próxima ação

"Erro ocorreu" ou "Algo deu errado" informa que existe um problema, mas não dá nenhuma pista do que fazer a respeito — a pessoa fica travada. Uma boa mensagem de erro nomeia o problema em termos que fazem sentido pra quem usa (não um código técnico interno) e sugere o próximo passo.

Não orienta
Erro ocorreu. Tente novamente.
Orienta a próxima ação
Esse e-mail já está cadastrado — tente entrar ou recuperar sua senha.

Estado vazio que orienta em vez de só constatar

Um estado vazio dizendo apenas "Nada aqui" ou "Nenhum resultado" descreve a situação, mas não ajuda a pessoa a sair dela. Um bom texto de estado vazio orienta a próxima ação concreta: "Você ainda não tem nenhum projeto — crie o primeiro pra começar", com um botão logo abaixo já apontando pra essa ação.

Exercício

Uma tela de configurações tem um botão "Enviar" que na verdade salva as preferências de notificação do usuário, e um estado vazio de "Nenhuma notificação" numa central de notificações vazia. Reescreva os dois textos seguindo os princípios desta lição.

Quiz rápido

Por que um texto de botão específico como 'Salvar alterações' é preferível a um genérico como 'Enviar' ou 'OK'?
O que uma boa mensagem de erro deveria fazer além de avisar que algo deu errado?