Consejos y buenas prácticas

9 técnicas de diseño adecuadas para emails móviles

Por MDirector

el 12 de agosto de 2015

el 12/08/2015

4 mins
No hay valoraciones
Artículo actualizado hace 10 meses por NewsMDirector

emails móviles

El 69% de los usuarios borran los emails que no están optimizados para dispositivos móviles. El 89% de las marcas están perdiendo leads y oportunidades porque no optimizan sus emails móviles.

Si quieres que tus suscriptores no huyan de tus campañas de email marketing cuando están utilizando sus smartphones, deberías utilizar las siguientes técnicas de diseño para tus emails móviles:

  1. Utiliza un layout de una sola columna. Es el formato más sencillo de leer en pantallas pequeñas y te garantizas de que no va a perderse nada de contenido cuando el usuario realiza un zoom. Además, si quieres que tu email se lea perfectamente en todos los dispositivos debe estar diseñado con un ancho fluido del 100% que permita visualizarse adecuadamente en las pantallas de tabletas y móviles.
  2. Crea un asunto breve de un máximo de 45 caracteres. Además, si logras concentrarlo en asuntos de entre 4 y 15 caracteres las tasas de aperturas serán mayores.
  3. Reduce los mensajes para que sean sencillos de leer en emails móviles. Lo ideal es ir directamente a los contenidos fundamentales por lo que debes hacerte siempre la pregunta de si existe un camino más corto para contar tus beneficios. Además, los contenidos deben estar jerarquizados por orden de importancia para evitar que los usuarios tengan que leer más para encontrar lo que buscan. Menos es más. Crea mensajes de 2 o 3 líneas y con un uso adecuado de las imágenes.
  4. Además de crear el mensaje con tamaños de letra más grandes de lo habitual, es esencial que ofrezcas la opción de que el usuario decida el tamaño de lectura en cada dispositivo. Un titular debe tener un tamaño de letra superior a los 22 pixeles mientras que el contenido del mensaje debe ser de 14 a 16 pixeles.
  5. Diseña con tablas y evita el uso de css. La mayor parte de los clientes de email no soportan el lenguaje css que se ha impuesto en el diseño web. Por lo tanto es imposible trabajar con elementos como divs, floats, margins o paddings, que son los que definen la disposición de los elementos en una plantilla. Por tanto, en lo que respecta a los emails móviles deben ir en tablas y celdas con anchos específicos para posicionar los contenidos tanto textuales como visuales en el lugar que quieres que aparezcan.
  6. Cuida la etiqueta alt de las imágenes. Recuerda que muchos clientes de email bloquean las imágenes y es importante que sepan de qué se trata para decidir si ejecutan la opción de visualizarlos.
  7. Haz que los enlaces parezcan enlaces. No hay nada peor que un usuario que no sepa dónde tiene que pulsar. Por eso, al menos deben estar subrayados, una convención habitual en el diseño web. Aunque lo ideal es que vayan en color azul y en negrita. De esta manera el usuario estará seguro de que se trata de un enlace. Además, las urls deben ser absolutas, es decir, incluir enlaces que empiecen con http:// y debes evitar el uso de muchos enlaces en un solo mensaje.
  8. Diseña botones más grandes y con colores de contraste adecuados. Lo normal es que el botón sea de un tamaño superior a 44×44 pixeles.
  9. Diseña los emails móviles dando mayor margen a todos los elementos que forman parte del mensaje y aumentando el tamaño del espaciado. Debes dejar la suficiente distancia entre los diferentes elementos para que sean pulsados con los dedos.

El diseño de un email es uno de los elementos que mayor impacto tienen sobre los ratios de conversión. Si tienes en cuenta estas 9 técnicas de diseño tus emails móviles aumentarán las tasas de apertura y conversión.

¿Quieres probarlos ahora mismo? Empieza a enviar campañas con MDirector en 3 minutos, menos de lo que tardas en preparar un café.

¡Tu valoración es muy importante!