. Actualmente, más de la mitad de los correos comerciales son abiertos desde dispositivos móviles, por lo que diseñar pensando en pantallas pequeñas ya no es una opción, sino una necesidad.
La medida estándar más utilizada para el cuerpo principal de un emailing es de 600 píxeles de ancho. Este ancho ofrece una excelente compatibilidad con la mayoría de clientes de correo electrónico como Gmail, Outlook, Apple Mail y Yahoo Mail. Aunque el diseño se adapte posteriormente a dispositivos móviles, la versión de escritorio suele construirse sobre esta base.
En dispositivos móviles, el contenido debe adaptarse automáticamente al ancho de la pantalla mediante diseño responsivo. Por esta razón, se recomienda trabajar con estructuras flexibles que puedan reducirse a aproximadamente 320 a 480 píxeles de ancho sin perder legibilidad.
Las imágenes principales o banners superiores suelen diseñarse a 600 x 300 píxeles, 600 x 400 píxeles o 600 x 600 píxeles, dependiendo de la cantidad de información visual que se desee mostrar. Para pantallas de alta resolución es recomendable exportarlas al doble de tamaño y optimizarlas para web.
Los encabezados deben ser claros y visibles. Los títulos principales suelen utilizar tamaños entre 28 y 40 píxeles en escritorio, mientras que en dispositivos móviles se recomienda que se ajusten automáticamente a tamaños cercanos a 22 o 28 píxeles para mantener una lectura cómoda.
El texto de contenido generalmente funciona mejor entre 14 y 18 píxeles. Fuentes más pequeñas pueden dificultar la lectura en teléfonos móviles y aumentar la tasa de abandono del correo.
Los botones de llamada a la acción son uno de los elementos más importantes del emailing. Deben tener una altura mínima cercana a 44 píxeles para facilitar el toque con los dedos en dispositivos móviles. Muchos diseñadores utilizan medidas aproximadas de 200 x 50 píxeles para botones principales, aunque pueden variar según el diseño.
Los márgenes laterales también son fundamentales para evitar que el contenido quede demasiado pegado a los bordes de la pantalla. Generalmente se utilizan espacios internos de entre 20 y 30 píxeles dentro de cada bloque de contenido.
Las imágenes deben optimizarse para carga rápida. Un correo electrónico demasiado pesado puede tardar en descargarse o incluso ser bloqueado por algunos servidores. Se recomienda comprimir las imágenes sin sacrificar calidad visual.
En cuanto a la estructura, actualmente predominan los diseños de una sola columna. Este formato facilita la adaptación a dispositivos móviles y mejora la experiencia de lectura. Las estructuras con múltiples columnas pueden utilizarse en escritorio, pero deben reorganizarse correctamente en pantallas pequeñas.
La cabecera del correo suele incluir el logotipo de la empresa y puede ocupar una altura aproximada de entre 80 y 150 píxeles. El objetivo es identificar rápidamente la marca sin consumir demasiado espacio visual.
El pie de página normalmente incorpora datos de contacto, enlaces a redes sociales, políticas de privacidad y opciones para cancelar la suscripción. Debe mantenerse limpio y organizado para evitar saturar la comunicación.
Además de las medidas, es importante considerar la jerarquía visual. Los usuarios suelen escanear rápidamente los correos electrónicos antes de decidir si continúan leyendo. Por ello, los elementos más importantes deben ubicarse en la parte superior y utilizar contrastes adecuados para destacar.
Las pruebas previas también son esenciales. Un emailing puede verse correctamente en un cliente de correo y presentar problemas en otro. Por esta razón, los profesionales suelen realizar pruebas en múltiples dispositivos y plataformas antes del envío masivo.
En términos generales, un emailing responsivo profesional suele diseñarse con un ancho base de 600 píxeles, imágenes optimizadas para alta resolución, textos legibles entre 14 y 18 píxeles, botones táctiles de al menos 44 píxeles de altura y una estructura sencilla que facilite la adaptación automática a dispositivos móviles.
Cuando estas recomendaciones se aplican correctamente, el resultado es una mejor experiencia de usuario, mayores tasas de apertura, más clics y una mayor efectividad de las campañas de email marketing.
