Dica »
As diferenças entre os leitores de e-mail - Parte 02
Quem navega com um browser diferente do Internet Explorer com certeza já se deparou com páginas que não abrem direito, aparecem "quebradas" ou desconfiguradas. O que acontece é que, grosso modo, cada empresa (e consequentemente cada programa) trabalha com uma maneira de carregar as páginas web para visualização. O resultado é que designers e desenvolvedores muitas vezes têm que trabalhar seus projetos de mais de uma maneira para acomodar os diferentes browsers. De alguns tempos pra cá, vêm ganhando força na web os "webstandards", padrões de desenvolvimento e design para a Internet que visam garantir a visualização e navegabilidade no maior número de browsers e plataformas.
Temos visto isto acontecer também em e-mails. Cada programa "lê" os e-mails de maneira diferente, o que acaba fazendo com que as mensagens possam aparecer "quebradas" ou desconfiguradas para alguns destinatários. Isso não é culpa do designer, ou mesmo da ferramenta utilizada para o disparo, mas sim do próprio programa leitor de e-mails, o que acaba por muitas vezes restringindo a criação de mensagens visualmente mais atraentes e envolventes.
A exemplo dos "webstandards" existe hoje na web um projeto chamado "E-mail Standards", que não só visa o estabelecimento de padrões de design e desenvolvimento como testa periodicamente os principais leitores de e-mails do mercado e sugere as melhorias necessárias. Veja aqui alguns dos testes realizados e os diagnósticos apresentados para os principais leitores de e-mails.
Nesta nossa newsletter temos não só acompanhado o desenrolar deste tipo de ação como apresentamos dicas para o melhor design de suas mensagens. Hoje vamos estender um pouco estas dicas considerando este fator importantíssimo, os leitores de e-mails:
- Em primeiro lugar, teste seu design sempre que possível. Envie para contas do Gmail, Hotmail, Yahoo! Mail, abra a mensagem no Outloook, Thunderbird, Eudora, Lótus Notes, etc. Quanto mais testes você fizer, mais certeza terá da visualização da peça por seus clientes.
- Evite utilizar CSS. Os stylesheets são uma mão na roda para o web design, mas o mesmo não se pode dizer para e-mails. Existe um motivo para isso: provavelmente suas mensagens serão lidas através de webmails (como o Gmail, Hotmail ou mesmo interfaces de provedores como o Terra e UOL). Como na maioria das páginas web, estas também já utilizam CSS na construção de suas páginas. Assim, a chance é grande de haver conflitos de estilos (a página tem um parâmetro de estilo e o e-mail outro, com definições diferentes para as mesmas tags). Quando isso ocorre, o parâmetro que será mostrado na página é o principal, ou seja, o da página inteira. Isso faz com que os estilos definidos para seu e-mail sejam solenemente ignorados.
- Use tabelas ao invés de < DIV >. Se você é um defensor ferrenho do tableless, por favor calma! Nós também somos ;) Porém, existe uma questão que é mais forte do que qualquer outra quando se fala em usabilidade: seu conteúdo precisa aparecer para o usuário da melhor maneira possível. De nada adianta montar uma mensagem tecnicamente linda, toda semântica, se ela não será vista dessa maneira pelo programa do destinatário. Esta questão se estende para outros parâmetros de posicionamento, e entra na questão exposta acima. Se a página que eu estiver usando para ler meus e-mails contiver tags < DIV >, são grandes as chances de estas tags serem utilizadas para mostrar tudo, inclusive a sua mensagem.
- Nunca é demais lembrar: evite utilizar somente imagens em sua mensagem. Mescle as imagens com texto no corpo do e-mail. Temos visto exemplos recorrentes de ações que poderiam atingir níveis muito mais altos de interação (e resultados) por utilizarem somente imagens no corpo do e-mail. Na verdade, já é consenso que mensagens compostas somente por imagens têm em média 35% menos resultados que aquelas que mesclam texto e imagens. O principal motivo é que os programas leitores de e-mails bloqueiam as imagens das mensagens, cabendo ao destinatário desbloqueá-las para poder visualizá-la. Aí eu pergunto: o que você faz quando recebe um e-mail "em branco"? Carrega as imagens ou deleta na hora? Pois é, muitas pessoas deletam sem carregar. Com a quantidade de vírus e malwares sendo enviados por e-mail, as pessoas preferem apagar uma mensagem suspeita a dá-la o benefício da dúvida. Um e-mail somente com imagens vai parecer totalmente em branco para o usuário, já que estas estarão bloqueadas. Uma dica: se você quiser fazer um teste de performance, faça um "teste A-B". Divida sua base ao meio e envie, para a primeira metade, a mensagem só com imagens. Para a outra metade da base, envie a mesma mensagem mesclando imagens e texto. Assim você terá a real medida de quanto esse tipo de cuidado no design da mensagem influi no resultado da ação.
Estas foram algumas dicas sobre como contornar os problemas de leitura nos vários leitores de e-mails do mercado. Você tem alguma outra dica? Participe no nosso fórum. É um espaço criado justamente para que possamos debater as Melhores Práticas em E-mail Marketing e Mobile Marketing.
Boas festas, e bons disparos!
Fabio Zucchetto (fabio.zucchetto@zartana.com) é consultor de negócios da Zartana, com 10 anos de experiência desenvolvendo projetos de comunicação, marketing e relacionamento para grandes clientes no Brasil e exterior.