5 regras de formatação para melhorar a legibilidade de e-mails e páginas de destino
Publicados: 2021-06-08Neste 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?
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:
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:
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:
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:
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:
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:
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:
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.
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.