O que todos os profissionais de marketing precisam saber sobre e-mail no modo escuro

Publicados: 2022-06-29

Atualmente, até os aplicativos estão capitalizando a tendência gótica.

Mais a sério, estamos falando do modo escuro. Os sistemas operacionais sempre ofereceram esquemas de cores invertidos, mas o e-mail e os aplicativos no modo escuro são um pouco diferentes.

Embora muitos usuários estejam empolgados com o modo escuro, ele criou uma certa dor de cabeça para os profissionais de marketing por e-mail.

Você sem dúvida notou que cada cliente de e-mail pode exibir a mesma campanha de forma diferente. Bem, a introdução do modo escuro adiciona mais uma camada à equação.

Neste post, veremos alguns dos conceitos básicos que você deseja saber antes de otimizar suas campanhas de e-mail para o modo escuro.

O que é o modo escuro e por que as pessoas o usam?

Durante anos, os sistemas operacionais e aplicativos passaram a exibir conteúdo com fundo branco e texto preto. Para nossos propósitos aqui, chamaremos isso de “modo de luz”.

O modo Light ainda é a opção padrão para a maioria dos aplicativos e sistemas, mas está caindo em desuso com muitos usuários experientes da Internet – especialmente aqueles que passam a maior parte do dia online.

Novos dados mostram que a pessoa média passa mais de 44 horas por semana online. Para muitas pessoas, seis horas em um computador ou laptop não são nada.

Bem, acontece que ficar olhando para as telas o dia todo não é bom para os nossos olhos. Muito tempo de tela – seja uma TV, telefone ou laptop – leva à fadiga ocular.

Bright Screens fadiga ocular digital

Fonte: Semana

Não é apenas o brilho que pode ser prejudicial. As emissões de luz azul das telas brancas impedem que seu corpo produza melatonina, o que pode prejudicar seu ritmo circadiano e ciclo de sono. Considerando que até metade dos americanos sofre de insônia crônica ou aguda, todos nós poderíamos melhorar nossa higiene do sono.

Muitos telefones e sistemas operacionais agora permitem que você mude para um tom mais quente para reduzir a luz azul ou ligue um filtro de luz azul após um determinado horário todos os dias automaticamente.

O e-mail e os aplicativos no modo escuro oferecem uma escolha diferente. Em vez de ajustar a tonalidade branca, você pode simplesmente alterar todo o tema para preto ou cinza escuro e eliminará a luz azul prejudicial - fácil.

Vários aplicativos populares como Reddit, Facebook Messenger, Twitter e WhatsApp oferecem opções integradas de modo escuro. O Facebook Messenger lançou o modo escuro pela primeira vez como um ovo de Páscoa que você pode acionar enviando um emoji, mas agora qualquer pessoa pode ativá-lo nas configurações do aplicativo.

Alguns aplicativos de smartphone oferecem modos escuros, mas os usuários precisam mudar o tema Apple ou Android para esse modo. Em outras palavras, não é oferecido pelas configurações do aplicativo.

E-mail e aplicativos no modo escuro também são úteis para reduzir o consumo de bateria em dispositivos com telas OLED. Com os OLEDs, os pixels escuros não são iluminados na tela porque são pretos. Com telas de LCD e LED padrão, no entanto, os pixels escuros ainda exigem vida útil da bateria.

Quais clientes oferecem e-mail no modo escuro?

Os clientes de e-mail parecem relutantes em aceitar o modo escuro.

Não é necessariamente que eles não queiram oferecê-lo, mas é difícil implementar uma versão escura esteticamente agradável porque cada campanha de e-mail é codificada de forma diferente.

Alguns clientes de e-mail oferecem o modo escuro como uma configuração específica que você pode ativar no aplicativo. Enquanto isso, outros clientes exigem que você altere as configurações do seu sistema operacional antes que o aplicativo mude automaticamente para o modo escuro.

Aqui estão os clientes e aplicativos que sabemos que oferecem o modo escuro no momento:

  • Aplicativo Gmail (iOS e Android)

  • Aplicativo Outlook (iOS e Android)

  • Apple Mail (computador)

  • Outlook 2019 (Mac, Windows e Web)

Você também notará que, embora o Gmail não ofereça um “modo escuro” específico, ele permite alternar seu tema de tons claros para escuros.

Como é o e-mail no modo escuro?

Tal como acontece com todas as coisas de e-mail, depende.

Com aplicativos, o modo escuro é direto. Os desenvolvedores apenas trocam algumas peças CSS e permitem que os usuários escolham.

O Twitter oferece duas versões do modo escuro: luzes apagadas e fracas.

Modo escuro do TwitterUma captura de tela de um telefone celular Descrição gerada automaticamente

Fonte: Twitter

Veja como é o modo escuro no Facebook Messenger e no Reddit.

Facebook e modo escuro do redditUma captura de tela de um computador Descrição gerada automaticamente

Fonte: Facebook, Reddit

Em um mundo perfeito, o e-mail no modo escuro seria exatamente como este gráfico do blog da Microsoft.

Modo escuro do blog da Microsoft

Fonte: Blog da Microsoft

Aqui está a coisa sobre o e-mail no modo escuro: os clientes de e-mail não escolheram uma versão específica para usar. Parece que existem três tipos específicos de modo escuro que estamos vendo em diferentes clientes de e-mail.

1. Sem alterações de cor

Primeiro, temos a renderização de e-mails com seu HTML exclusivo, enquanto o cliente de e-mail mantém um tema de modo escuro.

No caso do Gmail para desktop, o conteúdo dos e-mails não muda nem um pouco – apenas o tema do Gmail muda para escuro.

Veja como fica no aplicativo para desktop do Gmail.

Modo escuro do Gmail

Modo escuro do Gmail

Fonte: Gmail

Para a Apple, parece que os e-mails de texto simples acionam a mudança do modo claro para o escuro – mas não os e-mails HTML.

2. Modo escuro parcial

Com o e-mail no modo escuro parcial, o cliente identifica fundos claros e os alterna automaticamente para escuro (enquanto alterna o texto escuro para claro).

Projetar uma campanha de e-mail com um fundo escuro não mudará se um assinante tiver o modo escuro ativado, neste caso.

Design de modo escuro

Fonte: Limusine

3. Modo escuro invertido completo

Por fim, o modo escuro completo tem como alvo todos os emails – independentemente de como foi projetado – e inverte completamente o CSS.

Isso significa que se você criar um e-mail para o modo escuro com fundo preto, o cliente de e-mail o mudará de volta para branco.

Esta é a versão do modo escuro que muitos usam.

Clientes populares como Gmail e Outlook também não permitem que você segmente usuários do modo escuro. Espero que, à medida que os desenvolvedores de e-mail comecem a se adaptar, os clientes de e-mail alterem seu código para encontrar um modo escuro que se adapte a todos.

Projetando para e-mail no modo escuro

O elemento de design mais importante a ser lembrado é que a cor de fundo mudará para preto.

É comum os designers escolherem imagens que possuem elementos parcialmente brancos para se misturar com o fundo da tela. Outras vezes, os designers criam imagens com uma cor específica e usam a mesma cor para o plano de fundo para que pareça perfeito.

Se o modo escuro inverte as cores, isso pode resultar em um design bem pensado.

Veja como as cores mudam levemente neste e-mail.

Design de modo escuro parcial

Fonte : Médio

O amarelo brilhante no modo claro muda para marrom no modo escuro. Enquanto isso, o fundo azul-petróleo na imagem da Samsung se destaca no modo escuro porque a cor de fundo do e-mail fica mais escura.

Criando imagens para e-mail no modo escuro

É uma ideia inteligente usar imagens com fundos transparentes o máximo possível.

Quando você não pode controlar a cor do plano de fundo, você deseja que suas fotos e logotipos permaneçam limpos. Portanto, a transparência é o caminho a percorrer.

Mais uma vez, a maioria dos designers usa logotipos e imagens com recortes brancos nas bordas. Normalmente, isso não é um problema porque o corte se mistura ao fundo branco do e-mail.

Com o modo escuro, no entanto, esse acabamento se destaca. Geralmente não é uma grande falha, mas pode fazer com que seus e-mails pareçam um pouco confusos.

Veja a diferença com esses ícones de mídia social?

ícones de mídia social modo escuro

Fonte: Monitor de campanha

Também vale a pena adicionar um filtro de escurecimento sobre qualquer imagem brilhante que possa parecer ofuscante no modo escuro.

Otimizando o texto para e-mail no modo escuro

Muitas marcas usam logotipos pretos lisos. Quando você adiciona um fundo transparente e joga o logotipo sobre um fundo preto, isso torna seu logotipo invisível.

Felizmente, é uma solução fácil com um pouco de planejamento.

Se você estiver lidando com um logotipo ou cabeçalho preto sólido, adicione uma borda branca para que apareça em fundos pretos no e-mail no modo escuro.

Adicionar uma borda branca funciona muito bem para o modo escuro e claro porque a borda desaparece quando o fundo fica branco.

modo escuro do ponto de site

Fonte: Monitor de campanha

Não esqueça de testar

Como em todo e-mail marketing – e especialmente quando se trata do modo escuro – certifique-se de não enviar suas campanhas sem fazer muitos testes.

Lembre-se de que os clientes e aplicativos de e-mail ainda não encontraram sua estratégia ideal de modo escuro, portanto, espere que os padrões e os estilos CSS mudem algumas vezes.

Além disso, o e-mail no modo escuro parece diferente nos clientes de todos. No entanto, a execução de testes no modo claro e escuro pode ajudar a manter seus e-mails legíveis e impressionantes em todos os dispositivos.

Embrulhar

Definir um design de e-mail consistente já pode ser um desafio, e os recursos de e-mail no modo escuro não ajudam. Felizmente, você pode aprender sobre quais clientes de e-mail seus assinantes usam e seguir algumas práticas recomendadas para deixar seus e-mails com uma ótima aparência.

  • Inclua um contorno branco ao redor do texto ou logotipos em preto sólido.

  • Adicione uma vinheta ou filtro de escurecimento a qualquer imagem brilhante.

  • Tente usar imagens, logotipos e fotos com fundos transparentes.

  • Evite misturar imagens com cores de fundo.

  • Faça muitos testes.

Quer melhorar seu design e enviar seus melhores e-mails até agora? Confira este guia definitivo para um design de e-mail eficaz.