Volver al menú principal

Mejora el diseño de tu email

Preparar la visualización para todos los dispositivos, con diseño adaptativo

Actualmente, cada vez más tráfico web pasa por los móviles. El 59 % de los emails que se envían hoy en día se abren en dispositivos móviles, frente a solo un 15 % que se abren en ordenador. Preparar las campañas de email para pantallas de distintos formatos es esencial para el profesional de marketing si este quiere que la experiencia de usuario sea lo más cómoda e intuitiva posible. Y aquí es donde entra el diseño adaptativo.

Los emails adaptativos ofrecen contenidos que se adaptan al dispositivo que utilice el usuario (teléfono móvil, tablet u ordenador), cambiando su disposición en función del tamaño de pantalla en el que se visualizan. Estos emails siempre se mostrarán correctamente, con independencia del dispositivo del destinatario.

No obstante, aunque el tamaño de la pantalla es el principal factor que afecta en cómo ve un suscriptor un mensaje de email marketing, también es necesario tener en cuenta el cliente de email, es decir, el programa que permite al usuario enviar y recibir emails y administrar su cuenta de correo electrónico (Gmail, Outlook…). Identifica cuáles son los principales clientes de email de tu mercado y prioriza la adaptación de tus emails para estos clientes en móvil. 

Cómo diseñar una newsletter adaptativa

Utiliza un editor de emails adaptativo, para no tener que preocuparte de cosas como las consultas multimedia o el CSS: ya se encarga de todo ello el propio editor. No obstante, hay otras cosas que podrían interferir en el resultado final y conviene tenerlas en cuenta:

  • Badge Check

    Es mejor optar por una disposición en una única columna. Con esto te aseguras de que los navegadores web y los clientes de email muestren el contenido de tu email en las proporciones correctas, sin que tengas que readaptar el diseño para pantallas pequeñas.

  • Badge Check

    En cuanto a las imágenes, opta por un tamaño adecuado (ni demasiado grandes ni demasiado pequeñas) para asegurarte de que se muestren bien y se adapten a cualquier dispositivo. Acuérdate siempre de añadir un texto alternativo, por si no pudiese mostrarse la imagen.

  • Badge Check

    Asegúrate de que los botones de llamada a la acción estén claramente visibles y sean lo bastante grandes como para que a todo usuario le sea fácil pulsar en ellos. Si tienes varios enlaces o llamadas a la acción, distribúyelos con la suficiente separación entre sí. 

  • Badge Check

    Selecciona y organiza el contenido según su jerarquía de prioridades, para que los emails sean fáciles de leer incluso en pantallas pequeñas. También conviene utilizar un tipo de letra estándar disponible en cualquier dispositivo, como Arial, Georgia, Times New Roman o Verdana.

Resultado

El 80 % de la gente eliminaría un email que no se muestre bien en sus dispositivos móviles. Haz tus emails con diseño adaptativo para ofrecer una buena experiencia de usuario y aumentar tu tasa de conversión.

Dificultad

Intermedia

Un paso más

Un email que se muestra como tiene que mostrarse puede suponer mucha más interacción. Usa una herramienta de previsualización de la bandeja de entrada: con ella podrás ahorrar tiempo, al ver el email en el cliente y dispositivo que quieras sin tener que hacerlo de forma manual.

También te puede gustar

editor-emails

Diseño

Confeccionar los emails con un editor de “arrastrar y soltar”

Más información

pruebas-email

Diseño

Someter los emails a pruebas antes de enviarlos

Más información

emails-llamada-accion

Tasas de clics

Insertar llamadas a la acción eficaces

Más información

¿Quieres saber más sobre cómo puedes aplicar a tu empresa estas estrategias de crecimiento con el email? 

CTA icon