Sua lista de verificação para design otimizado de e-mail responsivo para celular

lista de verificação de design de e-mail responsivo

Não há nada que realmente me decepcione tanto quanto quando abro um e-mail pelo qual estou ansioso no meu dispositivo móvel e não consigo ler. Ou as imagens têm larguras codificadas que não respondem à tela ou o texto é tão largo que eu teria que rolar para frente e para trás para lê-lo. A menos que seja crítico, não espero voltar à minha área de trabalho para lê-lo. Eu deletei isso.

Não sou o único - tanto os consumidores quanto as empresas estão lendo mais da metade de todos os seus e-mails em telas menores agora. O design de e-mail responsivo é fundamental às suas taxas de cliques de e-mail.

Como implementamos e-mails responsivos em praticamente todas as plataformas de serviço de e-mail, frequentemente procuramos essas organizações e oferecemos ajuda. Sinceramente, nunca recebi uma resposta. É uma pena - eles estão pagando por uma plataforma para enviar um e-mail que ninguém está lendo. Modificando seu modelo de email é fácil de justificar. Imagine ir até a impressora no seu trabalho e jogar fora metade do papel ... é isso que você está fazendo quando não recebe seus e-mails responsivos.

As melhores práticas surgiram neste mercado. O design responsivo não é tão fácil - mas também não é impossível. O pessoal da Email Monks nos ajudou e eles seguem esta lista de verificação comprovada para otimizar seu e-mail para garantir que ele seja responsivo a janelas de visualização de celulares e tablets.

  1. Design em uma única coluna
  2. Desenhe com os dedos em mente
  3. Mantenha o Frases de chamariz facilmente tocável (mínimo de 44px)
  4. Use o espaço em branco para facilitar a leitura
  5. Mantenha a plataforma limpa
  6. Otimize as resoluções de imagem para telas de retina
  7. Não aglomere links, use botões
  8. Fornecer números de telefone ligados
  9. Limite as linhas de assunto a 30 caracteres ou menos
  10. Use larguras de imagem de no mínimo 480px para que não fiquem desfocadas quando esticadas em dispositivos móveis
  11. Não dimensione apenas imagens, use consultas de mídia CSS
  12. Restrinja a altura - e-mails mais curtos são mais fáceis de ler
  13. Mantenha frases de chamariz importantes acima da dobra
  14. Teste seus designs de e-mail em clientes de email

Lista de verificação de design de e-mail responsivo

2 Comentários

  1. 1

    Este é realmente um artigo impressionante e de nicho, Douglas! Eu aprendi muito com isso.

    A maioria dos artigos fala sobre web design responsivo, esta é a primeira vez que leio sobre design de email responsivo. Dicas e etapas incríveis que você incluiu aqui. Qual software de marketing por email você usou?

O que você acha?

Este site usa o Akismet para reduzir o spam. Saiba como seus dados de comentário são processados.