Los emails responsivos se redimensionan de acuerdo con las especificaciones de la pantalla del dispositivo, ahora es algo absolutamente obligatorio para todos los email marketers, demuéstrele al mundo que usted es un experto en la aplicación de los siguientes siete trucos.

 

  1. Coloque sus iconos de forma visible – Los iconos a veces pierden la nitidez en función del tipo de pantalla y la escala en que están siendo vistos. Las pantallas de Retina son uno de las causantes de los problemas más comunes con la visibilidad del contenido, el orden y la claridad como se ve por el contrario en una pantalla de ordenador convencional, estas pantallas de retina hacen ver las imágenes pixeladas y desiguales. La solución cuando se trata de iconos es simple y fácil de implementar. Las pantallas de retina escalarán fuentes con máxima nitidez lo que en lugar de utilizar un gráfico para un icono se dirigirá a buscar una fuente de símbolos que tiene el icono que desea utilizar y aplicará eso.  Las pantallas de alta resolución presentan las fuentes con precisión mucho mayor que cualquier otro gráfico, así que no importa cuán grande o pequeño sea el icono, este estará en varias pantallas y siempre se verá muy bien.
  2. Sólo hasta el 13 – Con retina o sin ella, usted puede encontrarse con un problema realmente desagradable con los dispositivos iOS, si utiliza un texto inferior a 13 puntos. El iPhone limita el tamaño de los puntos de ese nivel por sus fuentes de modo que si usted tiene un contenido mucho más pequeño va a tener que enfrentarse a la perspectiva de que al romper ese límite, correrá el riesgo de que su diseño se rompa también.
  3. Tenga un teclado especial – No sólo los dispositivos iOS limitan el tamaño de sus fuentes, también es un completo dolor cuando se trata de caracteres especiales que a menudo parecen imposibles de encontrar.  Todo lo que tiene que hacer es utilizar la entrada type = “email” en el formulario de correo electrónico y el estándar restrictivo de Apple en el teclado de su pantalla mágicamente se transformará en un teclado que tiene los caracteres especiales que realmente se utilizan muy seguido, incluido el crítico símbolo de arroba @.
  4. No descargar imágenes que no se puedan mostrar – Muchos vendedores en línea no son conscientes de como se utiliza una pantalla de dispositivo móvil: ninguno puede  ocultar los gráficos que están exprimiendo a la pantalla para descargar imágenes que no se pueden mostrar. Eso es una completa pérdida de ancho de banda produciendo que el correo electrónico y otras aplicaciones funcionen lentamente. Lo mejor que usted podría hacer es utilizar las técnicas de Java o CSS de carga de imágenes para  mostrar las imágenes de forma adecuada para que el usuario pueda disfrutar del diseño.
  5. Limitar la barra de desplazamiento horizontal – Hay diferentes anchuras en las pantallas de los dispositivos móviles cayendo así en la tentación de optar por la multitud de tabletas para hacer sus diseños mucho más amplios de lo que debería para una visualización óptima en la mayoría de los dispositivos móviles. No importa cómo usted pueda ser tentado, nunca hay una justificación para superar a los 500 pixeles de ancho de lo contrario sólo está enfrentándose a un número desmesurado de clientes contra la barra de desplazamiento horizontal.
  6. Jobsis hace el trabajo – El efecto Jobsis es conocido por el apellido de su descubridor, y tiene como objetivo mantener al cliente al tanto de la totalidad de su creación, como responden los gráficos, el diseño del correo electrónico, entre otros factores.  Suena muy raro pero realmente esto hace el trabajo: Tome cualquier imagen que desea colocar en un email responsivo;  cambie su tamaño en Photoshop al 200%; comprímalo a sólo el 25% de la calidad del original; ahora cambie su tamaño de nuevo al 100%. ¿Qué es lo que ve? El resultado será una imagen que está totalmente optimizada para pantallas de alta resolución como por alguna extraña razón conserva su densidad de pixeles de 200%, pero el tamaño del archivo es mucho más pequeño.  Existe una base científica para todo esto, pero se necesita miles de páginas para explicar todo.
  7. Pruebe, pruebe, pruebe – Tiene que probar el diseño de correo electrónico responsivo en tantos dispositivos y emuladores que pueda encontrar.  Quirktools es uno de los mejores en esta funcionalidad, pero encuentre más y úselos todos!

¡Es maravilloso crear grandes mensajes de correo electrónico responsivos para diferentes dispositivos móviles!