Responsive Emails – Marketing Cloud

Los correos electrónicos pueden abrirse en diferentes dispositivos con diferentes resoluciones de pantalla. Para garantizar que los emails se muestren correctamente en todos los dispositivos, deben diseñarse de forma responsive y de acuerdo a ciertas prácticas. Infórmate sobre todo lo que tienes que saber de Responsive Emails para la certificación de Marketing Cloud Email Specialist.

Diseño Responsive

La principal característica del diseño responsive es que contrae y expande el contenido y los elementos de diseño basados en el tamaño de la pantalla de un dispositivo. Esto asegura que el contenido del correo electrónico sea legible e incluya todos los elementos de diseño esenciales en todos los dispositivos.

Marketing Cloud ofrece plantillas de correo electrónico optimizadas para móviles, listas para usar, con diseños fluidos, escalables, adaptables y receptivos. Pregunta de examen: Para detectar los tamaños de pantalla, Marketing Cloud utiliza consultas CSS3 @media. En función del tamaño de la pantalla, los estilos de correo electrónico se sobrescriben para adaptar automáticamente el contenido a los diferentes tamaños de pantalla. Además a partir de las plantillas prediseñadas, se pueden crear plantillas de correo electrónico personalizadas.

Mejores prácticas de diseño para Responsive Emails

Simple y Sencillo

Los correos electrónicos móviles deben mantenerse simples y sencillos. Pregunta de examen: Plantillas de una sola columna, el tamaño de los texto grandes, imágenes optimizadas y botones con mucho espacio permiten a los usuarios móviles leer y navegar fácilmente por los emails.

Navegación amigable

Algunas interacciones como el hover o el mouseover son difíciles o imposibles de llevar a acabo en las pantallas táctiles y deben evitarse en los diseños responsive.

Breve y organizado

El contenido de los correos electrónicos móviles debe ser breve y organizado. Los bloques de contenido aseguran que lo concentración del usuario se mantenga en el mensaje  y sea fácil de escanear visualmente por los lectores.

Imágenes fijas

Para evitar que las imágenes y gráficos de gran tamaño se descuadren en los correos electrónicos móviles, se debe limitar su altura y anchura. Además, se deben proporcionar textos alternativos (alt text) y colores de fondo, en dado caso de que los bloqueadores de imágenes bloqueen las imágenes de nuestros emails.

Sobre Pliegue/Above the Fold

Pregunta de examen: La información importante debe mantenerse encima del pliegue del correo electrónico. Esto asegura que los mensajes más relevantes sean visibles sin que los usuarios tengan que hacer scroll hacia abajo. El pliegue para los dispositivos móviles aparece después de unos 150 píxeles y para las ordenadores después de unos 350 píxeles.

Mobile-First

Los correos electrónicos deben diseñarse desde una perspectiva mobile. Esto significa que los correos electrónicos deberían diseñarse primero para los dispositivos móviles y luego ampliarse con contenido interactivo y call to action para dispositivos más grandes.

Haz clic para volver a la guía de estudio.