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:

• 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.