7 dicas de design para criar e-mails de sucesso em 2016

Como designer de e-mail, é seu trabalho fornecer aos assinantes uma experiência funcional de e-mail. Isso significa eliminar o atrito que pode corroer a experiência do assinante e, por fim, prejudicar a imagem de sua marca.

Alcançar esse objetivo é complicado pelo fato de que o e-mail está em constante evolução. É crucial ficar por dentro das atualizações mais recentes no mundo do e-mail, especialmente quando essas mudanças - como novos aplicativos e atualizações para HTML e suporte a CSS - podem afetar suas campanhas cuidadosamente projetadas.

No Relatório de estado do e-mail de 2016, reunimos tudo o que aconteceu no mundo do e-mail no ano passado, ajudando a identificar as principais inovações que podem ter grandes implicações em suas campanhas de e-mail.

Obtenha seu relatório grátis →

Aqui está uma prévia do que você encontrará lá dentro:

1. MANTENHA O APPLE WATCH EM MENTE

Em abril de 2015, o Apple Watch foi lançado. A adição de wearables à frota de aplicativos de e-mail era inevitável - e está trazendo algumas implicações importantes para designers de e-mail. Se o seu público inclui os primeiros usuários da tecnologia e usuários em potencial do Watch, considere a experiência do assinante no Watch.

Como o Apple Watch exibe texto simples quando imagens remotas ou vinculadas são detectadas, é crucial otimizar a versão em texto simples de seus e-mails. Observe também que caracteres especiais, espaços extras e outros truques de formatação reservados para o consumo de texto simples da área de trabalho não são bem-sucedidos na tela pequena do relógio.

Também existe uma opção mais avançada para adicionar uma terceira parte à sua mensagem: text / watch-html. Incluindo esta parte adicional e especificando o Content-Type como “text / watch-html,” o Watch exibirá a parte de texto / watch em vez da parte de texto simples quando a parte HTML for inadequada. No entanto, certifique-se de verificar com seu ESP antes de adicionar a parte Watch - nem todo mundo oferece suporte para isso.

2. OTIMIZE PARA BLOQUEIO DE IMAGEM

O Outlook 2016 e o ​​aplicativo Alto Mail da AOL foram introduzidos em 2015 - e cada bloco de imagens por padrão. Os designers de e-mail devem usar técnicas de design defensivas, como texto ALT, botões à prova de balas e um equilíbrio adequado de imagens e texto HTML para combater o bloqueio de imagens.

3. NÃO OCULTAR SEU LINK DE CANCELAMENTO DE ASSINATURA

Em setembro de 2015, o Gmail lançou uma nova funcionalidade de “bloqueio” para todos os usuários do webmail do Gmail e do aplicativo Gmail para Android, dando aos consumidores mais uma opção de livrar suas caixas de entrada de e-mails indesejados. Quando um assinante “bloqueia” um remetente, isso significa que ele nunca verá um e-mail desse remetente novamente.

A vantagem é que a nova opção “bloquear” deve reduzir as reclamações de spam porque alguns assinantes que teriam clicado anteriormente em “relatar spam” agora clicarão em “bloquear”. A desvantagem é que o botão “bloquear” pode ter criado uma nova barra inferior para intervenção do ISP, então alguns assinantes que podem ter clicado anteriormente em “cancelar” agora clicarão em “bloquear”.

Então o que você deveria fazer? Facilite o cancelamento da inscrição. Se os assinantes não conseguirem identificar facilmente o seu link de cancelamento, alguns simplesmente bloquearão sua mensagem ou a marcarão como spam. Se o seu link de cancelamento de assinatura estiver escondido em um pequeno tipo cinza, é hora de quebrá-lo em uma linha por si só com um texto maior e mais fácil de ler.

Além disso, adicione o cabeçalho “cancelar assinatura da lista” e o Gmail irá, em certas circunstâncias, colocar um link “Cancelar assinatura” após o seu nome de remetente e endereço de e-mail do remetente.

Embora este link permita que os assinantes ignorem o processo de cancelamento - incluindo o centro de preferências, se você usar um - ainda é preferível obter uma reclamação de bloqueio ou spam.

4. ATUALIZE SEUS E-MAILS INTERATIVOS

Em setembro de 2015, a Apple lançou a versão mais recente de seu sistema operacional móvel, iOS 9. Esse sistema operacional atualizado adicionou suporte para algumas novas propriedades CSS - e introduziu algumas mudanças que frustram os designers de e-mail.

Uma dessas frustrações? O seletor irmão geral (~) nem sempre é compatível. Remi Parmentier e Justin Khoo, membros da Comunidade Litmus, relataram que o seletor geral de irmãos ~ não é compatível com o iOS 9 quando usado com os seletores de pseudo classe: hover ou: selecionados.

Muitos e-mails interativos usam pseudo classes para verificar se algo aconteceu ou não em um e-mail e estilizar os elementos de maneira adequada, dependendo do estado. No entanto, esse bug fará com que os e-mails anteriormente interativos sejam estáticos.

Felizmente, existe uma solução! Simplesmente substitua o seletor geral de irmãos ~ pelo seletor de irmãos adjacente +. Embora não seja tão flexível quanto o seletor geral de irmãos menos específico, ele obtém os mesmos resultados.

5. USE LAYOUTS COM BASE EM TABELA

Em setembro de 2015, a Microsoft lançou a versão mais recente de seu cliente Outlook - Outlook 2016. Infelizmente, ele não mudou muito em relação a seus predecessores. Como o Outlook 2007, 2010 e 2013, o Outlook 2016 renderiza e-mails usando o Microsoft Word, que tem suporte insuficiente para HTML e CSS e tem uma tonelada de peculiaridades frustrantes.

Versões mais recentes do Outlook (2007-2016) têm suporte insuficiente para HTML e CSS e incluem uma série de peculiaridades a serem lembradas:

• Sem suporte para imagens de fundo em divs e células de tabela
• Sem suporte para flutuação ou posição CSS
• Sem suporte para sombra de texto
• Suporte insuficiente para preenchimento e margem
• Suporte insuficiente para largura e altura CSS
• Problemas com cores de fundo de elementos aninhados

Devido à falta de suporte para muitas propriedades CSS, os layouts baseados em tabela são uma necessidade para otimização no Outlook 2016. Você também pode usar CSS condicional para direcionar especificamente o Outlook 2016.

6. USE ELEMENTOS PARA CELULAR

Com 55% das aberturas de email acontecendo em dispositivos móveis, é mais crucial do que nunca ter uma estratégia de email móvel em vigor. Embora o uso de design responsivo seja uma ótima opção, você também deve usar elementos compatíveis com dispositivos móveis nos casos em que as consultas de mídia não são suportadas.

Por exemplo, nem o aplicativo Alto Mail da AOL nem o aplicativo Universal Outlook, ambos introduzidos em 2015, oferecem suporte a consultas de mídia.

Aproveite as vantagens do texto grande, dos botões fáceis de tocar e do design de uma única coluna para fornecer a seus assinantes a melhor experiência possível.

7. USE OS DADOS ABERTOS PARA TOMAR DECISÕES DE PROJETO

Embora observar as tendências de abertura de e-mail em todo o setor seja um grande indicador da adoção de certos clientes de e-mail, é o seu público que importa. É mais importante do que nunca olhar onde seu público está abrindo seus e-mails e ajustar seus designs de acordo.

Por exemplo, vimos um aumento de 22% nas aberturas do iPhone em 2015, o que agora representa 33% do total de aberturas de e-mail. Se você está vendo algo semelhante em seu próprio público, pode usar esses dados para informar suas decisões de design. Sabemos que o iOS, o sistema operacional do iPhone, tem excelente suporte para HTML e CSS, então você pode usar com segurança técnicas avançadas como fundos de vídeo HTML5 em nossas campanhas.

A chave é entender seu público. Com Email Analytics, você obterá os dados de que precisa para otimizar seus projetos. Inscreva-se para um teste gratuito hoje. Não é necessário cartão de crédito.

OBTER O RELATÓRIO DE ESTADO DE EMAIL 2016

Quer ainda mais informações e resultados práticos? Fique por dentro das últimas atualizações e avanços por e-mail, baixando o relatório gratuito hoje mesmo.

Obtenha o relatório de estado do e-mail de 2016 →