23/04/2014

Consejos para diseñar newsletters

Consejos para diseñar newsletters

Incluso en la era de las plataformas sociales, el email marketing sigue siendo empleado por todo tipo de empresas, incluyendo las de mayor envergadura. Los newsletters tienen muchas ventajas, pero es importante ser cuidadoso en su diseño para sacar el mayor provecho de ellas. Hoy ofrecemos algunos consejos para lograrlo.

  • Concentrarse en el header. Prácticamente todos los newsletters llevan un header, es decir, una cabecera de página. Esta sección, que prácticamente sirve de introducción al mensaje, debe ser impactante y comunicar los valores de la marca. Una gran fotografía puede ser la forma de lograrlo, pero debe tenerse en cuenta que muchos servicios de webmail ocultan las imágenes por defecto.
  • Ser consistente. La estética del newsletter debe ser consistente con la de nuestro sitio web. Los colores, el logo y posibles íconos deberían ser los mismos. Las tipografías pueden presentar un desafío, ya que la mayoría de los clientes de email no reconocen fuentes web. Lo mejor es reemplazarlas por otras similares, o bien insertar el texto en una imagen (una opción poco conveniente debido a lo explicado en el punto anterior).
  • Ser simple. No  debemos «sobrediseñar» el mensaje: puede tardar más tiempo en cargar, aumentando la probabilidad de que el usuario lo cierre. Además, los emails más sencillos brindan la sensación de ser mensajes personales en lugar de institucionales, por lo que cautivarán más fácilmente la atención del usuario.
  • Utilizar tablas. La etiqueta <table> de HTML solo debería utilizarse para presentar datos tabulares (por ejemplo, para diseñar un cuadro de doble entrada). Si lo que se desea es estructurar una plantilla, la etiqueta <div> y otras similares incorporadas en HTML5 son las opciones a considerar. Lamentablemente, la mayoría de los clientes de email destruyen parte del CSS asociado a estas etiquetas, obligándonos a usar tablas para alcanzar el mismo resultado visual, aunque sea semánticamente incorrecto.

Adoptar estas prácticas puede ser decisivo para crear mensajes atractivos, capaces de generar un alto volumen de conversiones.

0

angularjs Aplicaciones en Facebook aplicaciones mobile behavioral targeting Botones Call-to-action breadcrumbs breadcrumbs web búsqueda de personal búsqueda facetada Call-to-action buttons Client-side cliente-destacado cms a medida coding comercio electrónico content marketing CSS3 PIE cuanto debe pesar un sitio data-driven web design Datos estructurados Defacement Denegación de servicio Desarrollar una aplicación web desventajas de PhoneGap diseñar newsletters diseño web diseño web argentina diseño web esqueuomórfico Diseño web responsive Diseño web responsivo diseño web santa fe diseño web Smart TV diseño web televisores DOM desde PHP enlaces rotos filtros de búsqueda flash flat web design formularios sitio web fragmentos enriquecidos función de autocompletar futuro de la realidad aumentada html HTML5 html5shiv inbound marketing Initializr interfaces Web para televisores javascript jobs jQuery Mobile Mapbox maquetado html/css maquetador web masonry layout menú de navegación menú desplegable Metodologías ágiles Modernizr MVC Navegación por teclado oferta laboral OpenStreetMap paginas de Facebook Paper js Paper js framework personas Phishing plan de QA Polyfills polymer portfolio-destacados portfolio-inicio programacion de CMS Programadores WordPress página de contacto página de error 404 que es Backbone.js Realidad aumentada Resultados instantáneos server-side skeuomorphic design sliders y usabilidad soporte Internet Explorer Storytelling Underscores usabilidad usabilidad buscadores user-centered design ux velocidad de carga web Vendor prefixes ventajas jQuery Mobile Ventanas integradas versiones antiguas de Internet Explorer WAI-ARIA web components web imprimible Web Semántica WordPress para ecommerce