/// DESIGN-ROOT /// Diseño, usabilidad y animación web

Aqui van algunas recomendaciones a la hora de elaborar una newsletter (boletín informativo que se envía vía email a usuarios registrados al servicio).

 

SOBRE EL PESO...

• Ninguna foto o imagen que esté dentro del email debe superar los 45Kb (kilobytes). Cuanto más pesa estas fotos, más difícil es para un usuario descargarlo. Esto puede provocar que el usuario no lea el email, es recomendable que el peso sea de unos 30Kb.

• El peso total de todas las fotos no debe superar los 200 Kb, el exceso provocaría la saturación del servidor al tratar de servir un exceso de tráfico, para que el peso total de fotos no influya en la apertura del email, el peso total no tendría que superar los 100 Kb.

• En caso de que exista una creatividad streaming (video, flash, etc...), el peso de ésta no debe superar los 600 Kb.

 

VERSIÓN TEXTO

• Debe prepararse para cada envío en formato HTML, una versión texto para aquellos usuarios que no puedan recibir formato HTML. Esta versión no puede contener ni fotos ni formularios, se debe realizar en formato ASCII, utilizando el block de notas (NotePad).

 

ASUNTO DEL MENSAJE

• Recomendamos un asunto corto y breve, no más de 5 palabras para poder captar el interés del usuario fácilmente.
• Es preferible que no contenga el nombre del anunciante y que no tenga “tono” muy publicitario.

 

CONSTRUCCIÓN DEL EMAIL

• Es recomendable que tanto el cuerpo del email como las imágenes no sean excesivamente anchas a fin de que se puedan leer perfectamente sin necesidad de ampliar el mensaje a  pantalla completa.

• Las fotos donde pueda haber clicks deberían colocarse cuanto más arriba mejor, el tamaño horizontal de las mismas no debe superar los 550 pixeles.

• En el caso de colocar un texto dentro del área de un gráfico, recomendamos que lo coloquen al lado izquierdo del gráfico. Esto evitara dificultades en el alineamiento y la visualización.

• Es recomendable que el texto HTML no esté centrado.

 

• Si se desea realizar una creatividad streaming con flash, java o javascript, es necesario que dicha creatividad no esté incorporada en el email, ya que no se visualizaría. La solución que debe optarse es enviar un email con una creatividad HTML con una imagen en la cual al hacer click, abre un navegador en el que se visualiza la creatividad al completo. Si la creatividad flash está dentro del email debe ponerse siempre un link que abra un navegador con dicha creatividad para el caso en el que no se vea.

 

• No debe tener el HTML del Email ningún javascript, tanto para abrir popups, como realizar botones (mouse over) o animación ninguna ya que al desactivarse no funcionarían, de querer hacerse se debe hacer como el punto anterior.

 

• Layer: Si se crea un mail que contenga layers, la página no se visualizará en la mayoría de clientes de correo (el único que lo puede ver es Outlook y Outlook Express, no se ve tampoco clientes web como hotmail, yahoo...), por tanto no debe tener layers

 

• Muchos clientes email cambian las fuentes de letra, por tanto es recomendable que las fuentes dentro del email tengan estilo, sin embargo no deben realizarse hojas de estilo ya que se muchos clientes email las desactivan deben estar junto a la creatividad HTML.

 

• Imágenes de fondo: Es recomendable para evitar que en la creatividad se rompa la maquetación que las imágenes que se incluyan como fondo lo hagan dentro de una tabla y no dentro del tag “”. En este caso puede que no llegara a visualizarse la imagen.

JPEGS versus GIFS

• No recomendamos el uso de .jpegs para gráficos que contienen texto. Deben utilizar .gifs para un imagen con texto. Sólo deben utilizar .jpegs para imágenes que son fotos.

• Si utilizan .gifs para gráficos que contienen texto, el fondo debe ser transparente.

 

HACER TEST

• Recomendamos que antes de mandarnos la creatividad finalizada que la prueben en diferentes “email clients”/clientes de lector de email (Microsoft Outlook, Netscape, Yahoo, Eudora, Lotus Notes, Hotmail, etc.)

 

VALIDAR CODIGO HTML

• Recomendamos que validen el código HTML con las normas W3c (http://validator.w3.org/).