Así como debes tener muy en cuenta la Usabilidad en tus proyectos Web, también debes tenerla para tus proyectos con el email. ¡Sí! Esos boletínes o newsletters que envías periódicamente a tus clientes.

¿Cómo? Teniendo muy en cuenta estas Guías: 2008 Email Design Guidelines, publicadas por Campaing Monitor.

Si claro. Estas son unas Guías de Diseño, pero si las lees detenidamente verás que también te servirán para hacer tus comunicaciones más usables.

• No desperdicies el tiempo de tus lectores: Así que directo al grano y si tu boletín es un extenso incluye en primera medida una tabla de contenido.
• Los permisos importan: ¿Tienes el permiso para enviar tu email a cada uno de tus clientes? Además recuérdales quién eres y por qué deben creer en tí.
• El contenido le gana al permiso: Además de tener su permiso, a tus clientes debes enviarle información relevante.
• Haz fácil la salida de tu lista: No tienes porque escribirle a quienes no estén interesados.
• El bloqueo de imágenes es común: Muchos clientes y webs de correo bloquean las imágenes por defecto, así que tu mensaje no debe depender de ellas.
• Usa tablas: Desafortudamente el soporte de CSS no es el adecuado en los clientes de correo. Así que para diagramar usa tablas.
• Cuando uses estilos, úsalos inline: Por el mismo motivo anterior.
• No te olvides de la versión sólo texto: Muchos de tus clientes la prefieren.
• Conoce las leyes de correo electrónico de tu país: Porque hay leyes que lo controlan y son diferentes en cada uno.
• Prueba, prueba, prueba: Así como debes probar, probar y probar con tu sitio Web, igual hazlo con tus correos.

Este es un resumen de las guías. Deberías sacar el tiempo y leer el artículo completo en su blog, donde encontrarás más detalles y ejemplos de cada item.

Adicionalmente, te recomiendo su excelente Galería de Emails en HTML y sus plantillas para correos sólo texto en donde encontrarás gran inspiración

¿Recuerdan el Email Standards Project del cual les hable hace algunos meses?

Les cuento que acaban de lanzar una iniciativa llamada Project Gmail Grimace para llamar la atención de la gente de Google (específicamente los encargados de Gmail), para lograr que revisen las graves falencias que este cliente de correo electrónico tiene al desplegar correos con estilos y demás.

Participar es relativamente sencillo, se requiere tomarse una foto haciendo una mueca, inscribirse a Flickr para enviar su foto y finalmente agregarla al grupo creado para este fin. Revisa los detalles para participar.

También los Estándares Web los necesitamos en el correo: ¡Así que a hacer tu mejor mueca ya!

Gracias a Michael Müller.Net.

Actualización: Con algunas de las fotos que han recopilado se ha montado este buen video.

Actualización 2: ¡Ya Google ya escuchado! Por lo menos un ingeniero de gmail parece estar interesado en hacer mejoras. ¡En hora buena!

¿Sabías que los correos que envías a diario No tienen un estándar? Yo creía que al ser correos en HTML se regían por los Estándares Web, hasta que hace años me tocó diseñar un correo y eso fue un dolor cabeza. Si se veía bien en Outlook se veía mal en Hotmail y ni hablemos de los otros clientes de correo… ¡Yo creo que muchos hemos tenido problemitas diseñando correos en HTML!

La gran noticia es que ha nacido una nueva iniciativa que busca mejorar el soporte de los estándares Web y la accesibilidad en los clientes de correo que usamos a diario. Se trata del The Email Standards Project, cuyo principal objetivo es ayudar a los diseñadores a entender por qué los estándares web son tan importantes para el correo y a la vez trabajar con los desarrolladores de estos programas para que visualicen consistentemente los emails.

¿Sabías, por ejemplo, que AOL Webmail, Apple Mail, Eudora (Penelope), Thunderbird, Windows Mail & Live Mail y Yahoo! Mail tienen un excelente soporte a los estándares Web, mientras que Apple .Mac, Google Gmail, Lotus Notes 8 y Outlook 2007 tienen un soporte pero muy pobre?

¡Si vas a diseñar un correo ya sabes contra qué clientes debes probar! ¡Y Aayúdamos a esparcir la voz!

Gracias a ERV Design.