Orientações gerais

Após conferir as boas práticas gerais, é hora de aplicá-las em exemplos concretos no Letras.

Aqui, vamos complementar as definições gerais do Manual com novos conceitos específicos de textos para interfaces.

---

Boas práticas

Textos adaptáveis

Garanta que textos possam se adaptar facilmente em diferentes telas e dispositivos.

• Teste textos em diversos dimensões e tamanhos de tela - mobile e desktop.

• Use frases curtas e funcionais em todos os dispositivos.

• Opte por termos neutros, aplicáveis tanto para mobile quanto desktop:

✓ Abra o Letras para ouvir esta música.

✕ Abra o site do Letras para ouvir esta música.

Consistência em interfaces e funcionalidades

A consistência no texto ajuda os usuários a criarem familiaridade com o Letras. Os termos devem ser uniformes em todas as plataformas (desktop, mobile, app).

• As equipes de UX Writing e Product Design do Letras devem ter em mente as palavras usadas em cada contexto para que, quando preciso, sejam aplicadas em conformidade a todas as demais situações em que aparece.

• Defina claramente o uso de pronomes. Nós usamos Minha conta ou Sua conta?

• Mantenha a uniformidade em todos os contextos: Playlists populares, Músicas mais ouvidas... Sempre usar o mesmo termo caso o texto se refira à mesma rota, componente ou comportamento na interface.

Esse tipo de cuidado nos ajuda a reduzir a curva de aprendizado e entendimento do usuário, criando familiaridade e, por consequência, facilidade no uso e navegação.

Textos breves e diretos

UX Writing deve ser claro, curto e objetivo. Evite distrações ou confusões com textos desnecessariamente longos. Menos é mais! Foque na simplicidade.

• Remova palavras redundantes e escolha sempre as mais simples.

• Construa as frases para que sejam curtas e simples.

✓ Salvar alterações

✕ Clique aqui para salvar alterações

Textos acolhedores e encorajadores

Escreva textos que incentivem e acolham o usuário. Eles devem transmitir confiança e motivar ações positivas para que continuem navegando.

• Acolha novos usuários: Tudo pronto para começar!

• Dê feedbacks positivos: Boa escolha!, Muito bem!

• Crie mensagens incentivadoras: Quase lá!, Só mais um passo!

Mensagens de erro amigáveis

Mensagens de erro precisam ser claras, empáticas e informativas. O usuário deve ser informado, sempre que possível, sobre qual erro aconteceu e de quem é a "responsabilidade".

• Não culpe o usuário: explique brevemente o problema.

✓ Não encontramos resultados. Por favor, tente novamente.

✕ Erro na busca.

• Sugira claramente próximos passos para resolver o problema.

Confirmação de ações críticas

Para ações irreversíveis, devemos ser objetivos, claros e evitar qualquer ambiguidade. É importante deixar explícito a consequência dessa ação para o usuário.

✓ Deseja excluir esta playlist? Ela será removida da sua Biblioteca e não poderá ser recuperada.

✕ Deseja excluir esta playlist?

Uso correto de realces (negrito, itálico)

Realces ajudam a destacar informações-chave rapidamente, auxiliando na escaneabilidade da tela.

• No Letras, sempre usamos o negrito para informações variáveis e importantes.

• Use itálico para termos estrangeiros ou exemplos específicos, quando o Design System permitir essa aplicação.

• Evite abusar dos realces: priorize clareza e simplicidade visual.

Explore mais detalhes sobre o uso de realces nestas regras gerais do Manual.

---

Percebeu um erro, ficou com dúvida ou tem uma sugestão?

Contribua com o Kósmos preenchendo nosso formulário de contribuição — sua colaboração ajuda a tornar o Design System mais claro, útil e evolutivo.