Como otimizar seus e-mails para celular

Em 2010, o CEO do Google, Eric Schmidt, afirmou que seu objetivo a partir de então era “... tornar os dispositivos móveis a resposta para praticamente tudo”. Essa declaração se tornou mais do que uma profecia. Hoje, para estar mais perto de seu público e fornecer a melhor experiência possível, você deve se concentrar primeiro no celular. Neste artigo, preparamos muitos hacks úteis para você entender como otimizar seus e-mails para dispositivos móveis, então continue lendo.

Por que você deve se concentrar no celular

Em 2017, o número de minutos digitais móveis atingiu 61,9%, o que é impressionante em comparação com 29,3% para desktop e apenas 8,8% para tablet. Em 2018, os números de consumo de celular ainda são os mais altos, como você pode ver no gráfico abaixo:

Além disso, os usuários móveis tendem a passar mais tempo online, em particular, duas vezes mais do que os usuários de desktop. Para mais da metade deles, todas as manhãs começam com um smartphone nas mãos e, de acordo com o Express Pigeon, 91% desses usuários checam e-mail pelo menos uma vez por dia. Para atingir um público mais amplo, veja algumas dicas de como otimizar seus e-mails para dispositivos móveis.

Integre formulários de inscrição otimizados para celular

O marketing por email começa com as pessoas que visitam o seu site. Nesse estágio, seu objetivo é mudar o foco dos visitantes diretamente para o formulário de inscrição, despertar o interesse e motivá-los a se inscrever.

A melhor maneira de criar um formulário de assinatura compatível com dispositivos móveis é diminuir o número de campos nele, usar fontes grandes o suficiente e localizar o próprio formulário em um local visível. Você também pode usar o tipo de entrada = ”email”, criando um teclado especial com caracteres como “@” ou “.” ou o endereço de e-mail do usuário aparecerá automaticamente em um dispositivo móvel.

Confira a visualização móvel do formulário de inscrição do GAP. É curto, visível e alinhado com o design geral da marca. Além disso, agrega valor, pois a marca promete uma oferta especial de boas-vindas para novos assinantes.

Encurte sua linha de assunto

O número de caracteres exibidos nas linhas de assunto por clientes de email diferentes varia, mas a regra é mantê-lo em cerca de 25-30 caracteres.

Abaixo você pode ver alguns bons exemplos de e-mails, onde as linhas de assunto resumem o conteúdo do e-mail e são totalmente visíveis na tela do celular.

Otimize o texto do seu pré-cabeçalho

24% das pessoas olham para o texto de visualização enquanto decidem se abrem um e-mail ou não; é por isso que você deve se esforçar para escrever seus preheaders. Assim como as linhas de assunto, os textos de visualização são limitados no número de caracteres exibidos, dependendo do cliente de e-mail.

Sempre foque mais nas primeiras palavras de seu preheader, pois esta é a parte que será exibida em todos os dispositivos por todos os clientes de e-mail.

Use o texto de visualização para fornecer mais detalhes sobre o conteúdo do e-mail. Por exemplo, em e-mails promocionais, você pode elaborar na entrega ou especificar as condições da promoção.

Faça fontes grandes o suficiente

Seu texto deve ser legível em qualquer dispositivo. Para isso, encontre um equilíbrio entre o tamanho da fonte do título e do texto. Digamos, escolha 22-24pt para o título e 14-16pt para o texto, mas não vá abaixo de 14pt. Quanto aos tipos de fonte, é melhor usar fontes seguras para a web - Arial, Tahoma, Times New Roman, Courier New - já que todos os clientes de e-mail as suportam.

Pense em usar cores contrastantes em seu e-mail para torná-lo visível na luz do sol ou na tela com brilho reduzido.

Veja o exemplo de Tentree: você pode ver o contraste entre a fonte branca e o fundo verde e uma combinação de tons análogos de verde. Uma oferta exclusiva de frete grátis é destacada em azul.

Outra ideia é uma mistura de cores vivas com preto e branco como no e-mail da Banana Republic.

Trabalhe em sua frase de chamariz

75% das pessoas usam apenas o polegar para tocar na tela; menos de 50% seguram o telefone com uma das mãos, 36% dos usuários seguram o telefone e 10% das pessoas seguram o telefone com uma das mãos e tocam com o dedo da outra. Considere esses dados ao escolher um local para seu botão de call to action (CTA).

Se houver vários CTAs, defina sua prioridade e posicione-os de acordo com o princípio “o CTA principal é maior e mais alto”. O tamanho do botão deve ser de pelo menos 44 × 44px com espaço livre suficiente ao redor - isso garante que o leitor clique nele facilmente com apenas um polegar. Tente evitar muitos links de hipertexto na cópia, pois eles podem não parecer confortáveis ​​para clicar.

O e-mail da Tentree mencionado acima tem um botão de CTA fácil de clicar visível com espaço em branco suficiente ao redor.

Cuidado com o tamanho dos elementos visuais

Os dispositivos móveis carregam imagens e fotos muito mais lentamente do que o desktop. Os recursos visuais sempre tornam um e-mail mais difícil de carregar, portanto, seu tamanho não deve ser superior a 599 px. Lembre-se da qualidade - os leitores dificilmente preferirão imagens borradas e pixeladas. Teste e-mails com GIFs em todos os clientes de e-mail possíveis para ter certeza de que eles são exibidos corretamente e seu e-mail não vai parar na pasta de spam.

Abaixo você pode ver um exemplo do Mark: seus e-mails são ricos em GIFs e imagens, mas não demoram para carregar.

Além disso, não se esqueça de adicionar ALT-text a todos os visuais porque alguns clientes de e-mail podem bloquear automaticamente as imagens.

Quanto ao conteúdo de vídeo, você pode usar GIFs ou imagens simples com um botão de reprodução como uma miniatura e levar os usuários a uma página da web onde eles podem assistir a esse vídeo. Veja um exemplo do Litmus: eles usam um GIF resumindo a visão geral do vídeo com um botão de reprodução nele.

Aproveite ao máximo o design responsivo

Como um comerciante de email, você deve começar a criar um design de email responsivo para construir emails perfeitos. Responsivo significa que seu e-mail será exibido corretamente em dispositivos móveis, tablets e desktops conforme a largura do layout e a estrutura mudam em tempo real, dependendo do tamanho da tela do dispositivo e do navegador.

Os modelos prontos do SendPulse simplificam a navegação para os usuários e tornam mais fácil para os profissionais de marketing criar um e-mail otimizado. Basta escolher um modelo, alterá-lo da maneira que desejar e enviá-lo para sua lista de mala direta. Ele será ajustado automaticamente para telas de desktop, celular e tablet. Confortável, não é?

Veja como um dos modelos SendPulse se parece na área de trabalho: as imagens são grandes, cada botão é fácil de localizar e clicar, as fontes são legíveis.

Cada elemento é otimizado para celular: na versão para celular, o texto principal é grande o suficiente e os botões têm o tamanho certo para serem clicados com o polegar.

Resumindo

Vamos retomar as dicas que você pode usar para otimizar seus e-mails para usuários de celular:

• Comece com formulários de inscrição compatíveis com dispositivos móveis;
• Use linhas de assunto e visualizações curtas e informativas;
• Use fontes da web seguras e legíveis;
• Mantenha seus botões de CTA grandes e claros;
• Verifique se todos os elementos visuais ficam bem no celular;
• Use layouts responsivos.