Pesquisa sobre modo escuro em e-mails: o que os remetentes acham?

A possibilidade de desastres em e-mails no modo escuro causa pesadelos em você ou sua equipe já superou o medo de e-mails no escuro? Os resultados da nossa nova pesquisa sobre o modo escuro revelam o que tira o sono de profissionais de marketing por e-mail.

O aumento da popularidade do modo escuro criou desafios interessantes para muitos designers e desenvolvedores. Mas no mundo do e-mail, os desafios do modo escuro podem ser ainda mais complexos.

Queríamos saber se as equipes de e-mail estão pensando no modo escuro ou o ignorando ao criar e desenvolver campanhas de e-mail. Se os conceitos básicos de e-mail no modo escuro estão sendo considerados, quais são os problemas que causam mais frustração?

A Pathwire fez uma parceria com a Ascend2 para realizar uma pesquisa do setor que chamamos de Email After Dark.  Confira alguns destaques dos resultados no infográfico abaixo.

Ver versão em tamanho original

Vamos analisar mais de perto o que a pesquisa Email After Dark revela sobre o estado do modo escuro e do e-mail. Conversamos com a desenvolvedora sênior de e-mail da Pathwire, Megan Boshuyzen, e com o designer gráfico sênior, Francois Sahlii, para ouvir seus insights e dicas.

Apenas 11% dos remetentes em nossa pesquisa dizem que sempre consideram o modo escuro, mas isso não reflete o cenário real da adoção do modo escuro. Também descobrimos que apenas 28% das pessoas que responderam afirmaram não ter planos de lidar com o modo escuro.

Isso significa que 72% dos remetentes que entrevistamos têm os e-mails no modo escuro em seu radar. Um total de 44% criam e-mails especificamente para o modo escuro pelo menos em parte do tempo. Isso pode significar que usam ou criam modelos compatíveis com o modo escuro. Também pode significar que realizam a programação de e-mails separados para quem prefere o modo claro ou modo escuro.

“O que esta pesquisa mostra é que o modo escuro é mais do que apenas uma tendência”, diz a desenvolvedora Megan Boshuyzen. “Os e-mails no modo escuro vieram para ficar.”

Os dados do Google Trends confirmam isso. Confira o gráfico que mostra o interesse no termo e-mail no modo escuro nos últimos cinco anos.

A pesquisa Email After Dark também revelou que pequenas empresas tinham menos probabilidade de considerar o modo escuro do que organizações maiores. 

Profissionais de marketing de pequenas empresas costumam ter várias funções e responsabilidades, o que dificulta assumir o trabalho extra que o design de e-mail no modo escuro exige. Além disso, é menos provável que pequenas empresas tenham profissionais de desenvolvimento de e-mail dedicados para ajudar.

A melhor dica para esses remetentes é usar modelos de e-mail que tenham uma boa aparência nas experiências de usuário tanto no modo claro quanto no modo escuro.

Independentemente do tamanho da empresa, ou se os remetentes focam em um público B2C ou B2B, alguns desafios comuns do modo escuro surgiram nos resultados da nossa pesquisa.

Otimizando logotipos e imagens para o modo escuro

Um problema que ficou entre os três principais, independentemente do tamanho da empresa ou do público, é o desafio de fazer com que logotipos e imagens sejam exibidos corretamente no modo escuro.

A recomendação comum para logotipos e gráficos é usar PNGs com fundos transparentes. Isso ajuda a evitar um logotipo ou ícone desagradável cercado por uma caixa branca no modo escuro. Porém, essa solução também pode criar um problema. Se partes do seu logotipo forem pretas, elas poderão desaparecer em um fundo mais escuro.

Uma solução rápida frequentemente recomendada é adicionar um brilho ou sombra projetada ao logotipo. No entanto, profissionais de design gráfico, como Francois Sahli, detestam essa ideia, que é vista como uma atitude amadora. Muitas diretrizes de marca proíbem estritamente a adição de brilhos e sombras a logotipos.

“Adicionar brilhos e sombras projetadas é, basicamente, algo que não se faz no design de um logotipo. É um assunto um pouco delicado.”

Francois e Megan sugerem algumas alternativas:

Colocar o logotipo em um gráfico de cabeçalho que usa a cor da marca e permanecerá igual no modo escuro. Você precisará garantir que o cabeçalho e o logotipo criem uma experiência móvel aceitável. O logotipo pode parecer muito pequeno em um dispositivo móvel.

1. Usar a media query de CSS @media (prefers-color-scheme) e aplicar classes para mostrar ou ocultar o logotipo que você deseja. Lembre-se de que a  media query prefers-color-scheme  não é compatível com o Gmail e com algumas versões do Outlook.
2. Colocar o logotipo em um gradiente que se mistura gradualmente ao fundo do e-mail. Lembre-se de que usar um gradiente com um logotipo pode não funcionar em todos os designs de e-mail ou seguir as diretrizes de estilo da sua marca.

Otimizando o código de e-mail para o modo escuro

No geral, as dificuldades de programação relacionadas a e-mails no modo escuro ficaram em segundo lugar entre os desafios mais citados na pesquisa. Ainda assim, ficou entre os três principais apenas para organizações de médio porte. Empresas menores têm menos probabilidade de otimizar o código de e-mail e grandes corporações já podem ter dominado o modo escuro.

Se você faz parte de uma equipe de e-mail que tem profissionais de desenvolvimento de e-mail trabalhando em campanhas, existem algumas maneiras de ajustar seu código para criar uma melhor experiência para o assinante. Isso diz respeito principalmente ao uso da @media (prefers-color-scheme)  media query para oferecer uma experiência diferente, dependendo se a caixa de entrada do assinante usa configurações claras ou escuras.

Infelizmente, isso não funcionará em alguns dos principais clientes de e-mail, como o Gmail. Até o momento, funciona apenas naqueles que usam o WebKit  como o mecanismo de renderização de e-mail.

Megan Boshuyzen afirma que quem desenvolve e-mails deve sempre se esforçar para oferecer uma experiência ideal para os assinantes. Apesar da falta de amplo suporte, o uso de @media (prefers-color-scheme) funcionará para muitos assinantes que visualizam e-mails em dispositivos Apple. Portanto, reservar um tempo para adicionar o código pode valer a pena.

Também existem algumas correções específicas de programação do modo escuro para o Gmail e o Outlook que ajudam a otimizar a experiência na caixa de entrada para outros assinantes. No entanto, Francois e Megan nos lembram que, em algum momento, você precisa seguir em frente e clicar em enviar.

Não existe perfeição de pixels em e-mail. O objetivo deve ser fornecer a melhor experiência possível para os assinantes.

Megan Boshuyzen Desenvolvedora sênior de e-mail, Pathwire

Francois destaca que é altamente improvável que seus assinantes comparem o design de e-mail em diferentes caixas de entrada. Busque a consistência, se possível, mas não se preocupe com os pequenos detalhes.

“Se houver pequenas discrepâncias no modo escuro, não é o fim do mundo”, diz Francois. “A menos que seja um elemento muito importante do e-mail, pode não valer a pena se esforçar tanto.”

Mantendo os designs de e-mail alinhados à marca

As preocupações com a experiência da marca em e-mails no modo escuro também lideraram a lista de desafios na pesquisa. Um terço de todos os entrevistados considerou isso um problema, e essa porcentagem foi quase a mesma em todos os tamanhos de empresa.

Como alguns clientes de e-mail invertem as cores de um e-mail, pode parecer que a experiência da marca no modo escuro está fora do seu controle. Talvez seja por isso que nossa pesquisa revelou que 31% dos remetentes consideram a inversão automática de cores um dos maiores desafios do modo escuro. 

Alguns clientes de e-mail invertem todas as cores em um e-mail, enquanto outros as invertem apenas parcialmente (normalmente o fundo e o texto). No caso de inversão total, você pode obter algumas combinações de cores estranhas que fujam totalmente do padrão da marca.

A dica de Francois para os profissionais de marketing por e-mail é manter os designs os mais simples possíveis. Dessa forma, você terá menos problemas com a inversão de cores.

“Se os elementos CSS de um e-mail usam principalmente preto, branco e cores neutras, você ainda pode adicionar as cores da sua marca por meio de logotipos, ilustrações e ícones”, explica Francois. “Eles não seriam invertidos, então você ficaria mais próximo do seu branding real.”

Observe como a Nike usa um design simples em preto e branco para criar experiências ideais em e-mails no modo claro e escuro.

Francois acrescenta que um tipo de elemento de e-mail com o qual se deve ter cuidado é o botão de CTA. Normalmente, eles são programados com uma cor específica da marca que pode não ser a ideal quando invertida.

Como o modo escuro é mais do que uma tendência passageira, Megan e Francois acham que seria inteligente começar a incluir opções de modo escuro nos guias de estilo e sistemas de design da marca. Se você estiver repensando as cores da marca ou construindo uma nova, inclua o modo escuro na conversa. Isso beneficiará os designs de e-mail e também é importante para o desenvolvimento web, bem como para a interface do usuário (UI) do modo escuro no desenvolvimento de aplicativos.

A pesquisa Email After Dark revelou que 36% dos remetentes sempre testam os e-mails no modo escuro ou os visualizam antes de clicar em enviar. Isso é mais que o triplo dos 11% que dizem sempre criar e desenvolver especificamente para o modo escuro.

Entre os que dizem desenvolver para o modo escuro pelo menos algumas vezes, 62% afirmam que sempre testam/fazem a pré-visualização dos seus e-mails. Testar antes de lançar uma campanha de e-mail é como prever o futuro. É a melhor forma de identificar possíveis problemas no modo escuro antes que seja tarde demais.

Existem duas maneiras de testar seus e-mails no modo escuro:

Enviar manualmente o e-mail para vários dispositivos e caixas de entrada e visualizá-los no modo escuro.

1. Usar uma plataforma de teste de e-mail de ponta para fornecer pré-visualizações confiáveis de seus e-mails em todos os principais clientes e dispositivos.
2. Os testes manuais podem ser demorados e não confiáveis. Geralmente, isso é feito procurando pessoas na empresa que tenham um determinado tipo de telefone e possam acessar um provedor de caixa de correio específico. Além disso, você também terá que pedir a esses colegas que ativem as configurações do modo escuro.

Email on Acid by Pathwire  é uma plataforma de preparação de e-mail orientada por IA que fornece pré-visualizações precisas de todos os principais clientes de e-mail e muito mais. Isso inclui pré-visualizações de e-mail no modo escuro que ajudam a detectar problemas desagradáveis de design e inversões de cores antes que seus assinantes os vejam.

Os desafios do modo escuro podem dificultar a interação de um segmento da sua lista com seus e-mails. Se eles não conseguem ler o texto ou ver um CTA, não conseguem engajar. É por isso que 28% das pessoas que responderam à pesquisa consideram a redução do engajamento um desafio. O teste de e-mail no modo escuro  ajuda a evitar essa possibilidade.

Aqui está um resumo das dicas que Megan e Francois dão para as equipes de design e desenvolvimento de e-mail:

Não ignore o modo escuro: grande parte da sua lista provavelmente visualiza e-mails dessa forma. Além disso, ao ignorar o modo escuro, você pode estar dando uma vantagem à concorrência.

1. Use modelos compatíveis com o modo escuro: essa dica é ideal para profissionais de marketing por e-mail sem experiência em programação que usam um  editor de e-mail de arrastar e soltar.
2. Encontre uma correção de logotipo no modo escuro que funcione para você: isso pode significar ceder ao adicionar um brilho ou ser criativo com uma solução diferente de logotipo no modo escuro.
3. Comece a implementar @media (prefers-color-scheme): fazer isso ajuda a otimizar a experiência de e-mail no modo escuro para muitos assinantes.
4. Mantenha os designs de e-mail simples: você evitará inversões de cores infelizes que são feias e fogem da sua marca.
5. Inclua estilos do modo escuro nas diretrizes da marca: desenvolva um plano claro para os desafios de e-mail no modo escuro. Defina como é o modo escuro para a sua marca. Isso pode incluir a criação de uma biblioteca de elementos de e-mail que funcionam no modo escuro.

O interesse no modo escuro entre remetentes de e-mail vai crescer. A pesquisa Email After Dark revelou que 28% dizem que têm planos para começar a projetar e desenvolver e-mails para o modo escuro. Não seja uma das marcas que ficam no escuro. Comece a pensar em como lidar com esses desafios e passe a testar e-mails no modo escuro.

Não perca a sessão de Megan Boshuyzen sobre o modo escuro no Nightmare at Email Camp da Pathwire.

Autor: The Sinch Mailgun team The Sinch Mailgun team shares news, best practices, and strategies to take your products and apps to the next level using email. Subscribe to our newsletter to get all the articles in your inbox!