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.
- Design em uma única coluna
- Desenhe com os dedos em mente
- Mantenha o Frases de chamariz facilmente tocável (mínimo de 44px)
- Use o espaço em branco para facilitar a leitura
- Mantenha a plataforma limpa
- Otimize as resoluções de imagem para telas de retina
- Não aglomere links, use botões
- Fornecer números de telefone ligados
- Limite as linhas de assunto a 30 caracteres ou menos
- Use larguras de imagem de no mínimo 480px para que não fiquem desfocadas quando esticadas em dispositivos móveis
- Não dimensione apenas imagens, use consultas de mídia CSS
- Restrinja a altura - e-mails mais curtos são mais fáceis de ler
- Mantenha frases de chamariz importantes acima da dobra
- Teste seus designs de e-mail em clientes de email
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?
Nós usamos o nosso próprio CircuPress para que pudéssemos integrar totalmente o nosso site WordPress nos nossos emails!