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

Publicado: 2022-06-29

En estos días, incluso las aplicaciones están aprovechando 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 poco de 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 mostrado de forma predeterminada el 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á perdiendo el favor de muchos usuarios de Internet inteligentes, 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 cada semana en línea. Para muchas personas, seis horas en una computadora o computadora portátil no es nada.

Bueno, resulta que mirar 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.

Cansancio ocular digital Bright Screens

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, lo que puede alterar su ritmo circadiano y su 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 automáticamente un filtro de luz azul después de una hora determinada cada día.

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 de modo oscuro integradas. Facebook Messenger lanzó por primera vez el modo oscuro como un huevo de Pascua que podía activar al enviar 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 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 las pantallas LCD y LED estándar, los píxeles oscuros aún requieren 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 las aplicaciones que sabemos que ofrecen el modo oscuro en este momento:

  • Aplicación Gmail (iOS y Android)

  • Aplicación 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, le permite cambiar su tema de tonos claros a oscuros.

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

Como 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.

Twitter modo oscuroCaptura de pantalla de un celular Descripción generada automáticamente

Fuente: Gorjeo

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

Modo oscuro de facebook y redditCaptura de pantalla de una computadora Descripción generada automáticamente

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.

Modo oscuro 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.

Modo oscuro de Gmail

Modo oscuro 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 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.

Diseño de modo oscuro

Fuente: tornasol

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 cambiará de nuevo a blanco.

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

Clientes populares como Gmail y Outlook tampoco le permiten apuntar a usuarios en 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ño para correo electrónico en modo oscuro

El elemento de diseño más importante para 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 arruinar un diseño bien pensado.

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

Diseño de modo oscuro parcial

Fuente : Medio

El amarillo brillante en el modo claro cambia a marrón en el modo oscuro. Mientras tanto, el fondo verde azulado en la imagen de Samsung se destaca en el 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. Así que la transparencia es el camino a seguir.

Nuevamente, la mayoría de los diseñadores usan logotipos e imágenes con un borde blanco alrededor. Normalmente, eso no es un problema porque el recorte 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 iconos de redes sociales?

iconos de redes sociales modo oscuro

Fuente: Monitor de campaña

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

Optimización del texto para el correo electrónico en modo oscuro

Muchas marcas usan logotipos negros lisos. Cuando agrega un fondo transparente y arroja 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 se trata de un logotipo o encabezado de color negro sólido, agregue un borde blanco para que se muestre 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.

modo oscuro de punto de sitio

Fuente: Monitor de campaña

No olvides 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 de modo oscuro ideal, así que espere que los estándares y los estilos CSS cambien varias 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

Lograr un diseño de correo electrónico consistente 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 usan 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 los logotipos en negro sólido.

  • Agregue una viñeta o un filtro tenue a cualquier imagen brillante.

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

  • Evite mezclar imágenes con colores de fondo.

  • Haz muchas pruebas.

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