La evolución del diseño de los emails: El presente finalmente los alcanza.

27 04 2011

Si bien el diseño de los emails que recibimos debería adaptarse a los siempre cambiantes entornos de bandeja de entrada donde los visualizamos, pocas son las compañías que acompañan la evolución tecnológica de los dispositivos, sistemas de mail y software de gestión de correos con diseño de piezas novedoso.

Algunas de las características que habíamos encontrado más comúnmente en boca de los especialistas  en los últimos años son: disminución de la cantidad de imágenes -text/image ratio-, utilización de templates que no superaran los 600 píxeles de ancho, tamaños de fuentes uniformes en el texto y el incremento de la adopción de funcionalidades como Forward to a Friend o Enviar a Amigo.

Hoy por hoy se impone una nueva ola de cambios en el diseño de las piezas, que debe considerar a los smartphones, tablets, conexión con redes sociales -SWYN: Share with your network– y la potencial adopción de Javascript, cuya utilización hace poco tiempo atrás hubiera sido el más mortal de los pecados de un diseñador en email marketing.

Nuevos dispositivos, pantallas más pequeñas: Los nuevos smartphones HTML friendly son realmente una joya. Pueden visualizar email de la misma forma que nuestro Gmail o Hotmail vía Browser de Internet y -en principio- parecen no presentar ningún challenge al diseñador. Esto en realidad es falso, las pantallas pequeñas de estos dispositivos suelen no poder desplegar piezas de más de 640 píxeles de ancho en modo widescreen, lo que hace necesaria la utilización de templates que no excedan este ancho.

Es cierto que existen casos especiales como el Retina Display de iPhone 4 con gloriosos 960 x 640 píxeles de resolución. Sus usuarios pueden ver correos completos sin siquiera utilizar la modalidad widescreen del aparato, muy conveniente, pero poco común.

El Retina Display del iPhone 4. 960 x 640 píxeles de poder: Una guachada.

El Retina Display del iPhone 4. 960 x 640 píxeles de poder: Una guachada.

De todas formas -y como siempre-, lo mejor que le puede pasar a un marketer es tener la información del dispositivo que está utilizando el usuario en la base de datos y enviar piezas adaptadas, pero sabemos que eso también es una utopía para la mayoría de las compañías.

Las “novedosas” pantallas táctiles: Si, están hace 1000 años, lo sé. Pero parece que nadie se termina de avivar. Para que lo sepan voy a utilizar mayúsculas: ES MUY DIFÍCIL HACER CLICK EN UN CALL TO ACTION QUE ESTÁ ESCRITO EN ARIAL 9 DESDE UN ANDROID. MUY DIFÍCIL Y FRUSTRANTE!

Bien, espero que haya quedado claro. En definitiva, las piezas van a tener que comenzar a ser mucho más touch-friendly.

Para que se imaginen, hay que pensar en que los botones deben ser suficientemente grandes como para que la persona haga click con la yema del dedo, y no tenga que improvisar un stylus con la uña.

De todas formas esto no es solamente para smartphones, claramente el mercado también está explotando de tablets. Muchas opciones Android y las mega exitosas de Apple son cada vez más comunes. Pronosticadores especializados indican incluso que la adopción es tan grande, que en los próximos meses hay buenas posibilidades de que tu abuela tenga una.

Xoom de Motorola, iPad de Apple, Slate de HP, Galaxy de Samsung. Cuál va a elegir tu abuela?

Xoom de Motorola, iPad de Apple, Slate de HP, Galaxy de Samsung. Cuál vas a elegir para la nona?

Por supuesto que las tablets presentan mayores resoluciones que los smartphones situando su estándar en 1024×600, y existiendo divinas excepciones de hasta 720p y más, pero esto no las exime de las problemáticas de la interfaz touchscreen. También es dificultoso en estos dispositivos de mayor tamaño hacer click en links pequeños.

Los casos más notorios donde se pueden aplicar estas mejoras son las barras de links de las piezas de correo, donde hay una alta densidad de vínculos que dificultan el finger-click.

Aquí abajo hay un ejemplo muy claro de una barra de navegación touch-friendly, que seguro va a servir para ponernos a pensar en las mejoras que podríamos aplicar en nuestras propias piezas.

La barra de navegación presenta botones que son naturalmente fáciles de clickear. El tamaño perfecto.

La barra de navegación presenta botones que son naturalmente más fáciles de clickear. El tamaño perfecto.

Javascript en un mail… ESTÁS LOCO??:  Quizás sí, quizás, no… Quién sabe. La cosa es que hay buena cantidad de rumores de que Gmail y Hotmail van a comenzar a permitir Active Content en los emails.

Esto es básicamente permitirle a una pieza correr Javascript, teniendo la seguridad de que no pueda ejecutar comandos maliciosos en nuestros dispositivos. Si eso fuera posible podríamos ver cosas muy interesantes en las piezas, mucho más parecidas a los websites que conocemos.

Realizar una reserva desde un email, o checkear la disponibilidad de hoteles -tal como lo muestra el video de abajo- va a ser factible gracias a las plataformas que permitan Active Content.

Estas son sólo algunas cosas de las que ya están cambiando con las nuevas corrientes de diseño para piezas de email marketing.

Pero, ustedes qué piensan? Se les ocurren otras? Imaginan la evolución del reporting acompañando estos cambios? Cuánto tiempo pasará para que anunciantes locales comiencen a adoptarlos? La discusión está abierta, amigos :-). Como siempre, se aprende mucho con los comentarios.