Títulos, descriptions e botões

Essas são, geralmente, as principais informações textuais de uma tela, uma vez que costumam ser as primeiras a serem lidas. Por isso, é preciso garantir certa consistência.

Lembre-se: um título pode ter diferentes funções, a depender do tipo de interface e do objetivo da tela. Por isso, sua forma de grafia pode ser distinta. 😉

---

Boas práticas gerais

Títulos, subtítulos e descriptions são elementos essenciais para organização visual e contextual de uma interface. Eles devem orientar rapidamente o usuário sobre o conteúdo e ações possíveis.

• Use títulos curtos e objetivos que indiquem claramente a proposta do conteúdo.

✓ Pagamento

✕ Escolha sua forma de pagamento

• Descriptions precisam ser diretas e fornecer informações adicionais relevantes para auxiliar o usuário a prosseguir.

• Já os botões, ao indicarem uma ação com o clique ou toque, devem transmitir uma expectativa clara do que virá a seguir.

• Pense com a lógica das palavras-chave: esses elementos devem usar bastante!

Títulos

• Em interfaces com um tom mais voltado para uma comunicação de marketing, os títulos sempre devem estar no imperativo, iniciando com verbos como:

✓ Escolha, Toque, Pratique, Aproveite, Faça.

• O título é, também, um elemento de navegação. Caso o usuário se perca no fluxo, recorrer ao título para se situar de onde está na interface é um dos primeiros caminhos a serem tomados.

• Use c.A.b (caixa-Alta-baixa) para redigir títulos:

✓ Músicas populares

✕ Músicas Populares

Os títulos são fundamentais para a escaneabilidade e compreensão rápida das interfaces.

Descriptions

• As descriptions são usadas somente quando necessário! Elas devem trazer informações adicionais que só o título não dá conta.

• Elas também podem ser usadas para reforçar alguma mensagem com outras palavras ou trazendo argumentos que somam à ideia central do título.

Use as descriptions com sabedoria! Elas são ótimas aliadas para um ux writer que precisa descrever sua ideia em forma de texto.

Botões e CTAs

Botões e links são textos interativos que guiam diretamente o usuário a realizar ações. Precisam ser claros, concisos e intuitivos.

• Textos de botões devem usar verbos no infinitivo:

✓ Salvar, Criar conta, Explorar artistas, Ver Lista, Ir para Billie Eilish.

• Use verbos curtos e fuja de verbos ambiguos.

✓ Baixar cifra

✕ Fazer download

• Evite textos genéricos na construção de botões e hiperlinks:

✕ Clique aqui, Saiba mais, Ok, Avançar

• Seja consistente no estilo dos textos dos botões e hiperlinks em toda a interface.

Escolha um termo único para ações repetidas em todo o produto e padronize estes termos em todos os lugares. O segredo é a consistência!

A clareza e objetividade em botões e links garantem uma ação intuitiva e efetiva do usuário!

---