Cada vez mais pessoas dependem do celular, não apenas para fazer ligações, como também para realizar tarefas que antes eram feitas através do computador. Um exemplo é a leitura dos e-mails, que graças ao telefone móvel pode ser lido a qualquer momento, por isso a maioria das pessoas consegue comunicar-se de forma rápida e eficiente. É difícil estimar exatamente a quantidade de pessoas que abrem seus e-mails através do celular,mas sabe-se que este número cada vez aumenta mais.
Esta é uma alteração no perfil dos usuários que deve ser levado em consideração no planejamento de suas campanhas de e-mail marketing. Se você deseja que sua campanha seja eficaz, a única solução é adaptar-se para poder oferecer aos seus usuários informações de qualidade, para obter o maior sucesso possível em suas campanhas.
A seguir veremos algumas dicas para otimizar o design de um e-mail para celular.
1. Aumente as fontes: Para adaptar sua mensagem as interfaces dos celulares, você deve utilizar fontes maiores do que as utilizadas em mensagens que serão abertas a partir de computadores. o iOS especifica um tamanho mínimo de 13px para as fontes, ajustando-as para este tamanho, caso sejam menores. Recomenda-se por isso um tamanho mínimo de 14px, com cabeçalhos com um tamanho maior do que 22px.
2. Observe as margens: O iOS ajusta o zoom dos e-mails para adaptá-los a largura da tela, porém os outros sistemas não o fazem, por isso se sua newsletter não tiver margens adequadas o usuário precisará deslocar o texto da esquerda para a direita para poder ler a sua mensagem, o que torna-se incômodo e pode fazer com que sua campanha seja menos eficaz, pois muitos usuários não terminarão de ler o e-mail.
Para evitar que isto ocorra, tente utilizar no seu e-mail uma largura entre 220-550px .
Na Mailrelay oferecemos templates com um design adequados, como por exemplo nossa newsletter natalina. Você poderá encontrar muitos outros modelos dentro da sua conta da Mailrelay.
3. Chamada a ação: A parte mais crucial e eficaz no design de um e-mail é a chamada a ação, (estes botões com frases como “Compre já” ou “Solicite agora”). Este botão deve ser inserido no centro da tela, não tenha medo de adicionar um botão muito grande, (é considerado adequado um botão de 44x44px ).
4. Simplifique: Quanto menos melhor. Faça o possível para simplificar cabeçalhos complexos, barras de navegação, ferramentas para compartilhar nas redes sociais ou chamadas a ação, de forma que seja possível manter um design claro e limpo.
5. Imagens: O único sistema operacional que não bloqueia as imagens é o iOS, no restante o sistema alerta o usuário sobre a existência das imagens, mas é o assinante que precisará marcar manualmente para que as imagens da newsletter sejam exibidas. Faça um uso equilibrado com respeito ao texto em HTML.
6. Encurte: Revise seu e-mail e encurte links, retirando imagens ou textos que possam ser considerados irrelevantes, para montar um e-mail mais limpo, mas sem que deixe de ser atrativo e prático.
7. Layout: Enquanto o design das newsletters geralmente tem duas ou três colunas, no caso de e-mails direcionados para dispositivos móveis, recomenda-se a utilização de uma única coluna, que possa ser facilmente adaptada a todos os tipos de tela, para que sua mensagem seja legível.
8. Realce: Faça com que seu e-mail seja o mais visível possível. Ainda que, as chamadas a ação, normalmente já são criadas para que se destaquem do restante da mensagem, você pode realçar ainda mais sua newsletter, adicionando sombras ou cores chamativas. Tente utilizar cores e outros recursos nas fontes que guiem o leitor através da informação mais importante.
9. Adaptado aos dedos: Deixar espaços entre as linhas e adicionar botões grandes que facilitem a navegação é fundamental, uma vez que torna a leitura da mensagem um processo mais cômodo, o que facilitará a interação com a newsletter recebida.
E agora que você já sabe quais são os requisitos para a criação do e-mail direcionado para leitura em celulares, aqui vão alguns websites que você pode utilizar para encontrar templates para que você possa criar e-mails de forma simples:
Neste website você irá encontrar uma série de 5 templates com um design fluído que além do link necessário para cancelar a assinatura, incluem também a possibilidade de adicionar links para seus perfis nas redes sociais. Cada um destes modelos é oferecido de forma separada em uma folha de estilo CSS e HTML. Para adicionar imagens será preciso criar e compactar uma pasta com a folha de estilos CSS antes de importá-la.
Antwort (gratuito)
A Antwort utiliza um HTML com compatibilidade universal, incluindo o Outlook para adaptar-se a largura de cada provedor de e-mail. Seus designs foram testados em ambientes reais e dados reais para comprovar sua confiabilidade. Também oferece um guia de estilo e lista de perguntas frequentes no seu website. Este é um template que você poderá importar facilmente para sua conta da Mailrelay.
Market (18 dólares)
Este construtor de modelos oferece 8 designs baseados em módulos pre-definidos, incluindo 24 variações de cores e 28 elementos diversos para construir um design personalizado.
O template pode ser criado em três passos simples, para que você possa preparar o template para suas campanhas enviadas através da Mailrelay. Além disso, os designs são compatíveis com os provedores de e-mail mais conhecidos, incluindo o Outlook.
Campaigner (18 dólares)
Oferece um pacote de modelos com 9 designs, com 8 cores e duas texturas disponíveis, com mais de 120 variações para que possam ser adaptadas em qualquer tipo de newsletter. Todos os templates foram testados e funcionam nos principais servidores de e-mail. Além disso, é muito fácil importar os modelos para dentro da sua conta da Mailrelay.
Também é incluído um tutorial em vídeo e um PSD com capas.
Quinn (18 dólares)
O Quinn permite a personalização de 14 módulos para a criação de modelos únicos adaptados a cada objetivo utilizando seus dois designs.
Oferece 6 combinações de cores bem como um código HTML e estrutura flexíveis, com um plug-in compatível com o WordPress.
Freelancer (18 dólares)
Simples porém bonito, o template Freelancer está adaptado a maioria das newsletters. São oferecidos 5 designs únicos, com esquemas de cores e 10 módulos que podem ser repetidos. Também conta com template CSS e uma estrutura de código flexível.
O Metromix é um template de e-mail de múltiplas utilidades (empresas, marketing, ETC.) Porém com uma adaptação perfeita para plataformas móveis.
Inclue 7 esquemas de cores pré-definidos e um design misto com módulos repetíveis flexíveis. Adicionando ou deletando blocos você poderá personalizar seu design de forma fácil e para que fique do geito que você preferir.
FancyMail (18 dólares)
Com um acabamento profissional, o FancyMail coloca a sua disposição 7 designs, 8 cores e 3 opções de designs. Cada design adapta-se a diferentes tipos de tela, incluindo celulares.
FreshMail (17 dólares)
Leve e simples. Assim podemos definir o design do template FreshMail, com uma plataforma de fácil utilização para a criação e personalização de templates.
É compatível com os principais provedores de e-mail e conta com 7 designs, cores pré-definidas, documentação de ajuda e botões CSS flexíveis.
São templates que você poderá importar facilmente para a Mailrelay.
Tanto os templates gratuitos como os pagos, graças ao seu baixo custo, permitirão enviar newsletters profissionais com um design adequado a uma plataforma que hoje em dia é utilizada para cada vez mais usuários.