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

Publicados: 2021-08-18

Hoje em dia, até mesmo os aplicativos estão capitalizando na tendência gótica.

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

Embora muitos usuários estejam entusiasmados com o modo escuro, ele cria um pouco de dor de cabeça para os profissionais de marketing por e-mail.

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

Neste artigo, iremos repassar alguns dos princípios básicos que você deseja saber antes de otimizar suas campanhas de e-mail para o modo escuro.

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

Durante anos, os sistemas operacionais e aplicativos padronizaram a exibição de conteúdo com fundo branco e texto preto. Para nossos propósitos aqui, chamaremos isso de "modo de luz".

O modo leve ainda é a opção padrão para a maioria dos aplicativos e sistemas, mas está caindo em desgraça 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 online todas as semanas. Para muitas pessoas, seis horas em um computador ou laptop nã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 - causa fadiga ocular.

Tensão ocular digital Bright Screens

Fonte: Weekdone

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

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

E-mail e aplicativos no modo escuro oferecem uma escolha diferente. Em vez de ajustar o tom de branco, você pode apenas alterar o tema inteiro para preto ou cinza escuro e isso eliminará a luz azul prejudicial - fácil de usar.

Vários aplicativos populares como Reddit, Facebook Messenger, Twitter e WhatsApp oferecem opções de modo escuro integradas. O Facebook Messenger primeiro lançou o modo escuro 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 seu tema Apple ou Android para este modo. Em outras palavras, não é oferecido nas configurações do aplicativo.

E-mail e aplicativos no modo escuro também são úteis para reduzir o consumo da 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 requerem bateria.

Quais clientes oferecem e-mail em modo escuro?

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

Não é necessariamente que eles não queiram oferecer, mas é difícil implementar uma versão dark 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 agora:

  • Aplicativo Gmail (iOS e Android)

  • Aplicativo Outlook (iOS e Android)

  • Apple Mail (desktop)

  • Outlook 2019 (Mac, Windows e web)

Você também notará que, embora o Gmail possa não oferecer um “modo escuro” específico, ele permite que você mude o tema de tons claros para tons escuros.

Qual é a aparência do e-mail no modo escuro?

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

Com aplicativos, o modo escuro é simples. Os desenvolvedores apenas trocam algumas partes do CSS e permitem que os usuários escolham.

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

Modo escuro do TwitterUma captura de tela de uma descrição de telefone celular gerada automaticamente

Fonte: Twitter

Esta é a aparência do modo escuro no Facebook Messenger e no Reddit.

Modo escuro do Facebook e redditUma captura de tela de uma descrição de computador 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 de 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 vemos em diferentes clientes de e-mail.

1. Sem mudanças de cor

Primeiro, temos e-mails renderizados com seu HTML exclusivo, enquanto o cliente de e-mail reté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.

Esta é a aparência do aplicativo Gmail para desktop.

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 em HTML.

2. Modo escuro parcial

Com o e-mail em modo escuro parcial, o cliente identifica fundos claros e os muda automaticamente para escuros (enquanto troca 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: Litmus

3. Modo escuro totalmente invertido

Por fim, o modo totalmente escuro tem como alvo todos os e-mails - independentemente de como foi projetado - e inverte completamente o CSS.

Isso significa que se você criar um e-mail para o modo escuro com um 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 de modo escuro. Esperançosamente, conforme os desenvolvedores de e-mail começam a se adaptar, os clientes de e-mail mudem seu código para encontrar um modo escuro que se adapte a todos.

Projetando para e-mail em modo escuro

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

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

Se o modo escuro inverter as cores, isso pode prejudicar um design inteligente.

Veja como as cores mudam levemente neste e-mail.

Design de modo escuro parcial

Fonte : Meio

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.

Criação de imagens para e-mail em modo escuro

É uma ideia inteligente usar imagens com fundos transparentes tanto quanto possível.

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

Novamente, a maioria dos designers usa logotipos e imagens com acabamento branco nas bordas. Normalmente, isso não é um problema porque o acabamento se mistura com o fundo branco do e-mail.

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

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

modo escuro de ícones de mídia social

Fonte: Monitor de campanha

Também vale a pena adicionar um filtro de escurecimento sobre quaisquer imagens brilhantes que poderiam parecer ofuscantes no modo escuro.

Otimizando texto para e-mail em modo escuro

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

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

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

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

modo escuro do sitepoint

Fonte: Monitor de campanha

Não se esqueça de testar

Tal como acontece com todo o marketing por email - e especialmente quando se trata do modo escuro - certifique-se de não enviar suas campanhas sem executar muitos testes.

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

Além disso, o e-mail no modo escuro parece diferente em cada cliente. 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

Criar um design de email consistente já pode ser um desafio, e os recursos de email do modo escuro não ajudam. Felizmente, você pode aprender sobre quais clientes de email seus assinantes usam e seguir algumas das melhores práticas para tornar seus emails excelentes.

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

  • Adicione uma vinheta ou filtro de atenuação a quaisquer imagens brilhantes.

  • 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? Confira este guia definitivo para design de e-mail eficaz.