Cómo diseñar un e-mail para móvil

El uso del móvil es cada vez mayor, no solo a nivel general, también en cuanto a la realización de tareas que anteriormente se llevaban a cabo desde un ordenador. Un ejemplo es la consulta del correo, que gracias al teléfono móvil puede realizarse en cualquier momento y mantener una comunicación más rápida y eficiente. En la actualidad más del 43% de los correos se abren desde un teléfono móvil, una cifra que parece ir en aumento y que sin duda no se debe subestimar.

Este es uno de los cambios en las tendencias del usuario que se deben tener en cuenta en la puesta en marcha de una campaña de e-mail marketing. Y es que, si queremos que nuestra campaña sea efectiva, no hay más remedio que adaptarse al medio para poder ofrecer a nuestro usuario información de calidad y a la vez conseguir el mayor éxito posible en nuestra campaña.

A continuación vemos algunos consejos para optimizar el diseño de un e-mail para móvil.

1. Agranda las fuentes: para adaptarnos a la interfaz móvil, debemos usar fuentes mayores de las que se usan tradicionalmente en los e-mails convencionales abiertos desde el ordenador. iOS tiene especificado un mínimo de 13px para las fuentes, ajustándolas a este tamaño en el caso de que sean menores. Se recomienda por tanto un tamaño mínimo de 14px con encabezados mayores de 22px.

2. El asunto de la newsletter: el asunto es muy importante, aquí te dejo algunos consejos para redactar asuntos.

3. Vigila las escalas: iOS ajusta el zoom de los e-mail para adaptarlos al ancho de la pantalla, pero el resto no lo hacen, de modo que sin una escala correcta el usuario puede necesitar desplazarse de izquierda a derecha para leer tu e-mail, lo que resulta incómodo y por tanto puede hacer que tu e-mail sea menos efectivo, no siendo terminado de leer. Para evitar esto, considera un ancho en tu e-mail de entre 220-550px. En Mailrelay te ofrecemos plantillas con una escala adecuada, como por ejemplo la newsletter navideña. Encontrarás muchas más plantillas dentro de tu cuenta de Mailrelay.

4. Llamada a la acción: la parte más crucial y efectiva en el diseño de un e-mail es la parte de la llamada a la acción (esos botones de “compra ya” o “solicita ahora”). Esta debe ir colocada en el centro de la pantalla y no temas hacer el botón demasiado grande (se considera adecuado un tamaño de 44x44px).

5. Simplifica: menos es más. Considera simplificar complejos encabezados, barras de navegación, herramientas para compartir en redes sociales o llamadas a la acción de modo que puedas mantener un diseño claro y limpio.

6. Imágenes: el único sistema operativo que no bloquea las imágenes es iOS, el resto suele alertar de la inclusión de imágenes en el correo, las cuales se deben mostrar manualmente si el usuario así lo decide. Realiza un uso equilibrado con respecto al texto en HTML.

7. Recorta: revisa tu correo y recorta links, imágenes o textos que puedan resultar irrelevantes para conseguir un e-mail más limpio sin que deje de ser atractivo y práctico.

8. Layout: mientras que las newsletters suelen mostrar un diseño a dos o tres columnas, en el caso de los e-mails enfocados a plataformas móviles, se recomienda utilizar una sola columna que pueda adaptarse a las diferentes pantallas ayudando a aumentar la legibilidad.

9. Obviedad: intenta que tu e-mail sea lo más visible posible. A pesar de que las llamadas de acción, solo por la caja que suelen llevar, se hacen visibles, trabaja aún más en ello añadiendo otros recursos como sombras o colores llamativos. Intenta utilizar colores y otros recursos en tus fuentes que guíen al lector entre la información más importante.

10. Adaptados a los dedos: dejar espacios entre líneas y hacer los botones grandes para poder navegar apropiadamente con los dedos es fundamental, puesto que forma parte de la comodidad del usuario y por tanto se relaciona directamente con la interacción de este con el correo recibido.

Y ahora que ya sabemos qué requisitos debe cumplir nuestro e-mail dirigido a móvil, aquí va un pequeño tutorial para que veas lo fácil que es realizar una plantilla de newsletter con Mailrelay: