Tendências de design de e-mail realmente boas: gravação de webinar + perguntas e respostas

Seus assinantes são bombardeados com milhares de mensagens em vários canais e é mais difícil do que nunca fazer sua marca se destacar. Uma maneira de cortar o barulho? Impressione-os com um design de e-mail realmente bom .

Neste webinar, demos uma olhada nas tendências de design de e-mail ao longo dos anos. Como era o e-mail no início dos anos 2000? Quais tendências se juntaram ao círculo dos vencedores em 2019? E o que será enorme em 2020 - ou mesmo em 2030? A equipe Really Good Emails se juntou a nós em uma viagem pela memória do design de e-mail e nos ajudou a fazer previsões sobre o que vem a seguir.

Não teve a chance de assistir ao webinar ao vivo? Não se preocupe. Você pode acessar a gravação completa a qualquer momento e ler as perguntas e respostas abaixo.

Q&A

Um grande obrigado a todos que colaboraram durante o webinar com uma pergunta! Aqui está uma recapitulação de nossas respostas às perguntas mais populares, junto com nossa opinião sobre algumas das perguntas que não respondemos durante o webinar ao vivo. Tem mais perguntas? Por favor, deixe-os nos comentários.

Como essas tendências de design de e-mail diferem entre B2C e B2B?

Mike Nelson : Essas tendências são consistentes em B2B, B2C e organizações sem fins lucrativos. Só porque você está em uma vertical não significa que não possa usar as idéias de design de outra. A única indústria que parece ter seu próprio tipo de sensação são os e-mails do governo, que costumam ter muito texto.

Qual é a melhor maneira de usar o espaço em branco, agora que o Modo escuro tende a torná-lo mais difícil?

Mike : Parece um pouco confuso chamá-lo de “espaço em branco” quando na verdade significa apenas espaço em branco. Nesse contexto, não importa se é branco ou escuro - você só quer dar algum espaço para cada elemento.

Lily Worth : Acho que o termo espaço em branco é frequentemente considerado como espaço negativo, o que é útil porque não é específico de uma cor.

Alguma dica sobre como incluir elementos de design visual mais elaborados em e-mails com estilo de texto simples?

Jason Rodriguez : Para e-mails com estilo de texto simples, tudo se resume à hierarquia, portanto, não é apenas uma grande bolha de texto que seus assinantes provavelmente não verão. Se você pode criar capacidade de digitalização criando seções com títulos diferentes - e usando pesos diferentes ou texto com estilos diferentes para fazer esses títulos se destacarem - isso também ajuda.

Mike : A menos que você esteja escrevendo um artigo longo e usando o e-mail como meio, tente limitar seus parágrafos a apenas algumas ou poucas frases. Use marcadores onde puder para resumir ideias. Use caracteres especiais como “####################” para criar intervalos visuais entre as ideias. Temos alguns bons exemplos de e-mails em estilo de texto e carta nesta coleção da RGE .

Lily : Eu concordo com Jason. Usar diferentes tamanhos e pesos de fonte - e talvez alguns estilos de fonte diferentes para criar alguma hierarquia - ajudará a tornar um e-mail digitalizável e digerível. Você certamente pode ser criativo com a tipografia; há alguns bons exemplos de e-mails somente de texto na parte inferior de nossa postagem do blog sobre tipografia em negrito .

Existe uma maneira de tornar a animação e os GIFs animados acessíveis?

Lily : Uma animação deve desempenhar um papel de apoio, portanto, a mensagem principal e a frase de chamariz devem existir dentro do conteúdo escrito . Se uma animação contiver qualquer informação separada e importante, então isso deve ser representado em uma tag ALT.

Para a animação em si, as taxas de flash do conteúdo entre 2 Hz e 55 Hz podem prejudicar os usuários com epilepsia fotossensível. Além disso, os usuários com deficiência visual podem ter dificuldade em ler ou revisar o conteúdo de um GIF antes que a animação seja alterada. Certifique-se de que seus GIFs animados tenham transições suaves ou não sejam animados de um quadro para o outro em alta velocidade.

Jason : Os GIFs são de natureza muito decorativa para a maioria das campanhas. Mas se esse GIF não carregar, se não estiver lá quando seus assinantes abrirem o e-mail, sua mensagem ainda fará sentido? Se alguém estiver usando um leitor de tela para ler seu e-mail, essa pessoa conseguirá entender sua mensagem? Como disse a Lily, se o GIF fornece um valor não repetitivo, certifique-se de colocar essa mensagem em uma tag ALT para que todos os assinantes tenham acesso a essa informação.

Você sugere alguma ferramenta para criar animações e GIFs?

Matt Helbig : Ainda estamos vendo marcas usando ferramentas como Adobe Photoshop ou After Effects. Adicionar algumas animações CSS ou efeitos de foco pode ser uma boa maneira de adicionar movimento ao seu e-mail com algumas linhas de código.

Lily : Para criar as animações que apresentamos nos e-mails Litmus, usamos o Adobe Animate. Este software nos permite criar animações GIF, PNG e HTML5 - aqueles que já trabalharam com Flash no passado acharão este software familiar.

Whitney Rudeseal Peet : Se você está procurando implementar PNGs animados (APNGs) , atualmente não é possível salvar animações como APNGs com Adobe Photoshop ou Adobe Animate. Quando incluímos APNGs em nossos e-mails, usamos o Adobe Animate para criar a animação, mas exportamos cada quadro como um único PNG. Para converter todos esses PNGs individuais em APNG, você pode usar uma ferramenta como o PNG Animator ou esta alternativa gratuita do ezgif.com .

As ilustrações personalizadas são usadas em públicos B2B e B2C ou principalmente B2C?

Mike : Eles são quase iguais. Os exemplos que usamos no webinar podem ter parecido mais ao estilo do consumidor, mas eram todos de empresas B2B: Mailchimp (vendendo serviços de e-mail para outras empresas), HelpScout (vendendo tecnologia de atendimento ao cliente para empresas) e Bulb (vendendo energia para empresas) .

Jason : Como tudo no e-mail, depende de sua marca e de seu público - e de qual é sua meta para cada campanha. Portanto, se você está em um daqueles setores em que coisas como ilustrações personalizadas podem ser percebidas como menos sérias, não as use. Mas lembre-se de que também existem oportunidades para perturbar o setor. Marcas como Simple ou Stripe no setor financeiro adotam algumas tendências de design mais recentes porque podem representar conceitos abstratos com mais clareza e dar um pouco de personalidade às suas marcas. Portanto, nunca diga nunca.

Ainda existem desafios com a renderização de recursos interativos em clientes de email?

Whitney : Para muitas empresas, o suporte inconsistente e limitado do provedor de caixa de entrada é o principal motivo pelo qual eles não enviam mais e-mails interativos. Infelizmente, esse ainda é o caso para recursos como efeitos de foco e carrosséis de imagens interativos. Com isso em mente, se você ainda deseja implementar a interatividade, não precisa temer o suporte limitado se houver um fallback no lugar. Confira nossa postagem do blog sobre alternativas para e - mail interativo para começar.

E o modo escuro oferece uma melhor experiência de acessibilidade?

Mike : Ainda há muita pesquisa em andamento neste espaço. Dizer que “Modo escuro” é mais fácil para os olhos porque uma declaração geral não é correto, mas ajuda alguns - e, alternativamente, pode ser pior para outros, como aqueles com astigmatismos graves. Para quem tem problemas para dormir, o uso do Modo escuro à noite tem se mostrado mais útil do que telas mais brilhantes, que podem afetar seus ritmos circadianos. O Modo escuro também costuma ser visto como menos perturbador e usado para ajudar as pessoas a se concentrarem . Mas, se o contraste for muito forte - fundo preto verdadeiro e texto branco verdadeiro, por exemplo - é mais difícil de ler para pessoas com dislexia. Isso pode ser atenuado ainda usando um fundo escuro, mas usando algo como cinza escuro com uma cor creme para a fonte.

Como você acha que essas tendências de design podem funcionar com um público mais velho, com mais de 65 anos?

Mike : Não cobrimos isso especificamente, mas os e-mails que mostramos no webinar e estamos vendo em e-mails realmente bons estão aumentando significativamente o tamanho da fonte em comparação com apenas alguns anos atrás. Isso é algo que a demografia mais antiga abraça. Também há familiaridade sobre a direção das tendências com a Bauhaus e o design suíço.

Lily : Como sugere Mike, os estilos retrô considerados populares em 2020 provavelmente serão nostálgicos para um público mais velho. A simplificação também pode ser útil para o seu público, pois os e-mails se tornam ainda menos confusos, tornando a mensagem e a frase de chamariz muito mais fáceis de ler e entender.

Embora a tipografia seja uma ótima maneira de se destacar, é difícil justificar quando muitas fontes não são suportadas por clientes de e-mail. Você acha que isso vai mudar em breve?

Lily : Infelizmente, não é possível saber se haverá mais suporte para fontes da web, mas certamente gostaríamos que isso acontecesse. Esta ferramenta útil pode ajudá-lo a encontrar a alternativa certa para usar com sua fonte da web, enquanto isso.

Como você acha que a personalização irá evoluir no que diz respeito a algumas dessas novas tendências?

Matt : Esperamos ver mais marcas personalizando cada seção de um e-mail. Os clientes trocarão dados para uma melhor experiência. Relatórios fáceis de entender, ofertas exclusivas e agradecimentos fazem com que os clientes se sintam VIP. Os profissionais de marketing por e-mail devem transformar os dados do cliente no que há de mais útil e relevante para os assinantes.

Além disso, aqui estão todas as coleções de e-mails realmente bons para as tendências que abordamos no webinar:

• Ilustrações Personalizadas
• Design Visual Mais Pensativo
• Desenhos mais escuros
• Cores mais ousadas
• Emails animados