Este guia de estilo foca em criar notificações e mensagens de brinde para a interface do usuário de um produto. Esses elementos desempenham um papel crucial na comunicação de ações-chave, status e resultados aos usuários. Uma notificação bem escrita ou mensagem de despedida melhora a experiência do usuário ao fornecer clareza, orientação e informações acionáveis.
Princípios Fundamentais
| Princípio | O que isso significa |
|---|---|
| Clareza primeiro | Escreva mensagens curtas e diretas que transmitam imediatamente o propósito. Evite jargão técnico ou linguagem complexa. |
| Consistência | Use o mesmo tom, formatação e estrutura em todas as notificações. Siga o mesmo vocabulário para ações repetidas (por exemplo, "salvo", "atualizado", "falhou"). |
| Relevância | Adapte as mensagens ao contexto da ação. Exiba apenas mensagens que sejam significativas para o fluxo de trabalho do usuário. |
| Orientado à ação | Use verbos para indicar o resultado da ação ou os próximos passos. Garanta que os usuários saibam o que fazer a seguir caso sejam necessárias ações adicionais. |
Tipos de notificação
Notificações de sucesso
Confirme que uma ação foi concluída com sucesso (por exemplo, upload de arquivos, configurações salvas, conteúdo publicado).
- "Mudanças salvas com sucesso."
- "O artigo foi publicado."
Notificações de erro
Informe os usuários sobre ações falhadas ou erros do sistema. Explique claramente o que deu errado e dê orientações para resolver o problema.
- "Falhou em enviar o arquivo. Certifique-se de que ele atenda ao limite de tamanho."
- "Importação de domínio falhada. Verifique o formato do arquivo e tente novamente."
Notificações de aviso
Alerte os usuários sobre possíveis problemas ou riscos antes de prosseguirem. Ajude os usuários a evitar erros irreversíveis.
- "Você está prestes a deletar uma categoria. Essa ação não pode ser desfeita."
Notificações informativas
Forneça atualizações não urgentes ou informações gerais (por exemplo, atualizações de recursos, anúncios, confirmações de salvamento automático).
- "Suas mudanças estão sendo salvas automaticamente."
Nota: O limite de caracteres para notificações dentro do app é 80, incluindo espaços em branco.
Mensagens de Brinde
Definição: Mensagens de brinde são notificações curtas e transitórias que aparecem brevemente em um canto da interface. Eles normalmente são usados para atualizações não críticas.
Melhores Práticas
| Diretriz | O que fazer |
|---|---|
| Seja breve | Limite as mensagens a 1–2 frases. |
| Use o tempo presente | Descreva a ação ou resultado de forma concisa no presente. |
| Evite sobrecarregar | Inclua apenas detalhes essenciais. Não encha a mensagem com informações demais. |
| Descarte automático | Mensagens de 'toast' devem desaparecer após alguns segundos, a menos que a ação seja crítica e exija reconhecimento do usuário. |
Exemplos
- "Artigo salvo como rascunho."
- "1 arquivo enviado com sucesso."
- "Comentário deletado."
O que fazer e o que não fazer
| Do | Não faça isso |
|---|---|
| Use uma linguagem clara e concisa. | Escreva mensagens longas ou excessivamente detalhadas. |
| Explique o que aconteceu ou o que vem a seguir. | Deixe os usuários em dúvida sobre o resultado. |
| Use um tom amigável e conversacional. | Soe robótico ou excessivamente formal. |
| Adapte a mensagem à ação realizada. | Use mensagens genéricas ou irrelevantes. |
Diretrizes de Formatação
| Diretriz | Exemplo |
|---|---|
| Comece pelo resultado ou ação | "O artigo foi arquivado com sucesso." |
| Caso de frase de uso | Coloque em maiúscula apenas a primeira palavra e os próprios nomes. |
| Evite pontuação excessiva | Use um único ponto no final. Evite pontos de exclamação, a menos que esteja comemorando o sucesso. |
| Use números para especificidade | "3 arquivos enviados com sucesso." |
Notificações Comuns e Mensagens de Toast
Mensagens de sucesso
- "Configurações atualizadas com sucesso."
- "2 usuários importados com sucesso."
- "Link de redefinição de senha enviado para seu e-mail."
Mensagens de erro
- "Não foi possível salvar as mudanças. Por favor, tente novamente."
- "Esse nome de categoria já existe. Escolha outro nome."
- "Não publicou o artigo. Verifique sua conexão com a internet."
Mensagens de aviso
- "Você tem mudanças não salvas. Quer sair sem salvar?"
- "Deletar esta categoria também excluirá suas subcategorias e artigos."
Mensagens informativas
- "Rascunho salvo automaticamente às 10h35."
- "Você tem acesso limitado a esta página."
Checklist para Notificações de Escrita e Mensagens de Brinde
- A mensagem é clara e concisa?
- Isso explica o resultado ou os próximos passos?
- É específico para a ação do usuário?
- Ele segue as diretrizes de tom e estilo?
- Está livre de jargão técnico?