« anterior | siguiente »

Home > 2008 > Marzo > Miércoles, 05 de Marzo 2008 > Consejos para diseñar emails
Blogs Media: CSS Mania | VivirLatino | Sentido Web | Apps Mania

Publicidad

Mié05Mar2008

Consejos para diseñar emails

12:45 H (CET)| Temas: Desarrollo web

A la hora de diseñar los emails en formato HTML que nuestras aplicaciones enviarán a los usuarios, hay que tener en cuenta varios puntos que nos ayudarán a un diseño más correcto:

  • Olvidarse del tableless: si, aunque sea duro, es mejor volver a las tablas y olvidarse del posicionamiento y la maquetación vía CSS.
  • Usar los estilos dentro de las etiquetas: la mayoría de los lectores de correo online ignoran lo que hay entre la cabecera del HTML, por eso es conveniente usar los estilos dentro de las etiquetas.
  • No uses imágenes de fondo: aunque para un buen diseño puede ser esencial, hay algunos lectores que no mostrarán los background, por lo que es mejor no usarlos para asegurarnos de que todo el mundo vea correctamente el correo.
  • Considera las imágenes bloqueadas por defecto: por seguridad los clientes de correo bloquean las imágenes por defecto, por lo que no es conveniente usarlas para indicar el contenido del mensaje.
  • Usa el atributo alt en las imágenes: como estarán bloqueadas por defecto, es necesario indicar la mayor información posible en ese atributo.
  • Usa paths absolutos: ya que el mail se leerá en otro servidor es necesario indicar la ruta completa para que los contenidos se vean correctamente.
  • Ten cuidado con el tamaño de los archivos: a parte de que el usuario no debe esperar para poder leer el correo, algunas veces los correos con archivos pesados son considerados spam.
  • Evita flash y similares: evita el uso de flash u otros contenidos multimedia que puede que no se vean en el cliente.
  • Diseña para espacios pequeños: aunque se trate de un HTML no siempre el espacio donde se ve es amplio, piensa en dimensiones pequeñas a la hora de diseñar.

9 best practices for email design

Vía / CSS Globe

Relacionados

Feedback (3) » Formulario

1. carakan ~ Miércoles, 05 Mar 2008 | 15:49H:

Excelentes consejos a seguir, pero tengo una duda en algunos emails que me llegan al ver las fuentes no encuentro uso de diseño html, sino veo solamente con formato plano, pero en el lector de mails me muestra con formato html, existe una forma de anexar/enlazar esto?

Saludos.

2. Luis ~ Jueves, 06 Mar 2008 | 11:55H:

Hola Carackan, si te soy sincero no me ha dado por mirar todos los correos HTML, pero es raro, porque si hay HTML el cliente de correo no se lo inventa, de algún sitio tiene que salir.

Saludos

3. carakan ~ Viernes, 28 Mar 2008 | 19:23H:

Hola, viendo un poco mas detalladamente es que envian dos partes: una parte en texto plano y otra en formato html, esto para que algunos lectores de emails que no tenga la posibilidad de mostrar el html solamente muestre en texto plano.

Conversación

Nombre:

Email:

(no aparecerá)

URL:

(opcional)
¿Recordar datos?

↓ Comentarios (XHTML permitido)