O documento discute estratégias para emails em dispositivos móveis, enfatizando que: 1) a leitura de emails em dispositivos móveis aumentou drasticamente nos últimos anos e agora representa a maioria dos acessos; 2) os designs devem ser otimizados para telas menores e interação com toque, priorizando simplicidade e espaçamento; 3) as abordagens "primeiro o mobile", "fluida" e "responsiva" podem ser usadas para criar emails adaptáveis entre dispositivos.
4. Qual o tamanho do
mercado móvel para emails?
Mobile:
Smartphones (iPhone, Android)
e tablets
Webmail
20%
Mobile
51%
Desktop
Desktop:
Programas de email instalados
(Outlook, Apple Mail)
29%
Webmail:
Email acessado através do
navegador (Gmail, Hotmail, Yahoo!)
Compar he!
Compar he!
Source: Litmus Email Analytics
abcomunica.com.br
11. Colocar código de rastreamento
Compar he!
Compar he!
abcomunica.com.br
12. se você recebe um email com a
aparência ruim o que você faz?
+15%
Delete it
Unsubscribe
13.5%
3.8%
Don't know
10%
6.3%
Read anyway
0
Compar he!
Compar he!
30.2%
+68%
View on computer
80.3%
25
50
Source: BlueHornet Study: Consumer Views of Email Marketing, 2012 and 2013
abcomunica.com.br
75
100
13. Como um
email com
aparência pobre
afeta sua
percepção de
uma marca?
Fortemente
Negativo
24%
75%
negativo
Levemente negativo
51%
Compar he!
Compar he!
Neutro
25%
abcomunica.com.br
18. Qual o seu objetivo?
É possível criar bons Call to Action no mobile?
É prático para os dedos?
Quantos cliques/toques são necessários?
A landing page está otimizada?
20. Considere o mobile uma prioridade
Um layout para todas as telas
Design com uma coluna
• 320-500px
Textos e botões grandes
Muito espaço em branco
Call to actions claros
Corpo curto e direto
Compar he!
Compar he!
abcomunica.com.br
23. A largura do email
se altera de acordo
com a janela de
leitura do dispositivo
Largura baseada em percentuais
Adapta-se para a largura da tela
Texto se ajusta automaticamente
Compar he!
Compar he!
Source: BlueHornet Study: Consumer Views of Email Marketing, 2012 and 2013
abcomunica.com.br
24. Menor curva de aprendizado
Melhor para emails com
muito texto
Compar he!
Compar he!
abcomunica.com.br
27. Os conteúdos mudam
de tamanho de acordo com a tela.
Telas maiores permitem textos e
imagens maiores.
Esconder conteúdos no mobile
Empilhar colunas
Mudar de um design de 2 colunas
para um design de 1 coluna
Compar he!
h ps://litmus.com/blog/the-how-to-guide-to-responsive-email-design-infographic
Compar he!
abcomunica.com.br