Normas y herramientas

1. Construir un marco de preguntas y prácticas

Para facilitar la aplicación de prácticas de ecodiseño en un proyecto, es útil disponer de un repositorio de prácticas y preguntas que el equipo pueda consultar. Este es específico para cada contexto. Para construirlo, cada cual puede utilizar las orientaciones propuestas por los distintos agentes, que se enumeran a continuación. Entre las preguntas y prácticas propuestas, es posible filtrar las que no conciernen al producto (por ejemplo, si están dedicadas a un universo PHP y no se utiliza esta tecnología), y dividir el resto por negocios. De hecho, algunos puntos conciernen a los responsables del diseño funcional (product owner, por ejemplo), otros a los arquitectos y otros a los desarrolladores. 

Con la creciente popularidad del ecodiseño de los servicios digitales, muchas personas y organizaciones han querido crear marcos de referencia de prácticas o preguntas con alcances diversos. Estos documentos no se contradicen entre sí, salvo en los detalles. De hecho, todos parten de las mismas observaciones y acciones clave y enumeran buenas prácticas que convergen con estos aspectos. En cierto modo, los autores se han limitado a enumerar las mejores prácticas en sus ámbitos de actividad que van en la dirección de un menor impacto medioambiental o social.

Una de las dificultades a la hora de diseñar y utilizar este tipo de documentos es determinar a qué tipos de servicios digitales se aplican. Las necesidades no son las mismas para una aplicación web, para una vitrina virtual, para un software de control de escáneres en un hospital o para un modelo de previsión meteorológica. Hay muchos contextos diferentes. E incluso dentro de ellos puede haber variaciones. Por ejemplo, los usuarios esperarán que el área de clientes de un banco sea práctica y rápida, mientras que tolerarán un tiempo de carga largo para un juego de navegador. Por eso es difícil establecer puntos de referencia generales.

Para ser plenamente útil, un marco de referencia de buenas prácticas debe reunir varias características:

1. Rendimiento, compatibilidad y accesibilidad de la web

Hay muchas herramientas que pueden utilizarse para diseñar, analizar y supervisar los servicios digitales. Hay herramientas que se centran en el aspecto medioambiental. Pero también es posible utilizar otras, por ejemplo las dedicadas al rendimiento web o a la accesibilidad.

Muchos profesionales de todo el mundo desean crear aplicaciones web rápidas y accesibles. Por ello, existe un gran número de herramientas de calidad para validar estos aspectos. La accesibilidad es un ámbito especialmente interesante en el que centrarse en el contexto de la responsabilidad digital, y corresponde al aspecto Personas de los tres pilares del desarrollo sostenible.

Las herramientas de desarrollo de navegadores ya pueden analizar muchas cosas. Podemos encontrar todas las peticiones con sus cabeceras, lo que se almacena en caché o no, las cookies y su contenido, y lo que se almacena localmente (local storage). También podemos utilizar un depurador en el código JavaScript, analizar el rendimiento utilizando las pestañas dedicadas, etc.

En el contexto del ecodiseño, algunas de las herramientas que ofrecen los navegadores son especialmente interesantes: por ejemplo, la posibilidad de simular el comportamiento de la página web en un dispositivo móvil con una conexión de red deficiente. Así, los desarrolladores pueden imponer las limitaciones del enfoque "mobile first" sin tener que disponer necesariamente de dispositivos físicos antiguos.

Captura de pantalla del navegador Firefox simulando la navegación con un smartphone 3G

Firefox también permite validar la compatibilidad de las instrucciones CSS en navegadores antiguos, mediante la pestaña Compatibilidad del Inspector, que permite validar parcialmente la compatibilidad de la página en configuraciones de hardware y software antiguas.

Firefox permite de forma nativa validar la compatibilidad de las instrucciones en navegadores antiguos

Algunas páginas ofrecen evaluar una URL tras pegarla en un campo de texto: