Escolar Documentos
Profissional Documentos
Cultura Documentos
Fonte: http://www.pewinternet.org/topics/email/
1. Assunto
2. Texto de pré-leitura
3. Humanizado e contextualizado
4. Conteúdo dinâmico
5. Layout
6. Largura e altura
7. Imagens
8. Fontes
9. Espaços em branco
10. Mobile first
11. Códigos responsivos
12. Call to Action
13. Linkagem
14. Vídeos e GIfs
15. Tom da comunicação
16. Teste AB
17. Rodapé
Pirâmide invertida:
Esse modelo de estruturação de e-mail é muito
comum para o usuário, uma vez que faz com
que sua visão acompanhe sempre um caminho
claro até uma call to action (chamada para ação),
veja um exemplo:
Zig-Zag:
Sabe aquelas newsletters que vão fazendo você
fazer zig-zag com os olhos? De acordo com a
Designer Mary Stribley, é muito mais
empolgante acompanhar um layout angular,
principalmente quando falamos de várias
informações em só material.
Veja esse exemplo:
Coluna única:
Funciona muito bem em quase todo tipo de
dispositivo, e mais ainda no mobile, pois não
depende muito da adaptação, sendo feito para
leitura em smartphones.
Além disso, é muito forte e usado quando existe
uma hierarquia clara da importância do
conteúdo do e-mail, dividindo bem o que você
quer que seja o centro da atenção e o que será
secundário. Dessa forma o usuário consegue ler
na ordem correta.
Veja esse exemplo:
Para usar imagens em e-mails, lembre-se de se • Alt Text: O texto alternativo serve para que o
atentar a esses fatores: usuário visualize alguma coisa antes de liberar a
imagem quando ela for bloqueada e deve ser
• Dimensões: evite fazer e-mails que sejam inserido na programação do e-mail. Exemplo: na
totalmente em imagem, isso porque alguns logo o alt text poderia ser "logo da minha
servidores travam para esse recurso e não empresa".
mostram a imagem para o usuário antes dele
liberar, mas caso vá fazer, lembre-se: mobile first, • Use imagens que complementam o seu e-mail:
use fontes grandes e saiba posicionar sua Call to Exatamente. Não deixe as imagens serem
action. protagonistas do seu e-mail não marketing, pois
o conteúdo é que deve ser o principal elemento
• Tamanho do arquivo: Mais de 50% dos e-mails, que vai gerar valor para o leitor.
hoje, são abertos em mobile, então não conte
com uma internet boa (principalmente no Brasil • Cuidado com banco de imagens: É possível que,
rs). Por isso, tente sempre salvar a imagem no o usuário enxergue as imagens de banco de
menor tamanho possível. Existem sites, como o dados muito distantes de sua realidade e a
tinyopng.com que podem fazer esse trabalho mensagem seja distorcida por isso. Então,
para você. algumas vezes vale, realmente, focar no
conteúdo e na mensagem a ser passada, e tentar
Acesse o tinypng.com captar uma imagem que seja mais realista e
representativa.