Download - E-mails incríveis em dispositivos móveis
![Page 1: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/1.jpg)
ENVIE EMAILS
MÓVEISINCRÍVEIS
EM DISPOSITIVOS
![Page 2: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/2.jpg)
VAMOS FALAR SOBRE:
O INCRÍVEL CRESCIMENTO DO MOBILE
CONHECENDO A AUDIÊNCIA
SEUS LEITORES MÓVEIS
ESTRATÉGIAS E MELHORES PRÁTICAS
EXEMPLOS
![Page 3: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/3.jpg)
Telas, telas, telas e mais telas
![Page 4: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/4.jpg)
Qual o tamanho do mercado móvel para emails?
Webmail
20%
Desktop
29%
Mobile
51%
Mobile: Smartphones (iPhone, Android) e tablets
Desktop: Programas de email instalados(Outlook, Apple Mail)
Webmail: Email acessado através donavegador (Gmail, Hotmail, Yahoo!)
Source: Litmus Email Analytics
Compar he!abcomunica.com.br
Compar he!
![Page 5: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/5.jpg)
Source: Litmus Email Analytics
15
30
45
60
Q1 2011
Q2 2011
Q3 2011
Q4 2011
Q1 2012
Q2 2012
Q3 2012
Q4 2012
Q1 2013
Q2 2013
Q3 2013
Q4 2013
Desktop Mobile Webmail
10%
50%
33%
Olhando para trás até 2011
Compar he!abcomunica.com.br
Compar he!
![Page 6: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/6.jpg)
leituras em dispositivos móveis aumentaram
desde 2011
400%
![Page 7: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/7.jpg)
Principais Clientes de Email
#1 - iPhone
#2 - Outlook
#3 - Android
#4 - iPad
![Page 8: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/8.jpg)
menor maior
Compar he!abcomunica.com.br
Compar he!
![Page 9: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/9.jpg)
O que todos tem em comum
TOUCH.
![Page 10: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/10.jpg)
31% dos marketeiros não sabe a sua
taxa de abertura de email
source: marketingsherpa.com
![Page 11: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/11.jpg)
Compar he!abcomunica.com.br
Compar he!
Colocar código de rastreamento
![Page 12: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/12.jpg)
Compar he!abcomunica.com.br
Compar he! Source: BlueHornet Study: Consumer Views of Email Marketing, 2012 and 2013
10%
Delete it
Unsubscribe
View on computer
Don't know
Read anyway
0 25 50 75 100
se você recebe um email com a
aparência ruim o que você faz?
80.3%
30.2%
13.5%
3.8%
6.3%
+68%
+15%
![Page 13: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/13.jpg)
Como um email com aparência pobreafeta sua percepção deuma marca?
75%
negativo
Levemente negativo51%
Neutro25%
FortementeNegativo
24%
Compar he!abcomunica.com.br
Compar he!
![Page 14: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/14.jpg)
3% reabrem em outro
cliente 97% veêm em umúnico ambiente
Comportamento de leitura
Compar he!abcomunica.com.br
![Page 15: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/15.jpg)
Reduza a fricção
Compar he!abcomunica.com.br
Compar he!
![Page 16: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/16.jpg)
NÃOFormulários pequenosAnimações em �ash
Compar he!abcomunica.com.br
Compar he!
![Page 17: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/17.jpg)
SIMFácil de usarAmigável ao toque
Compar he!abcomunica.com.br
Compar he!
![Page 18: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/18.jpg)
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?
![Page 19: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/19.jpg)
estratégia #1
primeiro o mobiletambém conhecido com escalável
![Page 20: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/20.jpg)
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!abcomunica.com.br
Compar he!
![Page 21: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/21.jpg)
Compar he!abcomunica.com.br
Compar he!
![Page 22: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/22.jpg)
estratégia #2
fluido
![Page 23: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/23.jpg)
Source: BlueHornet Study: Consumer Views of Email Marketing, 2012 and 2013
A largura do emailse altera de acordocom a janela de leitura do dispositivo
Largura baseada em percentuais
Adapta-se para a largura da tela
Texto se ajusta automaticamente
Compar he!abcomunica.com.br
Compar he!
![Page 24: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/24.jpg)
Menor curva de aprendizado
Melhor para emails commuito texto
Compar he!abcomunica.com.br
Compar he!
![Page 25: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/25.jpg)
estratégia #3
responsivo
![Page 26: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/26.jpg)
Compar he!abcomunica.com.br
Compar he!
![Page 27: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/27.jpg)
Os conteúdos mudam de tamanho de acordo com a tela.Telas maiores permitem textos eimagens maiores.
Esconder conteúdos no mobile
Empilhar colunas
Mudar de um design de 2 colunas para um design de 1 coluna
h ps://litmus.com/blog/the-how-to-guide-to-responsive-email-design-infographic
Compar he!abcomunica.com.br
Compar he!
![Page 28: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/28.jpg)
Email é uma mídia únicacom considerações também únicas
![Page 29: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/29.jpg)
O dedo é o novo mouse
Compar he!abcomunica.com.br
Compar he!
![Page 30: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/30.jpg)
Usando celular nossos dedos continuam do mesmo tamanho
image: webdesignerdepot.com
Compar he!abcomunica.com.br
Compar he!
![Page 31: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/31.jpg)
Corpo do email: 16px+
Títulos: 22px+
Botões: 44px by 44px
Espaçamento: 10px+
Áreas tocáveis
Maior é melhor
Compar he!abcomunica.com.br
Compar he!
![Page 32: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/32.jpg)
-webkit-text-size-adjust: none;
Evite fontes pequenas
Compar he!abcomunica.com.br
Compar he!
![Page 33: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/33.jpg)
Email é uma aplicaçãoe ocasionalmente no navegador
Compar he!abcomunica.com.br
Compar he!
![Page 34: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/34.jpg)
A renderização é inconsistenteatravés dos dispositivos e sistemas operacionais
Compar he!abcomunica.com.br
Compar he!
![Page 35: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/35.jpg)
1 Conhecça sua audiência
RESUMINDO
2 Planeje o design para o mobile
3 Pense no toque com os dedos
4 Codi�que para a medida e não para o dispositivo
![Page 36: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/36.jpg)
Quer criar campanhas por emailque funcionem de verdade?
Deixe com a gente!
![Page 37: E-mails incríveis em dispositivos móveis](https://reader031.vdocuments.site/reader031/viewer/2022020123/55856d26d8b42a422c8b4779/html5/thumbnails/37.jpg)
Dú[email protected]/cruzalexsandro
twitter.com/alexsandrocruz(79) 3246-0515 | 9876-0333
www.abcomunica.com.br