Palavras e ações: um guia para microcópia

Publicados: 2022-03-11

Dê uma olhada em uma interface digital. O que se destaca? As cores? A iconografia? As fotos espalhafatosas? Certo. Mas se todas essas coisas desaparecessem, o que aconteceria com o design?

Ainda funcionaria.

Como isso é possível? Palavras. Eles fornecem 95% das informações comunicativas que precisamos. Remova-os e o design é inútil.

Estranhamente, os especialistas em design ainda tratam a cópia do UX como uma reflexão tardia, especialmente quando se trata de microcópia, os pequenos trechos de texto que ajudam os usuários a encontrar o que precisam em uma interface. Quando executados mal, rótulos de botões, mensagens de erro, dicas de interface do usuário e frases de chamariz podem destruir até mesmo o design mais elegante.

Escolher as palavras certas remove a ambiguidade e aumenta a confiança em uma interface – um componente-chave da conversão.

Microcópia no Squarespace.
O Squarespace usa microcópia para ajudar os usuários a encontrar um modelo de site apropriado.

Design prospera em palavras

Como designers, trabalhamos duro para criar interfaces intuitivas e fáceis de navegar.

Nós nos esforçamos para reduzir o atrito e ajudar os usuários a fazer o que eles pretendem fazer, mas não podemos permitir que a intensidade de nossos esforços inflar nossos egos. Nenhum design se explica perfeitamente. Precisamos de palavras para preencher a lacuna entre nossas intenções de design e a realidade das interações do usuário.

Escrever microcópias não precisa ser uma tarefa longa e árdua. Designers que trabalham sem o benefício de um experiente redator de UX na equipe simplesmente não têm tempo para trabalhar com cada escolha de palavras. Mas eles podem recorrer a um punhado de princípios fáceis de usar que levam a uma microcópia clara e convincente.

1. Escreva frases simples e rápidas

Texto demais. É uma loucura clássica de muitos aplicativos e sites. Queremos que os usuários saibam tudo o que achamos que eles precisam saber, e esquecemos que a maioria das pessoas simplesmente não terá tempo para ler parágrafos densos. O problema se intensifica com interfaces móveis e cenários de integração, onde a atenção do usuário é mais baixa. A solução?

Solteiro. Rápido. Frases.

Pergunte: “Como posso dizer tudo o que precisa ser dito da maneira mais sucinta possível, mas ainda assim interessante?” Corte todo o cotão, recuse-se a se contentar com frases com mais de 8 palavras e não se esqueça de ser ágil. Snappy é memorável, econômico, energizado e, em alguns casos, rítmico.

Cópia UX na Atlassian. Clique para ver a imagem em tamanho real.
É uma pergunta ou uma discussão? A Atlassian emprega frases curtas para ajudar os usuários a decidir como envolver outros membros da comunidade.

2. Evite jargões

O amplo conhecimento de domínio facilita a introdução de jargões técnicos em nossos projetos, mas essas palavras e frases são becos sem saída para a maioria dos usuários. Rapidamente esquecemos: o conhecimento interno e a nomenclatura de uma empresa não significam nada para os clientes.

Palavras pequenas e diretas falam mais alto do que palavras grandes e importantes, mas o jargão ainda consegue se infiltrar em nossas interfaces. Para combater esse problema, teste a microcópia com os usuários.

Sem orçamento? Peça a amigos e familiares para dar uma olhada e não forneça uma cartilha de antemão. Quando o texto faz sentido para quem não tem conhecimento interno, ele está pronto para ser lançado.

Práticas recomendadas de escrita de UX.
Mesmo uma pequena mudança na redação pode tornar a microcópia mais fácil de entender.

3. Combine imagens com palavras

O impacto de elementos de design visual como fotos, ícones e ilustrações não está em questão. As imagens são processadas mais rapidamente pelo olho humano e têm a capacidade de transmitir ideias com brevidade e nuances que as palavras não conseguem igualar.

Mas a interpretação das imagens varia muito em comparação com as palavras. Cultura, idade, sexo, status socioeconômico e uma série de outros fatores tornam as imagens difíceis de traduzir. Algumas palavras bem escolhidas podem fornecer clareza instantânea.

Dicas de escrita de UX. Clique para ver a imagem em tamanho real.
Os símbolos mais comuns são vulneráveis ​​a interpretações errôneas. Quando os usuários passam o mouse sobre os ícones de navegação do Walmart, os rótulos são revelados.

4. Seja atual e humano

Em sua época, o Assistente de Instalação do Windows 95 era uma maravilha de se ver, mas um quarto de século se passou e não é mais uma referência das melhores práticas de UX. Microcópias que viajam no tempo com frases como “Pressione 'Próximo' para iniciar a instalação” ou “Clique em um dos botões abaixo” é uma oportunidade de engajamento desperdiçada.

Isso não significa que a microcópia precisa soar como se tivesse sido escrita por algum influenciador adolescente do YouTube. Sê fresco. Seja autêntico. Só não seja preguiçoso.

Cópia criativa no assistente de instalação do Windows 95. Clique para ver a imagem em tamanho real.
Embora datadas de hoje, as instruções do Assistente de Instalação do Windows 95 correspondiam à alfabetização digital do momento.

5. Orientar os usuários na segunda ou primeira pessoa

Uma rápida atualização para aqueles de nós que esquecem as regras gramaticais:

  • Segunda pessoa = você ou seu
  • Primeira pessoa = eu, eu ou meu

Como usamos esses pontos de vista para guiar os usuários por meio de uma interface?

Segunda pessoa (você ou seu) é como normalmente falamos com parceiros de conversa. Na maioria dos casos, a segunda pessoa é a opção de microcópia, porque faz com que os usuários sintam que a interface do usuário está se dirigindo a eles diretamente.

Use a primeira pessoa (eu ou meu) ao destacar a propriedade do conteúdo ou das ações do usuário.

*Bônus: Utilize Recursos

Há muito a considerar quando se trata de microcópia. Escrevê-lo bem requer uma vontade contínua de aprender. Usuários e tecnologia são parceiros em uma dança imprevisível. Eles trocam de liderança com frequência – às vezes sem problemas, depois de maneira chocante.

Os designers não podem se contentar em confiar na escrita de UX que costumava ser atual, mas não é como se eles precisassem canalizar o espírito de um romancista de vanguarda para escrever microcópias relevantes. Existem recursos para isso.

Seja o guia de redação do Material Design, as recomendações de terminologia Apple HIG ou o bacana aplicativo Hemingway, a web está repleta de recursos voltados para escrever microcópias ricas e eficazes.

Design de microcópia UX. Clique para ver a imagem em tamanho real.
Hemingway era conhecido por sua prosa concisa — nenhuma palavra desperdiçada.

Escreva Microcópia com uma Missão

Mark Twain escreveu certa vez: “Escrever é fácil. Tudo o que você precisa fazer é riscar as palavras erradas.” Qualquer um que já tenha sofrido com as palavras certas pode apreciar a ironia.

As palavras, em qualquer contexto, têm peso. Em nossos produtos digitais, eles fazem a diferença entre uma experiência de usuário excepcional e uma experiência sem brilho. A microcópia deve fornecer aos usuários clareza e confiança: “Se eu fizer X, então Y acontecerá”.

Além disso, a microcópia é uma oportunidade para as empresas envolverem os usuários, combinando aspectos da voz de sua marca com a funcionalidade de uma interface.

Pode não ser fácil romper com as palavras padronizadas com as quais todos estamos familiarizados (Clique Aqui, Inscreva-se, Envie), mas vale a pena o esforço para descobrir detalhes de microcópias que encantam os usuários e aumentam a conversão.

• • •

Leia mais no Blog Toptal Design:

  • As palavras são importantes – o verdadeiro valor do UX Copy
  • Melhor UX por meio de microinterações
  • Novo Web Order: uma visão geral do design que prioriza o conteúdo
  • Impulsione seu UX com estes princípios de design de interação bem-sucedidos
  • Estratégia de Produto: Um Guia para Conceitos e Processos Centrais