15 Melhores Pr√°ticas de Design de Emails

13 setembro 2021
√ćndice
  1. 1. Escreva uma linha de assunto que seja poderosa
  2. 2. Faça com que o pré-cabeçalho do email seja cativante
  3. 3. Atenha-se à marca
  4. 4. Crie seu cabeçalho de email
  5. 5. Adicione Anota√ß√Ķes de email aos emails para a guia Gmail Promo do Google
  6. 6. Use fontes de email legíveis
  7. 7. Crie banners de email significativos
  8. 8. Adicione GIFs apropriados
  9. 9. Torne os bot√Ķes de a√ß√£o do email percept√≠veis
  10. 10. Mantenha-se fiel ao design de email otimizado para celular
  11. 11. Seja conciso
  12. 12. Não tenha medo de usar interatividade e AMP em emails 
  13. 13. Use gamificação em emails
  14. 14. Cuide da accessibililidade do email
  15. 15. Adicione uma assinatura, também conhecido como rodapé
  16. Regras gerais para emails eficazes
  17. Considera√ß√Ķes finais
1.
1. Escreva uma linha de assunto que seja poderosa

Tenho o prazer de apresentar o artigo sobre as melhores práticas de design de emails 2021. 

Os templates da Stripo são criados por designers profissionais onde mantemos todas as melhores práticas
Navegar

1. Escreva uma linha de assunto que seja poderosa

A linha de assunto é a primeira coisa que alguém vê ao receber seu email. Sabia que de acordo com estudos, mais de 47% dos destinatários decidir se abrir ou não um email julgando apenas pela linha de assunto? Portanto, certifique-se de que ela seja envolvente o suficiente. 

Práticas recomendadas de design de e-mail_Working on Subject Lines

(Dispositivo desktop)

Informamos que os clientes de email mostram até 65 caracteres da linha de assunto em dispositivos desktop, e entre 30-35 caracteres em dispoitivo móveis. É recomendável mantê-las curtas.

Práticas recomendadas de design de e-mail_Linhas de assunto em dispositivos móveis

(Dispositivo móvel)

2. Faça com que o pré-cabeçalho do email seja cativante

Freqüentemente, o pré-header (pré-cabeçalho) é chamado de continuação da linha de assunto e está localizado próximo à linha de assunto no desktop e abaixo da linha de assunto em dispositivos móveis. 

Práticas recomendadas de design de e-mail_Preheader

Por favor, observe: 

  • você só tem até 100 caracteres em dispositivos móveis e até 30 em dispositivos de desktop para convencer os leitores a abrir o email;

  • sempre preencha o pré-cabeçalho. Se você não escrever nada lá, um cliente verá o que está escrito originalmente no início do seu email. Normalmente, trata-se de uma proposta para abrir a mensagem na versão web. Isso não é bom;

  • use o pré-cabeçalho para reforçar sua mensagem. Descontos, promoções, concursos e assim por diante. Tudo o que pode aumentar as chances de abertura do email deve estar no pré-cabeçalho;

  • se você não quiser sobrecarregar seu email com o pré-cabeçalho ou se sua linha de assunto for intrigante o suficiente, preencha o pré-cabeçalho com espaços em branco. 

Espaços em branco nos cabeçalhos_Práticas recomendadas de design de e-mail

Você pode preenchê-lo com espaços em branco após um texto curto, como Gap Flash Sale fez.

Adicionando espaços em branco nos cabeçalhos_Stripo_Práticas recomendadas de design de e-mail

Ou deixe totalmente em branco como fez a Banana Republic.

Adicionando espaços em branco em preheaders_Stripo_Email Design Best Practices

Defina linhas de assunto e cabeçalhos para seus emails no Stripo
Join

3. Atenha-se à marca

É fundamental manter a consistência da marca em todos os lugares: no website, nos emails, nas redes sociais, etc. As marcas devem usar as mesmas fontes, o mesmo tom no texto e as mesmas cores.

Os clientes, ao abrirem seu email, devem reconhecer visualmente o estilo e as cores que viram em seu site. E na totalidade da campanha por email, incluindo emails de gatilho, você deve manter a consistência da marca.

Stripo permite gerar o kit “Diretrizes da marca”. Ele contém uma lista de estilos de design de email usados ​​por sua empresa em qualquer email de sua escolha e todos os ativos da marca, como logotipo e informações de contato.

Gere um kit de diretrizes de marca para sua marca
Iniciar

4. Crie seu cabeçalho de email

Centenas de milhares de palavras já foram escritas sobre o cabeçalho do email

Permita-me listar alguns conselhos valiosos sobre este tópico: 

  • o nome e o logotipo da sua empresa são duas partes inalienáveis ​​do seu cabeçalho. A mera presença desses dois pontos aumenta o conhecimento de sua marca entre milhares de outros emails;

  • a presença de um menu de navegação em seu cabeçalho ajudará o destinatário a mudar rapidamente para o site sem ler o resto do email; 

Cabeçalho-Feito à mão-Cabeçalho-Stripo

(Fonte: Stripo email template)

  • adicione links para o logotipo de sua empresa. 

5. Adicione Anotações de email aos emails para a guia Gmail Promo do Google

O bem conhecido Google criou as Anotações de email há alguns anos atrás. Mas não são muitas as pessoas que procuram usá-lo. Com este bônus, você pode adicionar imagens, ofertas e descontos no período de validade para aumentar o OR de sua mensagem.

O cliente tem a possibilidade  de visualizar seu produto ou serviço sem abrir um email.

Promo-Aba-Gmail_Anotação

(Fonte: Email da Rozetka)

Com Stripo você pode usar esta ferramenta e outras em um único lugar. Quer descobrir?

Destaque-se nas caixas de entrada dos destinatários com Anotações em emails
Iniciar

6. Use fontes de email legíveis

Quando se trata de design de emails, é importante admitir que mesmo que você apresente as informações corretamente, fontes mal legíveis podem ter um impacto negativo na percepção da texto do email e, como resultado, no CTR do email também:

  • evite itálico, pois eles não são permitidos pela acessibilidade de email;

  • é melhor não usar mais de 3 tipos de fontes - não faça seu email parecer confuso;

  • certifique-se de que a fonte escolhida é legível.

Na postagem “Melhores fontes para email” em nosso blog, nós pesquisamos as fontes para descobrir quais são legíveis e irão renderizar bem, não importa o dispositivo.

7. Crie banners de email significativos

Ao falar sobre as melhores práticas de design de email responsivo, é muito importante dizer algumas palavras sobre banners de email.

Os banners estão sempre localizados na primeira tela do seu email. Eles carregam a mensagem principal de toda a campanha de email.

Certifique-se de que eles sejam significativos e estejam focados no objetivo do email. Certifique-se de adicionar links a eles para que os usuários acessem diretamente a página necessária em seu site.

Existem 9 tipos comuns de banners, que descrevemos na postagem “Crie banners de email com Stripo” em nosso blog. Você também poderá encontrar manuais lá.

8. Adicione GIFs apropriados

Por que você usaria GIFs em emails? Porque eles: 

  • capturam a atenção dos leitores;

  • colocam alguns banners em uma tela;

  • chamam a atenção dos usuários para um determinado elemento de seu email;

  • ajudam a demonstrar uma ampla gama de seus produtos/toda a variedade de cores de um único produto.

(Fonte: Email da Victoria’s Secret)

No entanto, você deve ser cuidadoso com GIFs.

Regras que devem ser seguidas ao adicionar imagens animadas em GIF a emails:

  • usar apenas 1 GIF em uma tela para evitar ataques de epilepsia fotossensível em seus leitores;

  • pelo mesmo motivo, não use GIFs com mais de 2 flashes por segundo;

  • adicione textos Alt aos seus GIFs para dar uma pequena descrição do que é mostrado neles. Você deve usar esta dica para fornecer as informações se os GIFs não estiverem inicializando;

  • use a imagem mais significativa no primeiro quadro, pois alguns clientes de email não renderizam GIFs, em vez disso, eles apenas mostram o primeiro quadro deles.

9. Torne os botões de ação do email perceptíveis

Quando você usa botões de ação (Call to Action) da forma como deve ser usada, você tem a possibilidade de atrair os leitores e forçá-los a ir ao site para obter mais detalhes.

Práticas recomendadas de design de e-mail_Call to action

(Fonte: Email da Brighton)

Certifique-se de que os botões sejam visíveis, brilhantes, projetados com as cores da marca e tenham links relevantes.

Em dispositivos móveis, os botões devem ser grandes o suficiente para que os usuários possam clicar sobre neles.

Infelizmente, alguns botões no Outlook perdem seus estilos de design. Mas temos uma saída aqui:

Você só precisa habilitar a opção “Suporte para Outlook”. E seu botão irá renderizar da maneira que você quiser em todas as versões do Outlook.

Suporte para Outlook_Controle

Torne os botões compatíveis com o Outlook em apenas um clique com o Stripo
Junte-se ao Stripo

10. Mantenha-se fiel ao design de email otimizado para celular

Já não é segredo que metade dos destinatários verifica suas caixas de entrada de email no telefone. Isso significa que precisamos tornar nossos emails compatíveis com dispositivos móveis.

Nem é preciso dizer que hoje todos os emails devem ser responsivos, sem rolagem horizontal.

Mas quando falamos sobre design otimizado para celular, queremos dizer um nível absolutamente novo de design responsivo, tais como: 

  • Botões de ação (CTA) que tomem em toda a largura da tela do celular para que os usuários não percam o botão;

  • desativar certos elementos em dispositivos móveis. Você pode até ocultar imagens em telas de dispositivos móveis; 

O email-Cabeçalho-Melhor-Práticas_Desativando-Certo-Menu-Tabs-sobre-Móvel-Deivces

  • inversão de elementos de email quando necessário;

  • fontes maiores para cópia de email, incluindo botões e cabeçalhos para que os textos fiquem totalmente legíveis.

Práticas recomendadas de design de e-mail_Design móvel

(Rodapé de Email, tamanho da fonte: 12 px, em dispositivo desktop)

Práticas recomendadas de design de e-mail_Design móvel_Fontes

(Rodapé de Email, tamanho da fonte: 16 px, em dispositivo móvel)

Para obter mais informações sobre como definir estilos de design para a versão móvel de seus emails, consulte a postagem “Layout de Email Responsivo” em nosso blog.

11. Seja conciso

Falando em layout ... Quase ninguém gosta de longas leituras. Seja conciso. Isso não significa “manter os emails curtos”. Significa apenas que você precisa ir direto ao ponto, sem longas introduções.

12. Não tenha medo de usar interatividade e AMP em emails 

Basta dar uma olhada nestes números e fatos:

  • emails interativos em que os usuários podiam avaliar a empresa por email geraram 8,33 vezes mais taxas do que simples emails em HTML;

  • um formulário aberto interativo da Stripo que permitia aos usuários deixar comentários diretamente no email gerava 5,2 vezes mais feedback do que o formulário externo;

  • ao permitir que os compradores vejam descrições detalhadas dos produtos que deixaram no carrinho de compras, a Ecwid aumentou as vendas em 82% graças ao AMP.

(Fonte: Mailmodo)

Veja muitas outras estatísticas incríveis aqui.

13. Use gamificação em emails

Gamification enables you to create something like a game in your emails. Let’s have a look at a few benefits it generates:

  • a gamificação do email aumenta a conversão;

  • você entretém os clientes com seus emails - permite que eles relaxem um pouco e se divirtam;

  • aumenta a taxa de abertura (os usuários antecipam seus próximos emails);

  • Eleva o ROI em até 3 vezes

  • tem um impacto positivo no conhecimento da sua marca. 

Na postagem  “Gameficação com Emai ” no blog, compartilhamos dicas sobre como criar jogos rapidamente e algumas mecânicas prontas para serem usadas.

É hora de trazer diversão aos emails!

14. Cuide da accessibililidade do email

É tanto uma regra como uma recomendação.

Seus emails devem ser acessíveis! É importante lembrar que algumas pessoas têm problemas de visão e é necessário tornar seu conteúdo legível para quem lê emails por conta própria e e também para quem usa leitores de tela.

As melhores dicas de design de email aqui são:

  • use cores de contraste de tons diferentes;

  • sempre!! Adicione textos Alt a todas as imagens e GIFs;

  • se um GIF cumpre uma missão educativa, certifique-se de adicionar a ele uma descrição detalhada por escrito;

  • evite dois ou mais GIFs em uma tela;

  • adicione sinais de pontuação no final de cada frase e pontos de listas de marcadores;

  • especifique o tipo de conteúdo <charset = ”utf-8 ″> no cabeçalho do código de email para tornar legíveis todos os caracteres usados ​​nos emails;

  • definir o idioma no cabeçalho do código de email;

  • alinhe seus textos à esquerda, nunca os alinhe ao centro.

15. Adicione uma assinatura, também conhecido como rodapé

Os usuários precisam saber como entrar em contato com você, se necessário, onde segui-lo nas redes sociais, etc. Se você enviar emails promocionais em nome de toda a sua equipe, não se esqueça de mencionar isso.

Se você enviar emails em seu nome, certifique-se de adicionar sua foto, informações de contato e um “Tchau. Vejo você em breve”.

Assinatura-Designs-para-O email_O email-Digestos

(Fonte: template de email Stripo)

Regras gerais para emails eficazes

Comecemos com os pontos gerais a serem lembrados quando se trata de práticas recomendadas para modelos de email.

Aqui estão algumas regras principais que podem fornecer uma direção de pensamento na criação de um email competitivo:

  • não se esqueça de comprimir a imagem para reduzir o tempo de carregamento;

  • torne o conteúdo do email relevante para os clientes. Simplificando, personalize suas ofertas e conteúdo de email;

  • adicione o link de cancelamento de inscrição!

Práticas recomendadas de design de e-mail_O botão de cancelamento de inscrição

(Fonte: Email da Gap Flash Sale)

Considerações finais

Cada parágrafo deste artigo foi escrito para ajudá-lo a evelar a qualidade de seus boletins informativos. Você deve lembrar que não há limites para melhorar suas habilidades de design de email. Portanto, não tenha medo de experimentar, procure as técnicas mais eficazes para sua empresa, e não hesite em usar a plataforma Stripo como assistente durante todo o processo de criação.

Crie emails poderosos com Stripo, literalmente sem habilidades de codificação
Was this article helpful ?
Tell us your thoughts
Thanks for your feedback!
2 coment√°rios
Mathieu Gagnon h√° 1 ano
Hanna Kuznietsova h√° 1 ano
Tipo
Ind√ļstria
Esta√ß√Ķes
Integração