Lo que todos los especialistas en marketing deben saber sobre el correo electrónico en modo oscuro

En estos días, incluso las aplicaciones están sacando provecho de la tendencia gótica.

Más en serio, estamos hablando del modo oscuro. Los sistemas operativos siempre han ofrecido esquemas de color invertidos, pero el correo electrónico y las aplicaciones en modo oscuro son un poco diferentes.

Si bien muchos usuarios están entusiasmados con el modo oscuro, ha creado un pequeño dolor de cabeza para los especialistas en marketing por correo electrónico.

Sin duda, habrá notado que cada cliente de correo electrónico puede mostrar la misma campaña de manera diferente. Bueno, la introducción del modo oscuro agrega una capa más a la ecuación.

En esta publicación, repasaremos algunos de los conceptos básicos que querrá saber antes de optimizar sus campañas de correo electrónico para el modo oscuro.

¿Qué es el modo oscuro y por qué la gente lo usa?

Durante años, los sistemas operativos y las aplicaciones han dejado de mostrar contenido con un fondo blanco y texto negro. Para nuestros propósitos aquí, lo llamaremos "modo de luz".

El modo ligero sigue siendo la opción predeterminada para la mayoría de las aplicaciones y sistemas, pero está cayendo en desgracia entre muchos usuarios de Internet experimentados, especialmente aquellos que pasan la mayor parte del día en línea.

Los nuevos datos muestran que la persona promedio pasa más de 44 horas a la semana en línea. Para muchas personas, seis horas en una computadora o laptop no es nada.

Bueno, resulta que mirar las pantallas todo el día no es bueno para nuestros ojos. Demasiado tiempo frente a la pantalla, ya sea un televisor, un teléfono o una computadora portátil, provoca fatiga visual.

Fuente: Weekdone

No es solo el brillo lo que puede ser dañino. Las emisiones de luz azul de las pantallas blancas evitan que su cuerpo produzca melatonina, que puede alterar su ritmo circadiano y ciclo de sueño. Teniendo en cuenta que hasta la mitad de los estadounidenses sufren de insomnio crónico o agudo, todos podríamos mejorar nuestra higiene del sueño.

Muchos teléfonos y sistemas operativos ahora le permiten cambiar a un tono más cálido para reducir la luz azul o activar un filtro de luz azul después de cierta hora todos los días automáticamente.

El correo electrónico y las aplicaciones en modo oscuro ofrecen una opción diferente. En lugar de ajustar el tono blanco, puede cambiar todo el tema a negro o gris oscuro y eliminará la luz azul dañina, fácil.

Varias aplicaciones populares como Reddit, Facebook Messenger, Twitter y WhatsApp ofrecen opciones integradas de modo oscuro. Facebook Messenger lanzó por primera vez el modo oscuro como un huevo de Pascua que se podía activar enviando un emoji, pero ahora cualquiera puede activarlo en la configuración de su aplicación.

Algunas aplicaciones de teléfonos inteligentes ofrecen modos oscuros, pero los usuarios deben cambiar su tema de Apple o Android a este modo. En otras palabras, no se ofrece a través de la configuración de la aplicación.

El correo electrónico y las aplicaciones en modo oscuro también son útiles para reducir drásticamente el consumo de batería en dispositivos con pantallas OLED. Con los OLED, los píxeles oscuros no se iluminan en la pantalla porque son negros. Sin embargo, con pantallas LCD y LED estándar, los píxeles oscuros aún requieren duración de la batería.

¿Qué clientes ofrecen correo electrónico en modo oscuro?

Los clientes de correo electrónico parecen reacios a aceptar el modo oscuro.

No es necesariamente que no quieran ofrecerlo, pero es difícil implementar una versión oscura estéticamente agradable porque cada campaña de correo electrónico está codificada de manera diferente.

Algunos clientes de correo electrónico ofrecen el modo oscuro como una configuración específica que puede activar dentro de la aplicación. Mientras tanto, otros clientes requieren que cambie la configuración de su sistema operativo antes de que la aplicación cambie automáticamente al modo oscuro.

Estos son los clientes y aplicaciones que sabemos que ofrecen el modo oscuro en este momento:

• Aplicación de Gmail (iOS y Android)

• Aplicación de Outlook (iOS y Android)

• Apple Mail (escritorio)

• Outlook 2019 (Mac, Windows y web)

También notará que, si bien es posible que Gmail no ofrezca un "modo oscuro" específico, sí le permite cambiar su tema de tonos claros a oscuros.

¿Cómo se ve el correo electrónico en modo oscuro?

Como ocurre con todo lo relacionado con el correo electrónico, depende.

Con las aplicaciones, el modo oscuro es sencillo. Los desarrolladores simplemente cambian algunas piezas de CSS y permiten que los usuarios elijan.

Twitter ofrece dos versiones del modo oscuro: luces apagadas y tenue.

Fuente: Twitter

Así es como se ve el modo oscuro en Facebook Messenger y Reddit.

Fuente: Facebook, Reddit

En un mundo perfecto, el correo electrónico en modo oscuro se vería exactamente como este gráfico del blog de Microsoft.

Fuente: Blog de Microsoft

Esto es lo que pasa con el correo electrónico en modo oscuro: los clientes de correo electrónico no han elegido una versión específica para usar. Parece que hay tres tipos específicos de modo oscuro que estamos viendo en diferentes clientes de correo electrónico.

1. Sin cambios de color

Primero, tenemos la representación de correos electrónicos con su HTML único, mientras que el cliente de correo electrónico conserva un tema de modo oscuro.

En el caso de Gmail para escritorio, el contenido de los correos electrónicos no cambia ni un poco, solo el tema de Gmail cambia a oscuro.

Así es como se ve en la aplicación de escritorio de Gmail.

Fuente: Gmail.

Para Apple, parece que los correos electrónicos de texto sin formato activan el cambio del modo claro al oscuro, pero no los correos electrónicos HTML.

2. Modo oscuro parcial

Con el correo electrónico en modo oscuro parcial, el cliente identifica los fondos claros y los cambia automáticamente a oscuros (mientras cambia el texto oscuro a claro).

Diseñar una campaña de correo electrónico con un fondo oscuro no cambiará si un suscriptor tiene activado el modo oscuro, en este caso.

Fuente: Litmus

3. Modo oscuro completamente invertido

Finalmente, el modo oscuro completo apunta a cada correo electrónico, independientemente de cómo esté diseñado, e invierte completamente el CSS.

Eso significa que si diseña un correo electrónico para el modo oscuro con un fondo negro, el cliente de correo electrónico lo volverá a poner en blanco.

Esta es la versión del modo oscuro que muchos usan.

Los clientes populares como Gmail y Outlook tampoco le permiten dirigirse a los usuarios del modo oscuro. Con suerte, a medida que los desarrolladores de correo electrónico comiencen a adaptarse, los clientes de correo electrónico cambiarán su código para encontrar un modo oscuro que se adapte a todos.

Diseñar para correo electrónico en modo oscuro

El elemento de diseño más importante que debe recordar es que el color de fondo cambiará a negro.

Es común que los diseñadores elijan imágenes que tienen elementos parcialmente blancos para combinar con el fondo de la pantalla. Otras veces, los diseñadores crearán imágenes con un color específico y usarán el mismo color para el fondo para que se vea perfecto.

Si el modo oscuro invierte los colores, eso puede arrojar un diseño reflexivo.

Mira cómo los colores cambian ligeramente en este correo electrónico.

Fuente : Medio

El amarillo brillante en modo claro cambia a marrón en modo oscuro. Mientras tanto, el fondo verde azulado en la imagen de Samsung se destaca en modo oscuro porque el color de fondo del correo electrónico se vuelve más oscuro.

Creación de imágenes para correo electrónico en modo oscuro

Es una buena idea usar imágenes con fondos transparentes tanto como sea posible.

Cuando no pueda controlar el color de fondo, querrá que sus fotos y logotipos permanezcan limpios. Entonces, la transparencia es el camino a seguir.

Nuevamente, la mayoría de los diseñadores usan logotipos e imágenes con ribetes blancos alrededor del borde. Normalmente, eso no es un problema porque el borde se mezcla con el fondo blanco del correo electrónico.

Sin embargo, con el modo oscuro, ese ajuste se destaca. Por lo general, no es un gran defecto, pero puede hacer que sus correos electrónicos se vean un poco desordenados.

¿Ves la diferencia con estos íconos de redes sociales?

Fuente: Campaign Monitor

También vale la pena agregar un filtro de atenuación sobre cualquier imagen brillante que pueda parecer deslumbrante en el modo oscuro.

Optimización de texto para correo electrónico en modo oscuro

Muchas marcas usan logotipos negros lisos. Cuando agrega un fondo transparente y coloca el logotipo sobre un fondo negro, eso hace que su logotipo sea invisible.

Afortunadamente, es una solución fácil con un poco de planificación.

Si está tratando con un logotipo o encabezado que es negro sólido, agregue un borde blanco para que aparezca sobre fondos negros en el correo electrónico en modo oscuro.

Agregar un borde blanco funciona muy bien tanto para el modo oscuro como para el claro porque el borde desaparece cuando el fondo se vuelve blanco.

Fuente: Campaign Monitor

No te olvides de probar

Al igual que con todo el marketing por correo electrónico, y especialmente cuando se trata del modo oscuro, asegúrese de no enviar sus campañas sin realizar muchas pruebas.

Recuerde que los clientes de correo electrónico y las aplicaciones aún no han encontrado su estrategia ideal de modo oscuro, así que espere que los estándares y los estilos CSS cambien algunas veces.

Además, el correo electrónico en modo oscuro se ve diferente en los clientes de todos. Sin embargo, ejecutar pruebas en modo claro y oscuro puede ayudar a mantener sus correos electrónicos legibles y sorprendentes en todos los dispositivos.

Envolver

Definir un diseño de correo electrónico coherente ya puede ser un desafío, y las funciones de correo electrónico en modo oscuro no ayudan. Afortunadamente, puede conocer qué clientes de correo electrónico utilizan sus suscriptores y seguir algunas de las mejores prácticas para que sus correos electrónicos se vean geniales.

• Incluya un contorno blanco alrededor del texto o logotipos de color negro sólido.

• Agregue una viñeta o un filtro de atenuación a las imágenes brillantes.

• Intente utilizar imágenes, logotipos y fotografías con fondos transparentes.

• Evite mezclar imágenes con colores de fondo.

• Ejecute muchas pruebas.

¿Quieres mejorar tu diseño y enviar tus mejores correos electrónicos hasta ahora? Consulte esta guía definitiva para un diseño de correo electrónico eficaz.