Padrões de texto UX

Bárbara Ramos Atualizado por Bárbara Ramos

Padrões de texto UX

Os padrões de texto UX incluídos aqui formam um conjunto básico do que quase toda experiência deve utilizar.

Títulos

O título é um rótulo que indica os níveis mais altos de hierarquia na arquitetura da informação. Frequentemente são os primeiros e únicos textos lidos pelos usuários em uma experiência.

Botões e outros textos interativos

Botões ou quaisquer outros textos interativos são aqueles com os quais o usuário interage tocando, clicando ou falando para seguir para o próximo passo. Algumas vezes são chamados de links, calls to action (cta) ou comandos, mas independentemente de executar uma ação, conduzir o usuário à próxima tela ou abrir outra página, consideramos todos eles juntos nesse padrão.

Descrições

Ajudar a seguir adiante na experiência sabendo o que esperar, estabelecer a marca e reduzir a responsabilidade. Uma descrição é um trecho do texto informativo, algumas vezes denominado corpo do texto.

A maior parte dos textos descritivos somente alcança seu objetivo se eles forem lidos mas descrições costumam ser ignoradas. Se o texto descritivo for necessário, deve ser o mais fácil possível de ser usado.

Estado Vazio

Criar expectativas e entusiasmo enquanto indica que o espaço vazio é intencional.

O texto do estado vazio pode ser tão simples quanto uma única linha ou tão complexo quanto um título, uma descrição ou um botão.

Rótulos

Minimizar os esforços necessários para compreensão da experiência.

Rótulos são sintagmas nonimais e adjetivos que descrevem ou nomeiam coisas. São usados para indicar secções, categorias, status, progresso, quantidade ou unidade.

Controles

Informar aos usuários sobre a extensão e o estado de possíveis customizações.

O texto do controle precisa combinar com seus possíveis estados. Por exemplo, uma caixa de seleção indica afirmação quando está maracada e negação quando está demarcada. Se o nome escolhido não tiver um significado claro tanto na afirmativa quanto na negativa, ele não funcionará com a caixa da seleção.

Campos de entrada de texto

Ajudar os usuários a fornecer informações precisas.

A melhor maneira de ajudar os usuários a fornecer dados precisos é preenchendo previamente o campo com a informação adequada. Isso economiza o tempo dos usuários e dá a eles a oportunidade de corrigir a informação quando ela estiver errada. Entretanto, esse artifício funciona somente quando a experiência conhece essas informações e sabe que muito possivelmente não serão corrigidas.

Texto de transição

Confirmar que uma ação está em andamento.

Quando uma experiência "trava" ou é adiada enquanto uma ações é processada, é cortês informar ao usuário que sua espera não é em vão. Assim como uma pessoa em um balcão de atendimento diria "Um momento enquanto vou buscar", uma experiência digital também pode usar texto de transição para indicar que recebeu uma solicitação e que será necessário aguardar um instante.

Mensagem de confirmação

Garantir aos usuários que o progresso ou os resultados esperados estão concluídos.

Mensagens de confirmação garantem aos usuários que os processos ocultos estão concluídos. Permitem que a experiência continue enquanto outros sistemas trabalham.

Gostou da nossa documentação? Avalie abaixo 👇

Como a gente se saiu?

Heurísticas de Usabilidade

Contato