HTML FRIENDLY La clave: Permiso, pertinencia, oportunidad y contenidos interesantes. El mayor desafío para el diseñador y el implementador: armar un HTML que se vea correctamente en todos los clientes de correo electrónico. Para ello hay que basarse en mantener la sencillez porque cuánto más complejo es el diseño de la pieza es más probable que menos respete las normas de usabilidad.

1. Seminario de HTML Friendly
15 de enero de 2010

2. • El mayor desafío para el diseñador y el
implementador: armar un HTML que se vea
correctamente en todos los clientes de correo
electrónico.

3. Diseño: HTML Friendly
• El diseño de piezas de email debe estar
orientado a facilitar el deliverability y a
presentarles a los usuarios la información que
quieren ver de manera simple y eficiente.

4. Formato
Tenemos dos posibilidades de formato: HTML y texto.
• Texto:

5. • Html

6. Diseño: HTML Friendly
• Utilice tablas para maquetar
• Use CSS en línea
• Párrafos
• Enlaces
• Siempre incluya las dimensiones de la imagen
• Evite PNGs
• No usar Video ni formularios en el correo electrónico
• Mantenga la anchura inferior a 600 píxeles
• Testear

7. ¿Cómo lograr un template de email que se
adapte al paradigma de la usabilidad?

8. • Balance entre imagen y texto
Templates diseñados por ePEXO

9. Partes del mensaje de correo electrónico

10. • Cabecera: es el encabezamiento del mensaje donde se detallan: el
emisor, el receptor o receptores, el asunto del mensaje, la
dirección de respuesta (o reply to) y el servidor de correo saliente
(smtp) desde donde se ha enviado el mensaje.
• Ejemplo Gráfico:

11. • Cuerpo: es la parte central del mensaje donde va la creatividad de
la campaña promocional o el contenido informativo. Normalmente
son en texto o en HTML, aunque también se pueden enviar en flash
o bajo formatos más audiovisuales. Ejemplo Gráfico:

12. • Pie: es la parte inferior del mensaje que nos informa de qué empresa
es la emisora de la campaña (puede incluir o no su domicilio social) y
nos da la posibilidad de cambiar nuestros datos de suscripción o
darnos de baja directamente. Ejemplo gráfico:

20. Esteban Martinich
Director Creativo - GrupoPEXO