iOS 13, modo escuro e os novos iPhones da Apple: o que os profissionais de marketing por e-mail devem saber
Publicados: 2019-09-20Hoje, 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.
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.
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.