Pular para o conteúdo

Estilo de escrita

O texto desempenha um papel importante nas interfaces do usuário. Reserve um tempo para garantir que qualquer texto usado seja escrito de forma clara, fácil de entender e tenha uma boa aparência.

Seu principal objetivo deve ser garantir que o texto seja fácil de entender e de leitura rápida.

  • Mantenha o texto curto e direto ao ponto. Isso melhora a velocidade de compreensão para o usuário. Também reduz a expansão do texto quando traduzido (lembre-se de que o texto traduzido em inglês pode expandir até 30% em alguns idiomas).
  • Não encurte o seu texto a ponto de perder o sentido. Um rótulo de três palavras que fornece informações claras é melhor do que um rótulo de uma palavra ambíguo ou vago. Tente encontrar o menor número possível de palavras para transmitir de forma satisfatória o significado do seu rótulo.
  • Use palavras, frases e conceitos familiares às pessoas que usarão seu aplicativo, em vez de termos do sistema subjacente. Isso pode significar o uso de termos associados às tarefas que seu aplicativo suporta. Por exemplo, na medicina, a pasta de papel que contém as informações do paciente é chamada de “gráfico”. Portanto, um aplicativo médico pode se referir a um registro de paciente como um “gráfico” em vez de um “registro de banco de dados do paciente”.
  • O texto deve adotar um tom neutro e falar do ponto de vista do software. Pronomes como “você” ou “meu” devem ser evitados sempre que possível. No entanto, se for impossível evitar referir-se a algo como pertencente ao usuário, “seu” é preferível a “meu”. Por exemplo, “Seus registros”.
  • Evite a repetição sempre que possível.

Usar texto de forma consistente e clara tanto na terminologia quanto no formato é uma parte extremamente importante do design do sistema e ajuda a aumentar a coesão geral da plataforma.

  • Estilo de escrita: Mantenha seu texto compreensível e consistente com o resto do sistema.
  • Capitalização: O quê, quando e onde capitalizar.
  • Pontuação: Evite erros comuns e siga as convenções.
  • Usando reticências: Quando, onde e por que usar reticências.
  • Nomeando itens do menu: Mantenha os menus claros e consistentes.

Use as seguintes regras para manter seu texto compreensível e consistente:

Não dê ao usuário um monte de texto para ler; uma frase longa pode parecer assustadora e pode desencorajar os usuários de realmente lerem suas mensagens. Em vez disso, forneça ao usuário um texto curto e conciso.

  • Ruim : parece que você não tem nenhuma música na biblioteca. Você pode usar Música para organizar suas músicas, adicionar mais e ouvir as músicas que você já tem. Para começar, clique no botão “Adicionar” e siga as instruções. Quando terminar, sua música será exibida aqui.
  • Melhor : Obtenha algumas músicas. Parece que a música não consegue encontrar seus contatos. [Botões para importar ou criar contatos]

Suponha que o usuário seja inteligente, mas não técnico. Evite palavras longas e incomuns e concentre-se no uso de verbos, substantivos e adjetivos simples e comuns. Nunca use jargão técnico.

  • Ruim : 37 arquivos de formato de áudio foram importados com sucesso para o banco de dados de músicas.
  • Melhor : 37 músicas adicionadas com sucesso.

Coloque as informações mais importantes no início do seu texto. Se o usuário parar de ler, ele ainda terá o que precisa em mente.

  • Ruim : sua conexão de rede pode estar desligada porque o Lingo não conseguiu encontrar nenhuma definição. Verifique e tente novamente.
  • Melhor : Nenhuma definição encontrada. Verifique sua conexão de rede e tente novamente.

A repetição pode ser irritante e adiciona comprimento desnecessário às suas mensagens.

A hierarquia visual ajuda os usuários a ler e compreender seu texto, além de saber o que é mais importante. Use títulos e outros estilos de texto apropriadamente.

  • Ruim: Nenhum arquivo está aberto. Abra um arquivo para começar a editar.
  • Melhor: Nenhum arquivo está aberto. Abra um arquivo para começar a editar.

Todos os itens textuais da interface do usuário, incluindo rótulos, botões e menus, devem usar um dos dois estilos de capitalização: caixa de frase ou caixa de título.

Letras maiúsculas na frase significam que você capitaliza como em uma frase ou frase padrão. Apenas a primeira letra da frase e a primeira letra dos nomes próprios são maiúsculos. Usado para rótulos e texto descritivo.

  • ex. “Sempre abra arquivos MPEG com Marlin” ao lado de uma caixa de seleção.
  • ex. “Ler feeds de notícias” para obter a descrição de um leitor RSS.
  • ex. “Esta pasta está vazia” em um gerenciador de arquivos.

A caixa do título significa que você capitaliza como o título de um livro ou artigo. No sistema operacional elementar, seguimos o estilo AP .

  • Use letras maiúsculas na primeira e na última palavra.
  • Capitalize todos os substantivos, pronomes, adjetivos, verbos, advérbios e conjunções subordinadas (como, porque, embora).
  • Capitalize todas as palavras com mais de três letras.
  • Não capitalize artigos, preposições ou conjunções com três ou menos letras. Usado para títulos, botões, menus e muitos outros widgets.
  • ex. Título “Abrir arquivo” em uma caixa de diálogo.
  • ex. “Excluir 13 músicas” em um botão.
  • ex. “Pesquisar contatos” em uma barra de pesquisa.
  • ex. “Nenhum vídeo aberto” em uma tela de boas-vindas.

Os nomes próprios devem sempre ser capitalizados corretamente; isso significa que, por exemplo, Google deve ser sempre mostrado como “Google” e MPEG deve ser sempre mostrado como “MPEG”. Uma grande exceção é “elementar”. Deve seguir as diretrizes da marca e sempre aparecer em minúsculas, mesmo no início de uma frase. Se você não tiver certeza de como um determinado pronome deve ser oficialmente maiúsculo, consulte a documentação do pronome em questão. Lembre-se de que essas são as regras que o sistema operacional básico segue para o inglês; a capitalização para outros idiomas deve seguir as convenções desses idiomas.


A tipografia adequada é importante em todo o sistema operacional elementar. Não apenas pela consistência dentro do sistema operacional, mas por seguir as convenções adequadas e nos apresentar como uma plataforma séria e profissional.

Usar ou não a pontuação final (como um ponto final em inglês) depende do contexto. Para rótulos secundários em .caixas de diálogo , use pontuação de terminação. Para cópia de uma única frase em dicas de ferramentas e outros contextos de esclarecimento, evite terminar a pontuação. Para cópia de várias frases em contextos de esclarecimento, use a pontuação de terminação padrão. Se houver rótulos de uma única frase no mesmo contexto (junto com rótulos de várias frases), a pontuação final pode ser usada para consistência. Para perguntas, sempre inclua pontuação final (ou seja, a em inglês).?

O caractere de reticências (…) é usado na interface por dois motivos principais: informar ao usuário sobre uma informação adicional necessária e informar ao usuário que o texto foi encurtado.

Uma reticência deve ser usada para permitir que um usuário saiba que mais informações ou uma ação adicional é necessária antes que sua ação possa ser executada. Normalmente, isso significa que o usuário deve esperar que um novo elemento de interface apareça, como uma nova janela, caixa de diálogo, barra de ferramentas, etc., na qual ele deve inserir mais informações ou fazer uma seleção antes de concluir a ação pretendida. Esta é uma distinção importante porque um usuário normalmente deve esperar uma ação instantânea dos botões e itens de menu enquanto isso os prepara para um comportamento alternativo. Mais especificamente, uma reticência deve ser usada quando a ação associada:

  • **Requer entrada específica do usuário. **Por exemplo, os comandos Localizar, Abrir e Imprimir usam reticências porque o usuário deve selecionar ou inserir o item para localizar, abrir ou imprimir. Uma maneira fácil de lembrar isso é pensar em uma pergunta que exige uma resposta: Encontrar o quê? Abrir o que? Imprimir o que?
  • **É executado em uma nova janela ou caixa de diálogo. **Por exemplo, Preferências, Relatar um Problema e Personalizar Barra de Ferramentas usam reticências porque abrem uma nova janela (às vezes outro aplicativo) ou caixa de diálogo na qual o usuário faz uma seleção ou insere outras informações. Considere que a ausência de reticências implica que o aplicativo tratará a ação imediatamente. Isso significa que o aplicativo irá gerar automaticamente um relatório ou personalizar sua própria barra de ferramentas. O uso de reticências faz a distinção importante de que o usuário escreverá o relatório ou selecionará quais itens da barra de ferramentas mostrar.
  • **Avisa o usuário sobre uma ação potencialmente perigosa. **Por exemplo, Logout, Reiniciar e Desligar usam reticências porque exibem um alerta que pede ao usuário para confirmar ou cancelar uma ação potencialmente prejudicial. Novamente, este é o usuário clicando em um botão ou item de menu que exige que ele insira mais informações ou faça uma seleção antes que a ação seja concluída.

As reticências devem ser usadas ao encurtar o texto que não cabe em nenhum lugar específico. Por exemplo, se o nome de uma lista de reprodução for maior do que o espaço disponível na barra lateral, trunque-o e use reticências para indicar seu truncamento. Existem duas maneiras de usar reticências ao encurtar o texto:

  • Fim do truncamento. Se o texto importante ou distinto estiver no início da string, trunque-o no final e acrescente reticências.
  • Truncamento médio. Quando o final do texto for mais importante ou distinto, trunque o texto no meio e substitua o texto truncado por reticências. Se você não tiver certeza, é melhor usar o truncamento no meio, pois ele mantém o início e o final da string intactos. Também é importante que você não envie seu aplicativo com nenhum texto truncado; o truncamento deve ser apenas o resultado de uma ação do usuário, como redimensionar uma barra lateral ou inserir um texto personalizado.
  • No texto do marcador de posição de uma entrada. Uma reticência não é necessária aqui e não adiciona nenhum valor.
  • Para um item de submenu. A seta para a direita já indica que esta entrada gera um submenu e não é uma ação. Certifique-se de usar o caractere de reticências (…) em vez de três pontos consecutivos (.).

Os itens de menu devem ter nomes que sejam ações ou locais, nunca descrições. Certifique-se de que os itens de menu sejam concisos, mas também descreva totalmente a ação que será executada quando eles forem clicados. “Encontrar na página …” é aceitável, pois descreve claramente a ação que será executada quando o item for clicado. “Software atualizado” não é aceitável. O que acontece se eu clicar neste item? Para onde isso vai me levar? O que vai fazer? O resultado é incerto.