Responsive Email Design: ¿qué es responsive design?

En otros posts hemos analizado la necesidad de adaptar nuestras campañas de email marketing al móvil y nos hemos acercado a distintas técnicas para adaptarnos a la nueva situación. En los próximos artículos nos centramos en la técnica que parece ser el futuro de la adaptación de los emails: el Responsive Design.

El Responsive Design o diseño adaptativo consiste en un mismo HTML que responde a reglas distintas de CSS según el ancho del dispositivo donde se muestra. Es decir, el diseño, dentro de las posibilidades de la estructura HTML puede cambiar según el ancho de pantalla del dispositivo. Teniendo en cuenta las altas tasas de apertura móvil de los emails a día de hoy, cabe preguntarnos si esta técnica puede ser la respuesta para ofrecer una mejor experiencia al usuario en estos dispositivos. Por ello, dedicaremos los próximos posts al Responsive Email Design.

email-movil

Para entenderlo fácilmente y antes de meternos en aspectos técnicos en los próximos posts lo mostraremos así:

ESCRITORIO:

Para dispositivos con un ancho mayor de 600px {diseño principal en 2 columnas}

TABLETA:

Para dispositivos con un ancho entre 480px y 768px {

Botones medianos;

}

MÓVIL

Para dispositivos con un ancho menor de 480px {

botones más grandes;

estructura en una columna;

espacio mayor para hacer click en los enlaces;

fuente más grande;}

De esta manera, podemos aplicar reglas distintas según el dispositivo y mejorar la experiencia del usuario. Sin embargo nos encontramos un obstáculo importante en la aplicación de esta técnica: la compatibilidad en los distintos servicios de email en móvil y escritorio, de la que hablaremos en el próximo artículo.

Para saber más sobre adaptación de Email en móvil, descarga nuestro ebook.

Share on FacebookTweet about this on TwitterShare on LinkedInGoogle+Email to someonePrint this page

One thought on “Responsive Email Design: ¿qué es responsive design?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *