Crear el diseño de un email no es lo mismo que crear el de un sitio web. Ante todo es conveniente alejarse de diseños complejos ya que cuanta más complejidad, más posibilidades existen de que el email no se vea bien en todos los clientes de correo (Outlook, Thunderbird, Hotmail, Gmail, Yahoo, etc.). En la sencillez no solo está la elegancia sino la seguridad de que los destinatarios de nuestro emailing serán verdaderos receptores de nuestro mensaje publicitario. La prueba y el error también nos ayudarán a saber cuál es el código más ópto para nuestro email.
Desde Cyberclick, 10 tips para que el diseño del email g funcione:
1 Utilizar tablas para la maquetación de contenido, no div’s. La única forma de que el diseño de nuestro email cuente con una estructura es utilizando tablas. Los div’s son realmente útiles, pero en el diseño de sitios web. Si los utilizamos en email, no lograremos alinear nuestro contenidos.
2 Los CSS siempre inline. Para dar formato al contenido de nuestro email, hay que definirlo dentro de las tablas o de los TD; nunca en hojas de estilo aparte ni en el head de nuestro HTML.
3 Equilibrio de ágenes y texto. Si abusamos de las ágenes hay más posibilidades de que nuestro diseño acabe en la bandeja de spam. Por este motivo lo mejor es lograr un equilibrio entre éstas y el texto.
4 Aloja las ágenes en un servidor. La mayoría de los clientes de webmail no sotan ágenes embebidas ni tampoco muy pesadas. La clave es alojar las ágenes en un servidor llamándolas, desde nuestro diseño, con direcciones absolutas.
5 Cuida el peso de tus emails. Es de especial relevancia cuidar el peso de las ágenes y optizarlas para web, si queremos una buena recepción de nuestro emailing. Incorando en nuestro diseño una agen de 300 dpi, lo único que conseguiremos es que el tiempo de carga de la misma sea demasiado largo. En realidad, podemos mostrar la misma agen a 72 dpi haciendo que el tiempo de espera del usuario sea mucho menor.
6 Definir los ALT’s. Existen muchos destinatarios que tienen la navegación ágenes desactivada. La definición de los ALT’s hará que quién tenga la navegación ágenes desactivada pueda saber, ejemplo, donde hay una llamada a la acción, donde hay una agen del producto, etc.
7 No enviar adjuntos. Adjuntar ejemplo un PDF de 2 megas a tu envío, no es buena idea. Una buena recomendación es que subas el documento a tu servidor y pongas un link de descarga en tu diseño, así sólo los destinatarios interesados se descargarán dicho documento.
8 Un “asunto” ingenioso. No hay que olvidar que el asunto viene a ser la carta de presentación de tu email. Se trata de lo prero que verá el destinatario y la apertura del correo dependerá, precisamente, de lo qué ponga en el asunto. Así, el mensaje debe ser directo, claro y conciso y, como no, atractivo para despertar el interés del receptor.
9 Poner un link alternativo si no se visualiza bien la agen. Cuando no se cargan bien las ágenes o hay problemas en el servidor, es conveniente poner un link alternativo que “linke” directamente a la microsite.
10 Recordar siempre que un email no es una página web. Por tanto no podremos utilizar javascript o flash ya que no se cargarían o harían que el correo fuera a parar directamente a la bandeja de spam.
Sol González
Responsable Diseño y Experiencia Usuario Grupo Cyberclick