Ideas y Consejos para el Diseño de tu Email

En este artículo Franco Carrera, Art Director de doppler Email Marketing, nos hablará de los elementos gráficos que conviene (y los que no) utilizar para la generación de un email, cómo manipularlos y algunos tips para mejorar el rendimiento de las campañas.

Para empezar voy a enumerar las cosas con las que contamos para generar la pieza y conviene utilizar:

• Textos (concretos, en algún momento hablaremos en detalle de esto)
• Imágenes (JPG, PNG, Gif) esto nos va a ayudar a definir la estética y la jerarquización de la información.

No debemos utilizar bajo ningún concepto los siguientes elementos:

• Elementos Flash
• Videos embebidos
• Imágenes de Gran tamaño o de alta resolución (Tiff, EMP, BMP, etc)
• Archivos adjuntos (PDFs, videos, Documentos de Excel o Word)
• Fondos de tramas o imágenes, tanto para el fondo de los emails como para fondo de las tablas.

1. Lo primero que tenemos que hacer es definir nuestro lienzo, el cual no debe superar los 600 px de ancho y el alto va a estar dado por la información que usemos, obviamente un Newsletter (usado comúnmente para comunicaciones corporativas o institucionales) no va a tener la misma extensión que un Flyer (usado comúnmente para promociones especiales de productos o servicios).

2. En segundo lugar hay que definir el layout, la diagramación que va a tener la pieza. De igual modo, en función de lo que vayamos a comunicar se determinará la diagramación. Lo que sí es seguro es que contará con algunas zonas especificas propias de una pieza de email:

• Header (encabezado) el cual va a alojar nuestra marca y slogan. El mismo debe ser lo más delicado posible (pensemos que lo que queremos comunicar, además de nuestro nombre es nuestro producto).
• Mensaje Fuerte, una o dos líneas de texto que sirvan para darle una introducción al suscriptor de lo que va a encontrar en este mensaje. Esta frase va a ser la que queremos que el lector lea tanto si decide seguir leyendo como si decide borrar el mensaje, es importante que esta frase este definida como texto HTML.
• Cuerpo, de aquí en más la manipulación de la información o recursos gráficos está determinada, como ya dijimos, por el tipo de mensaje que estamos definiendo, Flyer publicitario - promocional, Newsletter, etc.
• Call-to-action (llamado a la acción) ya sea para comprar un producto, para recomendarnos o para continuar leyendo una noticia de interés, el click del suscriptor es lo que buscamos conseguir a través de todo esto. Ofrecerle al suscriptor lo que está esperando de nosotros es la mejor manera de conseguir el tan preciado Click.
• Columna secundaria, esto se aplica sólo a los newsletters o mails con mucha información. Provee al suscriptor información con una relevancia menor que la del cuerpo.
• Footer, Es importante siempre definir un footer (pie del mensaje) con información de la empresa, nombre real de la empresa, dirección, teléfono, email y todo aquel dato que al receptor de este mensaje le de seguridad. No hay nada mejor que ganarse su confianza, que sepa que somos una empresa real que pretende la satisfacción del cliente, demostrarle que no somos Spam o una estafa y la mejor manera es a través de información real y un footer con toda la información necesaria para contactarnos si así lo requiere.

Un email tiene que ser algo sencillo, fondo de color plano, texto con tipografía estándard (Times New Roman, Arial, Verdana, Comic Sans, Trebuchet, Tahoma, etc) y algunas imágenes para acompañar el mensaje, sea para ilustrar o para destacar una oferta especial (Botón, Paisaje, situaciones publicitarias, etc). Pero ATENCIÓN: destacar no significa reemplazar.

Los recursos gráficos para este soporte son limitados pero esto no significa que la creatividad queda afuera. De hecho, es un desafío que tenemos que encarar y lograr. La pieza tiene que ser fuerte y persuasiva. Buscamos el click del usuario por lo tanto tenemos que ser bien claros gráficamente para comunicarle dónde debe clickear.

Para lograr una pieza digna tendremos que trabajar tanto con el subject o asunto como con los textos (especialmente pensados para este contexto y soporte), definiendo cantidad de caracteres, énfasis y lenguaje. Tanto el titulo como el cuerpo tienen que ser concretos, sólo lo importante. Podemos valernos de gráficos, imágenes, ribetes y todo aquello que nos ayude a jerarquizar el mensaje.

En cuanto a recursos para los textos, podemos valernos de la utilización mayúsculas, minúsculas, versalitas, negrita, Cursiva, colores, alineación y mi preferido: el tamaño. La variante de subrayado sólo deberá utilizarse cuando se trate de Links.

Con estos mínimos recursos gráficos podemos lograr una pieza muy buena, capaz de persuadir al más duro de los usuarios. El secreto es ofrecerle lo que está buscando y la mejor manera es escuchar lo que quiere de nosotros y dárselo.

Los invito a sumergirse en este desafío a la creatividad del mensaje. Van a darse cuenta que es mucho más divertido que apoyarse en los incontables recursos que nos ofrece el Photoshop.

Por último, les dejo un ejercicio: una vez creada la pieza y definido el HTML, les recomiendo lo siguiente, ocultar las imágenes del HTML y observar:

¿Se entiende el mensaje o necesitamos de las imágenes para cerrar la idea?

Si la respuesta es que se necesitan las imágenes, estamos en un grave problema ya que es de esa manera como el suscriptor va a ver nuestro mensaje en primera instancia. En cambio si el mensaje se lee o interpreta a pesar de no estar presentes las imágenes estamos en condiciones de asegurar que hemos logrado una buena pieza. Incluso cuando el receptor decida descargar las imágenes para observar qué más estamos ofreciéndole vamos a lograr esa cuota de impacto que puede cerrar en su cabeza la decisión de clickear.

http://www.emailmarketingpoint.com/2009/06/30/ideas-consejos-diseno-email/