Mejora el diseño de tu email
Preparar la visualización para todos los dispositivos, con diseño adaptativo
Inicio
Centro de estrategias de crecimiento con email
Centro de estrategias de email – Diseña emails mejor
Diseño adaptativo: Emails para todos los dispositivos
No hay resultados
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:
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.
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.
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í.
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.
Estrategia anterior
No descuidar los emails transaccionales
Siguiente estrategia
Someter los emails a pruebas antes de enviarlos
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
Diseño
Confeccionar los emails con un editor de “arrastrar y soltar”
Más información
Diseño
Someter los emails a pruebas antes de enviarlos
Más información
Tasas de clics
Insertar llamadas a la acción eficaces
Más información