Títulos e Botões

• Títulos:

  Devem ser claros, informativos e diretos. Use verbos no imperativo quando o objetivo for guiar uma ação do usuário (Ex: "Confirme seu pagamento").

• Boas práticas:

  • Títulos devem contextualizar o que o usuário encontrará.
  • Evitar títulos longos ou vagos.
  • Usar verbos de ação nos botões para incentivar o usuário.

• Botões:

  • Devem ser diretos, com no máximo 3 palavras, e usar verbos no infinitivo (Ex: "Salvar", "Enviar").

• Exemplo Prático:

  • Botões do Spotify ou Google Drive (claros e objetivos).

• Checklist Prático:

  1. O botão é direto?
  2. O título informa claramente o que o usuário deve fazer?

Links e Descrições

• Links:
  • Devem ser claros sobre para onde levarão o usuário. Evitar links genéricos como "Clique aqui".
• Descrições:
  • Devem ter no máximo 50 caracteres de largura e ser objetivas.
  • Usar descrições claras em tooltips e rodapés para contextualizar o usuário.
• Exemplo:
  • Descrições do Google Calendar para guiar o usuário no preenchimento de campos.

Estado Vazio e Onboarding

• Estado Vazio:

  Textos que aparecem quando não há conteúdo em uma tela. Devem guiar o usuário sobre como prosseguir.

• Onboarding:

  1. Usar frases curtas e claras.
  2. Fornecer instruções passo a passo, usando bullets para facilitar a leitura.

• Exemplo:

  • Slack e Notion têm onboarding eficazes com mensagens claras e concisas.

Links úteis: Padrões de Texto no Contexto da UI - ZeroHeight

Este artigo explora os padrões de escrita para interfaces de usuário (UI). Ele detalha como estruturar títulos, botões, links e descrições de forma eficaz, com exemplos visuais práticos. Uma fonte para entender como o texto se integra à experiência visual e funcional dos produtos.