Categoría: Consejos Email Marketing
En 2018 Apple introdujo en su lector de correo de escritorio el “Dark mode” o “modo oscuro". Poco después Apple lo incorporó en iOS mail y le siguieron los grandes de la industria como Gmail y Outlook.com.
Actualmente el “modo oscuro” es una opción usada por muchos usuarios y por esta razón es importante asegurarnos que nuestros emails se ven bien en este nuevo entorno de lectura.
CONTENIDO
El dark mode, night mode o modo oscuro, es un esquema de color que se aplica a los lectores de correo y que consiste en utilizar colores claros para iconos, elementos de la interfaz de usuario y tipografías, sobre fondos de colores oscuros. Es una opción de accesibilidad disponible tanto en gestores de correo como en sistemas operativos y aplicaciones.
El modo oscuro o dark mode, es una tendencia en auge por múltiples razones:
Los usuarios pueden escoger utilizar el modo oscuro en los siguientes lectores de correo:
No todos los lectores aplican el modo oscuro de la misma manera: unos solo cambian la interfaz de usuario, pero no modifican los colores de nuestros emails, algunos invierten parcialmente los colores y otros, los modifican por completo.
Algunos lectores como Gmail, Yahoo mail y Apple mail solo cambian los colores de su interfaz al aplicar el modo oscuro. Esto significa que el dark mode no afecta a como se renderiza nuestro email y se visualizará exactamente como es.
Aquí tenéis un ejemplo con Gmail: El diseño de nuestro email se conserva sea cual sea el modo que se utilice:
En algunos lectores, el modo oscuro detecta las areas de tu email que usan un fondo claro e invierten el color de fondo a oscuro y los textos a colores claros. Las áreas que usan fondo oscuro no las cambia. El resto de los elementos tampoco.
Este es el caso por ejemplo de Outlook.com. Si os fijáis, veréis que el borde del botón de color negro lo ha mantenido y no ha hecho ningún cambio en los fondos oscuros:
Otros lectores de correo, como Gmail para iOS o Zoho mail, invierten todos los colores. Es decir, no solo cambian los fondos claros a oscuro, sino los oscuros a claros. Este esquema de color es el que aplica cambios más radicales al diseño de nuestro email.
A continuación, os mostramos una tabla de cómo actúa cada lector de correo al aplicar el modo oscuro. Esta tabla puede ir cambiando en el tiempo, ya que muchos lectores como Gmail, utilizan el feedback de los usuarios para aplicar mejoras a su tema dark mode.
No todos los lectores utilizan el mismo esquema de color cuando el usuario trabaja con el dark mode activo. Es decir, los colores que utiliza cada lector para sustituir los originales difieren uno de otros. Para evitar que esto suceda, podemos especificar en el html como queremos que nuestros emails sean renderizados en modo oscuro, pero no todos los lectores permiten indicarlo (por ejemplo, Gmail no lo acepta).
Si tenemos conocimientos de html, podemos utilizar estos dos métodos para indicar al lector como debe mostrar nuestro email:
@media (prefers-color-scheme: dark)
[data-ogsc] y/o [data-ogsb] , para Outlook app(Android)
No obstante, hay una serie de técnicas que podemos aplicar a nuestros emails para que se visualicen correctamente en modo oscuro sin necesidad de modificar el html.
Testea tu campaña para asegurarte que tu diseño y la legibilidad del contenido no se ve afectada en caso de que el usuario tenga el modo oscuro activo. Como hemos comentado, cada lector aplica su propio esquema de color, por lo que es recomendable testear nuestro email en los lectores más populares para ver el resultado en cada uno de ellos.
Si utilizas imágenes con fondo transparente, al invertirse los colores con el modo dark mode, el diseño de tu newsletter se verá más uniforme y no tendrá una afectación tan visible.
En la siguiente imagen puedes ver la diferencia entre usar el logotipo con y sin fondo:
Si utilizamos iconos o textos en imagen de color negro, estos no se verán en el modo oscuro. Para evitarlo, añade un borde de color blanco. En modo “normal” no se apreciará y en modo oscuro se visualizarán correctamente.
Los clientes de correo están constantemente cambiando, sobre todo en lo que al dark mode se refiere, aplicando mejoras y modificaciones en sus esquemas de color para mejorar la experiencia del usuario que utiliza este modo de visualización de sus correos electrónicos. Por esta razón, es imperativo testear nuestros emails para asegurarnos que se renderizaran correctamente en este modo en los lectores más populares.
No te pierdas nada de nuestro blog y únete a nuestro Telegram https://t.me/acrelianews
¿Aún no has probado Acrelia News?
Si te gustó este artículo, te gustará mucho más nuestra herramienta de email marketing: profesional, fácil de utilizar y en español.
Suscríbete a la newsletter
Últimas tendencias y novedades en email marketing
Consejos y trucosE-BooksTendencias y novedadesCasos prácticosInfografías
SÍGUENOS EN
© Copyright 2024 Acrelia News | Términos de uso | Política de cookies | Aviso legal | Política de privacidad
