Pergunta de 100 bitcoins: porque é que o correio eletrónico escaparia à tendência "mobile friendly"? A resposta é muito simples: nenhuma!
Mas isso já sabia! Como todos os bons profissionais de marketing e leitores habituais deste blogue (e, por conseguinte, muito bons profissionais de marketing), sabe perfeitamente que o smartphone é um suporte essencial para a consulta de e-mails.
Alguns números, caso precisasse de ser convencido:
De acordo com o SCND, os utilizadores da Internet utilizam, em média, 3 dispositivos para verificar o seu correio eletrónico:
- 88% por computador
- 74% por smartphone
- 40% por comprimido
De acordo com o mesmo estudo, 8 em cada 10 utilizadores apagam os e-mails se não forem legíveis num tablet ou telemóvel!
O que demonstra a importância estratégica da apresentação reactiva dos seus e-mails...
E, no entanto, muitos anunciantes continuam a ignorar esta adaptação essencial, quer por escolha deliberada, quer porque não estão a aplicar os códigos de design responsivo correctos.
Por vezes, é difícil ter estes códigos em mente quando não se é um integrador e, por isso, é difícil compreender porque é que um belo criativo de correio eletrónico é difícil de integrar em modo responsivo!
Dataventure fornece-lhe uma metodologia simples para criar uma mensagem de correio eletrónico responsiva bem sucedida:
1. Antecipe o aspeto dos seus e-mails nos dispositivos móveis
A primeira coisa a fazer é pensar nos seus e-mails em termos do seu aspeto em dispositivos móveis ou tablets desde a primeira fase, quando cria o modelo ou maquete do e-mail. O princípio básico é, portanto, simples: identificar as áreas do correio eletrónico que precisam de ser adaptadas aos diferentes dispositivos. Para isso, pode contar com 2 especialistas: o seu designer gráfico e o seu integrador de html.
São as pessoas mais indicadas para o ajudar a harmonizar a sua mensagem de modo a que esta possa ser lida em todo o lado e por todos.
Versão para computador
Versão móvel responsiva
Em termos práticos, o design reativo tem a ver com blocos, como uma mesa. Blocos independentes que o integrador pode organizar como entender, deslocando-os uns para os outros. Por isso, qualquer coisa que complique uma divisão simples e limpa da sua criatividade (sob a forma de uma tabela) irá provocar a ira do seu integrador.
(Tem noção de quanto é que os integradores são pagos para passarem os dias a jogar Tetris?)
Trabalhar com o designer gráfico para conceber e decompor estes blocos é, por conseguinte, essencial para antecipar as necessidades do integrador, que pensa, respira e vive de forma reactiva (e de Tetris!).
Exemplo de uma conceção (com corte do integrador)
mal adaptada à utilização reactiva
O que deveria ter feito para otimizar
a integração deste correio eletrónico responsivo:
- Deslocar o primeiro apelo à ação "Faço um donativo" para que não se sobreponha ao segundo bloco (em turquesa). Recomendação: dar mais altura para o integrar no segundo bloco.
- O mesmo se aplica à fotografia e ao texto da assinatura de correio eletrónico, que devem ser deslocados. Recomendação: posicione-os por baixo do segundo apelo à ação "Faço um donativo" ou reduza os elementos para que tudo caiba no recorte.
2. Um bom conhecimento da sua base de destinatários
Gmail, Yahoo, Orange, Caramail ou AOL... Cada fornecedor de correio eletrónico interpreta o código dos seus e-mails de forma diferente (ou não interpreta de todo para alguns dos mencionados acima, mas isso é outro problema ;-))...
Conhecer as especificidades da sua base, identificando os diferentes fornecedores de mensagens, permitir-lhe-á orientar os seus esforços.
Existem soluções simples! Recomendamos que teste o design responsivo dos seus modelos antes de os enviar para diferentes suportes, quer sejam dispositivos, fornecedores de correio eletrónico ou diferentes aplicações.
3. Não confundir design reativo com visualização condicional
Estes dois conceitos radicalmente diferentes são frequentemente confundidos. Um lembrete rápido para os não iniciados ou para os dois lá atrás que não ouviram uma palavra...
O design responsivo consiste em manter todos os elementos básicos do criativo e reduzir ou mover estes blocos para se adaptarem a diferentes dispositivos ou fornecedores de correio eletrónico.
Tal como o nome sugere, a apresentação condicional envolve a escolha de apresentar ou remover determinados blocos que são considerados desnecessários ou inadequados para telemóvel. O design é visivelmente mais limpo no telemóvel do que no computador.
Em princípio, a apresentação condicional pode ser uma boa forma de evitar criativos sobrecarregados com imagens e texto que causam muita deslocação.
Mas, na prática, muitos fornecedores de mensagens ou routers tratam mal ou não tratam de todo a apresentação condicional. O resultado: criativos que estão todos partidos ou blocos que são duplicados (desktop E móvel) um após o outro. Que horror! E como as coisas más nunca vêm sozinhas, isto aumenta consideravelmente o peso dos seus e-mails, o que também conduzirá a uma fraca capacidade de entrega...
Exemplo de
condicional aceite pelo sistema de mensagens
Exemplo de uma condicional não aceite pelo sistema de mensagens
Para evitar este e muitos outros inconvenientes (e para continuar a conversar tranquilamente no fundo da sala de aula), confie em nós para receber e-mails verdadeiramente responsivos!
