5 regras de formatação para melhorar a legibilidade de e-mails e páginas de destino

Publicados: 2021-06-08

Neste artigo

Desenvolver uma estratégia de marketing de conteúdo original e criativa é perda de tempo e esforço se os usuários não leem todo o seu conteúdo. Portanto, não subestime a relevância da formatação de cópias se seus textos precisam chamar a atenção de seus contatos.

Você já se perguntou como seus usuários leem o conteúdo de seus e-mails e páginas da web?

Nesse caso, você deve ter encontrado a enorme quantidade de estudos sobre os mecanismos cognitivos pelos quais os humanos veem, leem e aprendem conteúdo da web. Se a resposta for não, você ficará surpreso com o fato de que os usuários raramente leem uma página da web ou mensagem inteira: apenas 16% das pessoas se concentram em cada palavra e, no geral, as pessoas leem apenas 20% do conteúdo de uma página. A leitura torna-se ainda mais dispersa e apressada quando se trata de boletins informativos e fica ainda pior quando se muda do desktop para a pequena tela de um smartphone. Na verdade, os dispositivos móveis diminuem a capacidade de compreensão de um texto mais complexo.

Esses aspectos ajudam a entender por que é fundamental insistir não apenas na legibilidade de um texto, mas também em sua legibilidade. Devemos formatar o conteúdo de forma que o texto seja claro e fácil de digitalizar à primeira vista.

Vamos ver como tornar seus e-mails e páginas de destino mais fáceis de ler com a ajuda de algumas regras simples.

Legibilidade x legibilidade: qual é a diferença?

Legibilidade significa que o conteúdo tem uma sintaxe otimizada para ser simples, fluido e fácil de entender. O redator é responsável pela legibilidade. Legibilidade, por outro lado, é a capacidade de fazer personagens distintos uns dos outros e fáceis de reconhecer. Portanto, trata-se de trabalhar na estrutura gráfica do personagem, ou seja, na espessura, tamanho, cor, fonte, entrelinha e espaçamento. Garantir uma excelente legibilidade é da responsabilidade exclusiva do designer.

1. Evite blocos de texto exclusivos

Uma longa parede de texto sem interrupções ou seções é o principal obstáculo na leitura do conteúdo.

Portanto, a primeira regra é criar seções diferentes dentro do texto e dividi-las em parágrafos (até mesmo em subparágrafos, se necessário), cada um relacionado a uma ideia / assunto específico. Dessa forma, você obterá três resultados:

  • iluminar o impacto visual de sua página ou texto de e-mail
  • permitir que os usuários mudem para o próximo parágrafo se eles já souberem ou acharem o tópico atual irrelevante
  • acelera a leitura geral do texto, facilitando a digitalização da página

Por exemplo, este e-mail mostra um texto longo sem subtítulos e nenhuma formatação de fonte diversa. Este tipo de mensagem não teria sido muito mais difícil de ler se não tivesse distinção de parágrafo e separação visual de texto?

exemplo de divisão de parágrafo

Fonte: Emails realmente bons

Após esta etapa, considere destacar essas seções de texto ainda mais fornecendo parágrafos com recuos diferentes . Isso não apenas os torna claramente identificáveis , mas também pode aumentar o dinamismo do texto , conforme mostrado neste GIF:

recuos parágrafos

Esta sequência de imagens exibe uma mensagem com recuos diferentes. Isso anima o bloco de texto, que se torna uma espécie de moldura da própria imagem. Este GIF também demonstra como o editor BEE da plataforma MailUp torna o gerenciamento de indentação fácil e rápido. Basta acessar a barra de ferramentas de formatação de bloco de texto da seção relevante e clicar no botão de recuo de parágrafo.

2. Insira títulos e subtítulos e atribua uma hierarquia ao conteúdo

Você criou seus parágrafos. A próxima regra importante para melhorar a legibilidade do texto é fornecer as seções de mensagem ou página com subtítulos (se necessário), otimizando sua eficácia e clareza (seja curto e direto ao ponto) e dando-lhes uma hierarquia com tags de título apropriadas (H1, H2, e H3).

Esta é uma etapa fundamental na otimização do conteúdo, tanto do ponto de vista SEO quanto estético . Além disso, melhora o impacto visual e facilita a digitalização, como neste caso:

exemplo de e-mail de tag de título

Este exemplo mostra um texto dividido em parágrafos que também possui títulos (H2s, neste caso) para cada seção. Eles ilustram o tópico e permitem ao usuário compreender os principais assuntos da mensagem à primeira vista.

Uma das últimas inovações no editor MailUp BEE facilitou a inserção de tags de título em seus e-mails e páginas de destino.

Basta adicionar o bloco de conteúdo relevante no corpo da mensagem e selecionar o tipo de tag de título que deseja inserir (H1, H2 ou H3), conforme mostrado na imagem:

tag de título BEE

3. Aproveite o poder das listas com marcadores

Listas com marcadores são possivelmente uma das ferramentas mais eficazes para tornar um texto mais leve e transmitir instantaneamente os principais conceitos de uma mensagem .

Esses dois exemplos mostram como o mesmo texto pode mudar radicalmente apenas com esse truque.

Opção 1:

“Nosso pacote de férias Gold inclui uma estadia de 2 noites em um quarto Deluxe com varanda e banheira de hidromassagem; 2 sessões gratuitas de 3 horas no centro de bem-estar, incluindo uma massagem de 60 minutos e tratamento facial; uma bebida de boas-vindas; buffet de café da manhã e a chance de alugar 2 bicicletas gratuitamente. ”

Opção 2:

Nosso Pacote de Férias Gold inclui:

- 2 noites em Quarto Deluxe com varanda e banheira de hidromassagem
- 2 sessões gratuitas de 3 horas no centro de bem-estar + massagem de 60 minutos e tratamento facial
- uma bebida de boas-vindas
- buffet de café da manhã
- aluguel gratuito de bicicletas

Você deve ter notado que a opção 2 é objetivamente muito mais fácil de ler, entender e memorizar. Na verdade, a lista com marcadores destaca os elementos-chave de uma mensagem e cria visualmente pontos de foco imediatos para os olhos do leitor.

Por exemplo, pegue este e-mail: a lista com marcadores quebra o bloco de texto e o torna menos pesado quando visto em:

listas de marcadores

Obviamente, existem várias maneiras de fazer uma lista com marcadores, dependendo da necessidade e do tipo de conteúdo:

  • adotar numeração (isso sugere uma ordem cronológica ou enfatiza o número total de pontos na lista)
  • use marcadores (esta é a escolha mais universal e se encaixa em qualquer tipo de lista)
  • use letras (bom quando se trata de um teste com opções de resposta diferentes)

O editor BEE permite definir e escolher diferentes tipos de listas simplesmente expandindo o botão dedicado:

editor de lista de marcadores BEE

Além de ser uma excelente forma de facilitar a leitura, as listas com marcadores atendem perfeitamente às diferentes necessidades . Eles comunicam os compromissos da agenda de um evento; definir o conteúdo de um documento ou e-book; descrever as fases de um processo (por exemplo, a ativação de um serviço adquirido pelo usuário); definir os elementos de uma lista de verificação; detalhar as vantagens de uma oferta e assim por diante.

Aqui estão algumas sugestões:

listas de marcadores de exemplo de tornassol
lista de marcadores do youtube

4. Dê uma pausa aos seus blocos de texto - brinque com espaçamento entre linhas e letras

Outro obstáculo à leitura do conteúdo é a falta de espaço entre as linhas e os caracteres. O bloco de texto precisa respirar . Com certeza, não teremos um resultado como este:

falta de espaço e-mail exemplo

O editor BEE fornece uma série de recursos e soluções para evitar esse risco :

  • gerencie o início dos diferentes blocos de texto para aumentar o espaçamento entre linhas
  • aumente o tamanho do texto , que geralmente é predefinido em 12 pt. Neste caso, o espaçamento entre linhas se adaptará automaticamente à mudança, mantendo o mesmo tamanho de fonte
  • brinque com o espaçamento entre letras para aumentar a lacuna entre os caracteres de um título ou qualquer palavra do texto
  • ajuste o preenchimento dos módulos que compõem a mensagem. Isso significa definir o espaço do quadro de cada bloco para aumentar , por exemplo, as margens inferior e superior entre o título e o parágrafo

5. Quebre a uniformidade do texto

A última (mas não menos importante) regra diz respeito à formatação dos caracteres .

Você dividiu o texto em parágrafos, inseriu (quando possível) suas listas com marcadores e garantiu o espaço certo entre letras, cabeçalhos e formulários de mensagem. Agora é a hora de quebrar a uniformidade do texto e destacar as palavras-chave inserindo tipos em negrito, cores para dar ênfase e hiperlinks .

Use negrito para orientar o olhar do usuário para as palavras-chave que deseja enfatizar e dê uma cor diferente aos links para enfatizar sua presença.

Por exemplo, veja como essas medidas simples tornam o seguinte texto mais legível:

Especialmente ao trabalhar em um texto longo, destacar os conceitos principais é uma etapa obrigatória . O editor BEE torna tudo ainda mais fácil, pois permite que você:

  • copie os textos do documento de trabalho formatado na mensagem ou no editor de página quando estiver pronto - isso sem perder a formatação em negrito ou itálico
  • formate diretamente no editor, pois a barra de ferramentas prática fornece todas as ferramentas de que você precisa em um só lugar - manobre, expanda e contraia como desejar, para não atrapalhar sua visualização.
editor da barra de ferramentas BEE

Em qualquer caso, sugerimos não exagerar no comprimento do texto . Estudos mostram que quanto mais palavras em uma página, maior a complexidade do aprendizado e menor o número de conceitos que o usuário pode assimilar .

Resuma seu conteúdo com o mesmo truque para otimizar o comprimento da linha de assunto: use símbolos "falados" e caracteres especiais. O editor BEE os classifica por tipo para uma pesquisa mais fácil (sem rolagem infinita!).

Resumindo

A eficácia de uma boa estratégia de marketing de conteúdo não é apenas uma questão de direitos autorais. Também depende da tipografia e do design do texto.

Uma mensagem ou página fácil de ler é, na verdade, um ponto de partida fundamental. Se você perder, mesmo o conteúdo mais brilhante e original não será absorvido e escolhido pelo seu público.

Agora depende de você começar a formatar seus textos da melhor maneira e colocar essas regras simples em prática. Aproveite todos os recursos intuitivos do editor BEE e da plataforma MailUp.