iPhone x Android: como fazer com que o e-mail tenha uma ótima aparência no celular

Hoje, quase 60% dos adultos americanos possuem um smartphone, por isso é mais importante do que nunca fazer com que o e-mail tenha uma ótima aparência no celular. As compras de iPhone e Android estão quase uniformes nos EUA - o iPhone representa 47,7% das vendas, enquanto o Android detém 47,6% da participação de mercado. Na maior parte da Europa e China, o Android tem a maioria das compras, seguido pelo iOS. Por outro lado, no Japão, o iOS detém a maioria, com mais de 60% das vendas. Isso é muito! O design do email móvel é mais importante do que nunca.

Embora observar os dados de compra em todo o mundo seja um grande indicador da adoção de smartphones, é o seu público que importa. Quais smartphones são mais populares entre os assinantes de e-mail?

Entenda seu público

Além das vendas, as aberturas de e-mail são outro grande indicador da popularidade dos smartphones - em particular, quais dispositivos são preferidos pelo seu público.

As aberturas em dispositivos móveis agora representam mais de 50% do total de aberturas de e-mail. A maioria dessas aberturas em celulares ocorre no iPhone, que representa 26% do total de aberturas, e no Android, que detém 7% do total.

Por que a discrepância entre vendas e e-mail se abre? Embora o iOS exiba imagens por padrão, muitos aplicativos Android não o fazem. Como determinar onde um e-mail é aberto requer o carregamento de imagens, os dados de alguns aplicativos e programas são super ou sub-representados devido ao bloqueio automático de imagens.

Assim como as vendas de smartphones, observar os dados abertos de e-mail como um todo é ótimo para identificar tendências. O que é mais importante é entender onde seus assinantes estão abrindo seus e-mails. Rastrear e analisar quais aplicativos e programas seus assinantes estão usando é uma das melhores maneiras de otimizar suas campanhas para seu público.

Você pode usar os dados do Litmus Email Analytics para obter essas informações.

Aceite o e-mail como um aplicativo

Com 60% dos adultos possuindo smartphones, está claro que as pessoas gostam de consumir conteúdo quando e onde quiserem. Seu tipo de conteúdo favorito? Email, claro!

Com tantas pessoas usando smartphones - e o e-mail sendo a atividade mais popular nesses dispositivos - é importante avaliar como seus e-mails são exibidos nessas telas pequenas.

Há muito a se considerar quando se trata de design de e-mail móvel. Além da infinidade de smartphones, os usuários têm dezenas de aplicativos de e-mail diferentes para escolher - cada um com seu próprio conjunto de peculiaridades de renderização. Um e-mail no aplicativo de e-mail Android nativo pode ser exibido de maneira muito diferente do mesmo e-mail no aplicativo Gmail.

Aplicativo de e-mail nativo Android 4.x (responsivo)

Aplicativo do Gmail para Android (não responsivo)

Compreender onde está o seu público-alvo abre e-mails é crucial, especialmente considerando que 71% das pessoas excluirão um e-mail se ele não parecer bom em seus dispositivos móveis - e 16% irão cancelar a assinatura!

Conheça os limites

Quando se trata de otimização para seus assinantes iOS e Android, é importante lembrar que nem todos os aplicativos de e-mail móvel têm o mesmo suporte a HTML e CSS. Isso tornaria a criação de e-mail muito fácil, não é?

	Consultas de mídia	Bloqueio de imagem	Texto alternativo	Texto ALT estilizado	Texto de Antevisão
Android 4.x (cliente de e-mail nativo)
Aplicativo do Gmail para Android
Android Yahoo! App Mail
Aplicativo iOS Mail (cliente de e-mail nativo)			*	*
aplicativo iOS Gmail			*	*
iOS Yahoo! App Mail

* As imagens são habilitadas por padrão no iOS, mas foram desabilitadas manualmente para fins de teste. O aplicativo iOS Gmail não tem uma opção para desativar imagens.

Por exemplo, os aplicativos de e-mail iOS e Android têm suporte misto para design responsivo, que visa fornecer aos assinantes a melhor experiência de e-mail possível - independentemente de estarem lendo no celular ou desktop.

O email responsivo usa uma consulta de mídia, que é um conjunto especial de estilos CSS que agem como declarações condicionais. Eles respondem ao tamanho da tela de um dispositivo, aplicando diferentes conjuntos de regras com base nesse tamanho de tela.

Embora o design responsivo permita uma experiência ideal de e-mail em todos os ambientes, as consultas de mídia não são suportadas em todos os lugares (consulte o gráfico acima). Para complicar ainda mais as coisas, embora as consultas de mídia sejam suportadas no aplicativo de e-mail nativo Android, elas não são suportadas em dispositivos Samsung Android - mesmo no cliente nativo. Isso é resultado da substituição do aplicativo de e-mail Android nativo da Samsung por um aplicativo de e-mail próprio. Você pode usar uma abordagem de codificação híbrida para tornar seus e-mails responsivos neste cliente.

Além disso, como as consultas de mídia não são universalmente suportadas, considere usar esses elementos móveis como backup para quando as consultas de mídia não forem suportadas:

Simplifique o conteúdo e o design

As pessoas olham para o telefone em média 150 vezes por dia. Essas breves interações significam que você deve transmitir seu ponto de vista rapidamente. Concentre-se em informações relevantes em suas campanhas, permitindo que os assinantes leiam seu e-mail rapidamente.

Além disso, considere o uso de um design de uma coluna para aumentar a legibilidade. Duas ou mais colunas lotam a pequena tela de um dispositivo móvel, tornando difícil para os assinantes lerem e interagirem com seu e-mail.

Faça tudo maior

Para aumentar ainda mais a legibilidade e digitalização, use fontes grandes. Os assinantes não deveriam ter que aumentar o zoom em seus dispositivos móveis para ler seu e-mail - torne suas fontes grandes o suficiente para que até mesmo os piores olhos possam ler sua mensagem facilmente.

Recomendamos o uso de um tamanho mínimo de 14 px para o texto do corpo e 22 px para os títulos. Manter o texto de pelo menos 14 px evitará barras de navegação quebradas e outros elementos de layout no iOS, o que redimensiona automaticamente uma cópia pequena para um mínimo de 13 px.

Além disso, use botões que sejam amigáveis ​​ao toque. Recomendamos o uso de um tamanho mínimo de botão de 44 x 44 px. Certifique-se de cercá-lo com bastante espaço em branco! Você deseja garantir que seus CTAs sejam fáceis de tocar pelos assinantes, portanto, não os envolva com texto ou outros links.

Projete defensivamente

Muitos aplicativos de e-mail Android e iOS bloqueiam imagens por padrão. Como resultado, é fundamental otimizar seus e-mails e se planejar para esse cenário. Você ainda deseja que seus assinantes sejam capazes de ler e interagir com a maior parte de sua mensagem, independentemente de as imagens estarem ativadas ou desativadas.

Use um equilíbrio adequado de texto e imagens HTML (o texto HTML ainda será exibido em um ambiente sem imagens) para garantir que as informações pertinentes ainda estejam presentes, mesmo que as imagens não estejam.

Além disso, o texto alternativo (texto ALT), que é renderizado no lugar de uma imagem na maioria dos cenários de bloqueio de imagem, é uma das melhores maneiras de contornar os aplicativos que bloqueiam imagens. Você pode até usar texto ALT estilizado para destacar suas descrições!

Otimize para a caixa de entrada

Uma vez que os assinantes interagem primeiro com seu e-mail na caixa de entrada, é crucial otimizar para essa visualização. Sempre use um nome confiável que seus assinantes reconhecerão. Além disso, use uma linha de assunto que descreva o que está no e-mail e incentive seus assinantes a abri-lo.

Todos os aplicativos de e-mail iOS e Android mencionados acima oferecem suporte a texto de visualização. Use essas poucas linhas extras de texto - emparelhadas com a linha de assunto - para incentivar ainda mais seus assinantes a abrir! O texto de visualização é extraído das primeiras linhas de texto em seu HTML, portanto, certifique-se de texto como "visualizar como página da web" ou "tendo problemas para ver isso?" não estão aparecendo.

Teste, teste, teste!

Para produzir as campanhas de melhor desempenho - não apenas em aplicativos de e-mail Android e iOS, mas em todas as caixas de entrada - você deve testar suas campanhas constantemente. O suporte para aplicativos de e-mail está sempre mudando - portanto, o teste antes de cada envio garante que suas campanhas terão a aparência e o funcionamento correto.

Além disso, use o teste A / B para ver o que repercute em seu público. Existem inúmeras coisas para testar, incluindo títulos, texto de visualização, nomes e elementos de design. É uma das maneiras mais eficazes (e fáceis!) De fazer melhorias mensuráveis ​​em suas campanhas.

DESCUBRA + OTIMIZE PARA SEU PÚBLICO MÓVEL

Seus e-mails são otimizados para celular? Eles deveriam ser? Olhar para os dados de vendas mostra apenas uma imagem parcial - é importante observar o comportamento de seus assinantes. Afinal, são para eles que você está enviando, não a população em geral.

Com o Litmus 'Email Analytics, você pode ver quem está abrindo no iPhone e no Android. Em seguida, use as visualizações de e-mail para obter capturas de tela de seu e-mail em aplicativos e programas populares. Experimente-nos gratuitamente!

Inicie um teste gratuito →