iOS 13, modo escuro e os novos iPhones da Apple: o que os profissionais de marketing por e-mail devem saber

Publicados: 2019-09-20

Hoje, milhares de fãs do iPhone irão à loja da Apple para comprar seus novos iPhones. Além disso, ainda mais irão atualizar seus telefones para iOS 13 - o mais novo sistema operacional móvel da Apple - nos próximos dias. Se seus assinantes estiverem entre eles, isso afetará a aparência de seus e-mails?

Embora os tamanhos de tela e as resoluções dos novos iPhones permaneçam os mesmos (isso é uma ótima notícia para os profissionais de marketing por e-mail!), Há uma coisa que você deve estar ciente: com o iOS 13, a Apple apresenta o Modo escuro em seus telefones celulares, incluindo o aplicativo iOS Mail nativo —E isso pode impactar como seus e-mails são exibidos para seus clientes.

Por que você deve ficar de olho nas atualizações da Apple

Com 27% de todos os e-mails lidos em iPhones da Apple , mudanças nos telefones da Apple, no sistema operacional móvel e na renderização de e-mails podem fazer uma grande diferença no mundo do marketing por e-mail. Se o seu público se parece com a média global e você vê muitos assinantes abrindo seus e-mails em iPhones, você terá que se certificar de que seus e-mails tenham uma ótima aparência e tenham um bom desempenho naquele ambiente de leitura.

Não quer gastar milhares de dólares em um novo dispositivo de teste do iPhone? Você não precisa. Estamos entusiasmados em compartilhar que as visualizações de e-mail para iOS 13 no mais novo iPhone agora estão disponíveis no Litmus.

Como é o seu e-mail no iOS 13?

Veja como o iOS13 processa seu e-mail com as visualizações de e-mail Litmus para o iPhone 11 .

Saiba mais →

Tamanhos de tela e resoluções para os novos iPhones

O lançamento da Apple em setembro apresentou três novos iPhones: o iPhone 11, o iPhone 11 Pro e o iPhone 11 Pro Max.

Com um tamanho de tela de 6,1 polegadas para o iPhone 11, 5,8 polegadas para o iPhone 11 Pro e 6,5 polegadas para o iPhone 11 Pro Max, os novos iPhones têm as mesmas dimensões de seus predecessores (iPhone XR, XS e XS Max) . A resolução, densidade de pixels e proporção de densidade de pixels também são idênticas.

iPhone 11

iPhone 11

iPhone XR

Tamanhos de tela

6,1 polegadas

6,1 polegadas

Resolução

1.792 x 828

1.792 x 828

Densidade de pixels

326ppi

326ppi

Razão de densidade de pixels

2

2

iPhone 11 Pro

iPhone 11 Pro

iPhone XS

Tamanhos de tela

5,8 polegadas

5,8 polegadas

Resolução

2.436 x 1.125

2.436 x 1.125

Densidade de pixels

458ppi

458ppi

Razão de densidade de pixels

3

3

iPhone 11 Pro Max

iPhone 11 Pro Max

iPhone XS Max

Tamanhos de tela

6,5 polegadas

6,5 polegadas

Resolução

2.688 x 1.242

2.688 x 1.242

Densidade de pixels

458ppi

458ppi

Razão de densidade de pixels

3

3

Nenhuma mudança nos tamanhos dos dispositivos é uma ótima notícia para designers e profissionais de marketing por e-mail. Se você já usou consultas de mídia específicas para atingir cada um dos iPhones da Apple no passado, elas funcionam tão bem com os modelos mais novos da Apple.

Se você não tem como alvo tamanhos específicos, mas usa um ponto de interrupção para acionar estilos responsivos, não precisa fazer nenhuma alteração, já que esse ponto de interrupção é o mesmo dos modelos anteriores do iPhone : 414px. Definir a consulta de mídia para atingir a largura máxima do dispositivo: 414px garantirá que os estilos responsivos sejam exibidos em todos os três novos modelos de iPhone.

 @media screen and (max-device-width: 414px) { /* Insert styles here*/ }

O modo escuro está chegando aos iPhones da Apple

No ano passado, a Apple trouxe o Modo escuro para seu sistema operacional de desktop , permitindo aos usuários do MacOS Mojave mudar para uma paleta de cores mais escura para todas as janelas, visualizações, menus e controles, tornando a interface mais adequada para trabalhar em ambientes com pouca luz ou em noite.

Com o iOS 13, esse recurso popular está chegando aos iPhones da Apple também. Vejamos como isso pode afetar seus e-mails.

A caixa de entrada do iOS no iOS 13 no modo escuro e claro

Como os e-mails são processados ​​no modo escuro no iOS 13

A boa notícia primeiro: semelhante ao Modo escuro para MacOS, o novo Modo escuro nos iPhones da Apple não afeta e-mails HTML por padrão. O Modo escuro só se aplica a e-mails pessoais e de texto simples. Mesmo se você não tiver uma cor de fundo definida em seu e-mail HTML, o fundo ainda é renderizado como branco. Assim, você não precisa se preocupar com o modo escuro bagunçando seu código ou experiência de renderização para e-mails regulares em HTML prontos para uso.

iOS 13 Modo escuro: e-mails de texto simples são renderizados com um fundo escuro, enquanto os e-mails em HTML não são afetados.

No entanto, fundos de e-mail de cores vivas podem criar uma experiência muito chocante para assinantes que leem e-mail no Modo escuro. Ter sua tela mudando da visualização escura da caixa de entrada para um e-mail realmente claro (e vice-versa) é exaustivo para os olhos e não contribui para uma ótima experiência de leitura para o assinante.

Então, o que você pode fazer para melhorar a experiência de leitura? Com o Modo escuro no MacOS, designers e desenvolvedores de e-mail não tiveram a oportunidade de direcionar o Modo escuro especificamente. Em vez disso, tudo o que eles podiam fazer era optar por opções de cores que funcionassem bem em visualizações claras e escuras.

Com o iOS 13, no entanto, os desenvolvedores de e-mail podem direcionar o modo escuro e oferecer uma experiência personalizada para assinantes que abrem no modo escuro.

Como direcionar o modo escuro no iOS 13

Como emailgeek Thomas Steiner notou enquanto jogava com o iOS 13 beta neste verão, a Apple apresenta uma nova consulta de mídia que permite que você direcione especificamente os clientes de e-mail que estão configurados para o Modo escuro.

Nossos experimentos também mostram que a segmentação do Modo escuro no iOS é surpreendentemente simples:

 @media (prefers-color-scheme: dark) { /*Insert all your dark mode classes here, as you would insert mobile responsive classes./ /* Remember to use !important to override inline styles */ }

Usando essa consulta de mídia, você pode definir estilos personalizados que se aplicam apenas quando seu e-mail é aberto em um cliente que está definido para o Modo escuro. Isso significa que você pode usar diferentes cores de fundo, cores de fonte ou mesmo imagens para assinantes que abrem no modo escuro.

Quer ver em ação?

Este é um de nossos e-mails de webinar recentes otimizados para o modo escuro do iOS 13:

Quando aberto no modo escuro do iOS 13, o e-mail será exibido com um fundo escuro. Além disso, para ter certeza de que você ainda pode ver o logotipo Litmus no fundo escuro, configuramos este e-mail para usar uma versão diferente do nosso logotipo - aquela que usa uma fonte branca - para garantir que seja legível e tenha uma ótima aparência no Modo escuro . Você pode verificar o código completo do e-mail aqui .

Comece a testar seus e-mails no iOS 13 hoje

As visualizações de email do Litmus para o iPhone 11 estão disponíveis em sua conta do Litmus, para que você possa começar a testar imediatamente. Ainda não é cliente do Litmus? Comece com Litmus hoje.