12/11/2014

Por qué los clientes de email deberían respetar los estándares web

Por qué los clientes de email deberían respetar los estándares web

En varias oportunidades hablamos de lo importante que es respetar los estándares del W3C, el ente que promueve las prácticas adecuadas para generar productos web universalmente accesibles. Afortunadamente, son cada vez más los desarrolladores que respetan estos principios. Esto se debe tanto a la profesionalización de la actividad como a la progresiva adopción de estándares por parte de los navegadores: hoy, incluso las nuevas versiones de Internet Explorer (que solía ser criticado por su desprolijidad en este tema) presentan un buen apego a las normas y un amplio soporte de HTML5 y CSS3. Hasta los navegadores más nuevos, surgidos junto con la navegación en móviles y televisores, aprendieron rápido la lección.

Sin embargo, los clientes de email no evolucionaron al mismo ritmo.

La empresa de email marketing Campaign Monitor mantiene una tabla de compatibilidad de características de CSS y HTML con los clientes de email más utilizados. Puede notarse que el soporte es bajo incluso para propiedades CSS muy habituales, incorporadas oficialmente hace más de 10 años. Esto genera varios problemas:

  • Fomenta la escritura de código no semántico. Por ejemplo, al no poder posicionar elementos estructurales adecuadamente, el desarrollador se ve obligado a utilizar tablas para maquetar la plantilla.
  • Fomenta la escritura de código difícil de mantener, ya que en general la mejor opción es utilizar estilos CSS inline, es decir, asociados al elemento y no a clases o identificadores.
  • Limita los horizontes creativos del diseñador, que no podrá utilizar muchas características visuales atractivas.
  • Los mensajes se ven realmente mal en ciertas plataformas, por la falta de soporte para media queries.

Actualmente, Email Standards Project (una iniciativa no oficial) es el esfuerzo más importante por traer los clientes de email a la era moderna. Para los impulsores de este proyecto, hay tres razones fundamentales para promover la adopción de estándares en emails:

  1. Elimina el trabajo de diseñar en función del cliente. Si todos los clientes de email adhieren a las mismas normas, cuando diseñemos un mensaje podremos asegurarnos de que todos nuestros destinatarios van a verlo bien.
  2. Mayor velocidad de carga y menos consumo de ancho de banda. El código bien escrito es más liviano. Además, se evitaría la necesidad de enviar mensajes donde todo el texto y el diseño estén incluidos en una única imagen grande, una práctica habitual que ralentiza la carga.
  3. Emails accesibles para todos. Como ya comentamos, el uso de estándares facilita la lectura a usuarios con discapacidad.

Definitivamente, una adopción intensa e igualitaria de estándares por parte de Gmail, Outlook, Yahoo! y todos los demás clientes de email redundará en mensajes más fáciles de diseñar y consumir.

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