2️⃣ Principios y prácticas de diseño digital verde
En este módulo, aprenderás los conceptos básicos del diseño digital verde y por qué es tan importante cuando pensamos en crear servicios y herramientas digitales más sostenibles.
Para completar este módulo, deberás:
- Revisar el contenido del elemento de aprendizaje "Módulo 2: principios y prácticas de diseño digital verde" y completar las actividades relacionadas.
- Aprobar el cuestionario del Módulo 2.
¡No olvides estar atento/as a los anuncios en tu Central de Estudiante y asistir al taller semanal de esta semana! 😀
Lección 1 de 6
Introducción
Por IA Studio
Lo que aprenderás de este módulo:
- Reconocer por qué y cómo puede ser responsable el diseño digital.
- Comprender cómo el diseño digital está relacionado con el impacto medioambiental.
- Cómo acceder al ecodiseño de un producto digital y mejorarlo.
- Cómo aplicar el ecodiseño a los servicios digitales.
- Cómo calcular la huella de carbono (contabilidad del carbono).
- Introducción
- Por qué el diseño debería ser responsable
- Los problemas medioambientales están en la base del diseño digital
- La accesibilidad en el diseño
- Pasos para la reducción del dióxido de carbono
- Evalúa tus conocimientos
- El diseño es un enfoque holístico para resolver un problema del usuario.
- El diseño responsable es un enfoque que tiene como objetivo lograr el equilibrio entre las personas, las ganancias y el planeta.
- El diseño web sostenible crea un producto más respetuoso con el medioambiente al reducir su impacto.
- Diseñar, producir y gestionar contenidos interactivos en línea, como plantillas de correo electrónico, publicaciones en redes sociales, obras de arte promocionales y libros electrónicos informativos.
- Preparar informes para cada proyecto y presentar ideas de diseño a todas las partes interesadas relevantes.
- Colaborar con los equipos de comercio electrónico y «marketing» para garantizar que todos los diseños sean acordes a la imagen de la marca, al tiempo que cumplen con los estándares de usabilidad y del sitio web.
- Garantizar la coherencia en los diseños y el contenido en todas las plataformas de la empresa.
- Transformar los esquemas de página en interfaces de usuario intuitivas.
- Revisar el posicionamiento del producto y el contenido de «marketing» en internet para identificar los márgenes de mejora.
- Trabajar con el departamento de Informática para supervisar una implementación sin errores de los nuevos contenidos.
- Proporcionar asesoramiento y orientación sobre la estética de campañas, proyectos y eventos promocionales.
- El producto se crea demasiado rápido, lo que da lugar a compensaciones
- La falta de investigación sobre las necesidades de los usuarios conlleva la creación de un producto inapropiado o poco apropiado
- La falta de fondos da lugar a una codificación de mala calidad y a problemas de seguridad
- La deuda técnica da pie a la deuda ecológica
- Mayor almacenamiento de datos
- Mayor tiempo de carga
- Mayor uso de 3/4/5G que contamina 5 veces más
Estrategias de diseño sostenible
Para determinar dónde enfocar sus esfuerzos en términos de diseño, las empresas y los diseñadores deben identificar el impacto medioambiental de un producto a lo largo de su ciclo de vida, desde los materiales y la fabricación hasta el uso y el final de su vida útil. Tanto para los productos digitales (como un sitio web) como para los productos físicos (como un teléfono inteligente), es importante tener en cuenta:
- Impacto climático. Medir las emisiones de CO₂ a lo largo de la cadena de valor.
- Uso de los recursos naturales. Identificar los recursos utilizados, como los materiales agotados durante el abastecimiento y el agua utilizada durante la producción.
- Cambios en los ecosistemas. Considerar cualquier acción que afecte a la tierra, el agua dulce, los océanos, contribuya a la deforestación o afecte los hábitats naturales de alguna manera.
- Contaminación. Tener en cuenta los productos químicos y gases peligrosos que podrían haberse liberado a la atmósfera durante cada fase del ciclo de vida del producto (abastecimiento, producción, utilización).
- Comprar un billete
- Enviar un correo electrónico
Estrategia Mobile First
Como nos explica el útil blog de Experience Lab BV(opens in a new tab), la estrategia Mobile First lleva a los diseñadores a soluciones web más eficientes desde el punto de vista energético y de facilidad de uso.
Obliga al propietario del sitio web a considerar los contenidos y las transacciones más esenciales. De esa manera, los visitantes cargan menos páginas, lo que hace que se consuma menos energía en el proceso.
Cuando se reduce el tamaño de las fotos y los gráficos para dispositivos móviles, las páginas se cargan más rápidamente y utilizan menos ancho de banda, lo que significa ahorrar más energía.
Experience Lab BV(opens in a new tab) también recomienda que todo el diseño web:
1 Elija un proveedor de alojamiento web ecológico.
2 Establezca un presupuesto de peso de cada página.
3 Redacte un código reutilizable.
4 Module el código, para facilitar la comprensión, el mantenimiento y la viabilidad.
5 Elija un diseño plano (que no utilice imágenes de fondo, degradados ni sombras).
6 Cree recorridos de usuario más cortos y elimine las barreras de la UX.
7 Reduzca el tamaño de las imágenes y vídeos tanto como sea posible.
8 Considere las paletas de colores oscuros (menor consumo de energía) en lugar de los colores claros.
9 Evite las fuentes personalizadas y las fuentes múltiples.
10 Recopile los datos de forma eficiente y por adelantado.
Longevidad del equipo
¿Pueden utilizar los usuarios sus productos con la tecnología existente? No crees ni pruebes funciones que solo sean compatibles con las últimas versiones de la tecnología.
El tiempo medio de sustitución del teléfono móvil ha aumentado de 25 a 40 meses. Pero ahora, el deseo de incorporar el 5G lo está reduciendo de nuevo. Actualmente, se espera que sea de 33 meses para 2025.
Tiempo de sustitución de los teléfonos inteligentes
Lección 4 de 6
La accesibilidad en el diseño
Por IA Studio
¿Quién usará tu diseño?
Más del 16 % de la población mundial tiene al menos una discapacidad.
- El 17 % tiene una discapacidad visual
- El 8,5 % es daltónico
- El 6 % tiene una discapacidad auditiva
Cada persona experimentará tu diseño de manera diferente. Para abordar esta cuestión, tanto en el diseño físico como en internet, puedes seguir las reglas del diseño universal. Su objetivo es hacer que un producto o servicio sea accesible para todas las personas, independientemente de su edad, discapacidad u otros factores.
Explora ejemplos de cómo el daltonismo puede afectar a la experiencia de los usuarios de las interfaces digitales habituales. The Verge, persiguiendo arcoíris. El diseño con daltonismo(opens in a new tab), de Andy Baio.
Diseño universal
El diseño universal es parte de un movimiento de accesibilidad más amplio. Incluye tecnologías de adaptación y asistencia y busca combinar la estética en estas consideraciones básicas.
En el Centro de Diseño Universal de la Universidad Estatal de Carolina del Norte, un grupo de arquitectos, diseñadores de productos, ingenieros e investigadores de diseño medioambiental establecieron el siguiente conjunto de principios:
- Uso equitativo
- Flexibilidad de uso
- Sencillo e intuitivo
- Información perceptible
- Tolerancia al error
- Bajo esfuerzo físico
- Tamaño y espacio para el enfoque y uso
Vamos a ponerlos en práctica en el diseño digital utilizando algunos de los métodos más populares.
DISEÑO CENTRADO EN EL SER HUMANO
El diseño centrado en el ser humano considera a los usuarios como un grupo con diferentes características psicológicas o físicas (por ejemplo, discapacidades visuales o auditivas).
Este tipo de diseño aborda más problemas y es más inclusivo que el diseño tradicional.
Imagen: Human-Centered Design(opens in a new tab)
Danial Skrok e Interaction Design Foundation, CC-BY-SA 3.0
DISEÑO INCLUSIVO
Esto es lo que debes tener en cuenta para un diseño inclusivo:
- Lectores de pantalla
- Lupas de pantalla
- Seguimiento ocular
- Reconocimiento de voz
- Control de voz
- Autocompletado
- Estándares mínimos de contraste
Para obtener más información sobre el diseño inclusivo de los productos digitales, consulta estos recursos de aprendizaje de Microsoft(opens in a new tab).
Principios de accesibilidad
La accesibilidad web es la principal práctica inclusiva del diseño en internet. Su objetivo es garantizar que no haya barreras que impidan la interacción o el acceso a sitios web y recursos de internet.
Los estándares de accesibilidad los crea el World Wide Web Consortium (W3C), que desarrolla estándares internacionales para la web, como HTML y CSS, entre otros. Describen un buen punto de partida para valorar la accesibilidad de tu diseño, pero los tres aspectos (diseño centrado en el ser humano, diseño centrado en el usuario y los métodos de diseño inclusivos) pueden hacer que tu diseño sea aún más accesible.
Estos son algunos principios de accesibilidad que debes seguir en el diseño digital (no solo son aplicables a los sitios web).
PERCEPTIBLE
Debe percibirse por al menos un sentido.
OPERABLE
¿Pueden todos los usuarios llevar a cabo las acciones necesarias para que el sitio o aplicación funcione?
COMPRENSIBLE
¿Pueden todos los usuarios entender cómo se usa?
ROBUSTO
Diseñado para funcionar con todas las tecnologías apropiadas, no solo con los últimos modelos.
ENCONTRABILIDAD
Más cargas de páginas significa más energía utilizada. Ayuda a los usuarios a encontrar lo que buscan con el mínimo esfuerzo utilizando una navegación bien estructurada, menús claramente etiquetados, información clasificada lógicamente y una buena funcionalidad de búsqueda.
OPTIMIZACIÓN DE LA VELOCIDAD DE CARGA
El almacenamiento en la caché del navegador, la optimización de los archivos de imagen y la eliminación de los complementos más pesados mejoran drásticamente la velocidad de carga y suponen una mejor experiencia de usuario y disponer de interfaces más claras.
Lección 5 de 6
Pasos para la reducción del dióxido de carbono
Por IA Studio
Siguiendo los siguientes pasos, ¿eres capaz de empezar a ver cómo tu proceso o producto puede tener menos carga de dióxido de carbono?
1 Eficiencia de carbono: crea productos o servicios que generen menos emisiones de dióxido carbono por unidad.
2 Eficiencia energética: crea aplicaciones y productos que sean energéticamente eficientes (p. ej., usan menos energía para realizar la misma tarea, eliminando así el desperdicio de energía).
3 Intensidad de carbono: consume electricidad que provenga de fuentes de energía con la menor intensidad de carbono.
4 Carbono incorporado: crea aplicaciones que reduzcan la cantidad de dióxido de carbono emitido durante el ciclo de vida del producto, incluido el abastecimiento de materiales (debe tenerse también en cuenta la extracción), la fabricación, el uso y la eliminación.
5 Proporcionalidad energética: maximiza la eficiencia energética del «hardware» y ten en cuenta el consumo de energía del producto y la utilización del «hardware».
6 Redes: reduce la cantidad de datos y la distancia que deben recorrer a través de la red.
7 Conformación de la demanda: crea aplicaciones para influir en la demanda de un producto o servicio a fin de cumplir con los objetivos climáticos, como reducir las emisiones de dióxido de carbono.
8 Optimización: céntrate en las optimizaciones paso a paso que aumentan la eficiencia general de las emisiones de dióxido de carbono.
Herramientas que ayudan con el diseño digital ecológico
Aunque internet pertenece al ámbito digital, su impacto no es puramente virtual. Todos los aspectos de nuestra actividad en internet, desde la carga de archivos de imagen hasta la selección de esquemas de color y lenguajes de codificación, pasando por el alojamiento en servidores, consumen electricidad y emiten dióxido de carbono. A medida que internet se expande, también lo hace su huella ecológica.
Aquí tienes una pequeña selección de la creciente lista de herramientas que podemos utilizar para ayudarte.
Paso 1
Alojamiento web verde
Aquí(opens in a new tab) puedes comprobar si tu alojamiento web es verde. Si estás buscando una empresa de alojamiento web ecológico, puedes consultar este directorio(opens in a new tab).
Paso 2
Auditoría de las emisiones del sitio web
Utiliza la calculadora de carbono del sitio web para verificar toda una variedad de factores de rendimiento, eficiencia y experiencia del usuario, así como para obtener una estimación de las emisiones.
Ecograder(opens in a new tab) proporciona una auditoría automatizada y detallada sobre alojamiento web, «scripts» y activos multimedia, así como soluciones de UX que pueden contribuir a la estimación de las emisiones de tu página.
Paso 3
Cálculo de las emisiones del sitio web, la aplicación o el «software»
- Personas: hace referencia a trabajar juntos y mejorar la vida de todos los miembros de la comunidad (diversidad, igualdad, inclusión).
- Planeta: aborda la cuestión de cuidar nuestro entorno natural (como reducir las emisiones de dióxido de carbono, reconstruir la biodiversidad o reducir la desertificación).
- Ganancias: se refiere a la innovación y las oportunidades sostenibles. Es lo que hace que avancemos hacia un futuro mejor.
- Envases minimalistas
- Reducir el consumo de agua
- Reducir la distancia que recorre cada elemento
- Reducir las emisiones de dióxido de carbono
- Abastecimiento local de materias primas
- Diseño óptimo para reducir los materiales necesarios
- Utilizar materiales reciclados, en particular los plásticos
Aquí tienes una correspondencia entre los principios rectores del diseñador responsable y sus definiciones:
- HONESTIDAD → Los productos y servicios no explotarán a los usuarios en su diseño o contenido.
- REGENERACIÓN → Los productos y servicios apoyarán y nutrirán a las personas y al planeta.
- APERTURA → Los productos serán accesibles. Los usuarios controlan sus propios datos.
- RESILIENCIA → Los productos y servicios funcionarán en los momentos y lugares en los que las personas los necesiten.
- EFICIENCIA → Los productos y servicios que ofrecemos utilizarán la menor cantidad de energía y recursos.
Estos principios están alineados con el Manifiesto Web Sostenible, que promueve un enfoque ético y responsable en el diseño digital. ¿Te gustaría profundizar en alguno de estos conceptos?
Aquí tienes la correspondencia entre los principios de accesibilidad y sus explicaciones:
- PERCEPTIBLE → Debe ser detectable por algunos de los sentidos.
- OPERABLE → Todos los usuarios pueden hacer que funcione.
- COMPRENSIBLE → Todo el mundo puede entender cómo se usa.
- ROBUSTO → Funciona con todas las tecnologías, no solo con las últimas.
- ENCONTRABILIDAD → Navegación bien estructurada, categorías lógicas y buena funcionalidad de búsqueda.
- VELOCIDAD DE CARGA → Almacenamiento en la caché del navegador, archivos de imagen optimizados y sin complementos pesados.
Estos principios están alineados con las Directrices de Accesibilidad para Contenido Web (WCAG), que establecen estándares para garantizar que los sitios web sean accesibles para todos. ¿Te gustaría profundizar en alguno de estos principios?
- Perceptible significa que el usuario puede identificar el contenido y los elementos de la interfaz por medio de los sentidos.
- Operable significa que un usuario puede utilizar con éxito los controles, los botones, la navegación y otros elementos interactivos.
- Comprensible significa que los usuarios pueden comprender el contenido y aprender y recordar cómo usan tu producto.
- Robusto significa que tu producto puede interpretarse de manera fiable por parte de una amplia variedad de usuarios, lo que les permite elegir la tecnología que utilizan para interactuar con los sitios web, los documentos en línea, los elementos multimedia y otros formatos de información.
- Encontrabilidad significa ayudar a los usuarios a encontrar lo que buscan con el mínimo esfuerzo.
- Velocidad de carga significa optimizar los archivos de imagen y eliminar los complementos más pesados para mejorar drásticamente la velocidad de carga.
Aquí tienes algunas formas de reducir las emisiones de carbono en el diseño de productos y su ciclo de vida:
- Uso de materiales sostenibles → Optar por materiales reciclados o de origen sostenible reduce el impacto ambiental.
- Eficiencia energética en la producción → Implementar procesos de fabricación más limpios y maquinaria eficiente disminuye el gasto energético.
- Minimización del transporte → Reducir las distancias de transporte y elegir métodos más ecológicos ayuda a disminuir la huella de carbono.
- Diseño para la durabilidad → Crear productos que duren más tiempo y sean fácilmente reciclables mantiene baja la huella de carbono durante y después de su vida útil.
- Optimización de procesos industriales → Evitar errores de producción y mejorar la eficiencia en el uso de materiales reduce desperdicios y consumo energético.
- Circularidad en el diseño → Incorporar principios de reutilización, refabricación y reciclaje para disminuir el uso de materiales vírgenes.
Estos enfoques pueden transformar la manera en que concebimos y producimos bienes, promoviendo un futuro más sostenible.
- https://vegeco.org/es/la-huella-de-carbono-redibujando-el-diseno-de-productos/
- https://www.atlascopco.com/es-es/itba/expert-hub/articles/three-ways-to-reduce-carbon-footprint-in-industrial-manufacturing
- https://www.theclimatedrive.org/es/guidebook/reduce/step-1-understand-decarbonization-approaches-from-a-macro-perspective/understand-the-nine-principal-emission-abatement-approaches
- Diseño
- Ética del cliente & del proyecto
- Contenido y marketing
- Desarrollo
- Alojamiento de datos
- Empresa
- Operaciones
Para mejorar la sostenibilidad de un sitio web, podrías aplicar estrategias en varias áreas clave:
- Diseño → Optimizar imágenes y reducir elementos innecesarios para mejorar la velocidad de carga y disminuir el consumo de energía.
- Ética del cliente & del proyecto → Garantizar transparencia en el uso de datos y evitar prácticas que exploten a los usuarios.
- Contenido y marketing → Priorizar contenido accesible y relevante, evitando el exceso de publicidad intrusiva.
- Desarrollo → Escribir código eficiente y ligero, minimizando el uso de scripts pesados.
- Alojamiento de datos → Elegir servidores con energía renovable y optimizar el almacenamiento en caché.
- Empresa → Implementar políticas de sostenibilidad en la gestión interna y en la relación con proveedores.
- Operaciones → Reducir el consumo energético en la infraestructura digital y fomentar prácticas responsables.
Puedes encontrar más información sobre diseño web sostenible en este artículo.
Cuestionario del Módulo 2
1) ¿Cuánto del consumo mundial de electricidad representará en 2025 la industria de las comunicaciones?
- a. 0,05
- b. 0,2 (X)
- c. 0,15
- d. 0,1
Según un estudio, la industria de las comunicaciones podría representar hasta el 20% del consumo mundial de electricidad en 2025. Esto se debe al crecimiento exponencial de la demanda de energía por parte de centros de datos, dispositivos conectados a Internet y servicios digitales.
Por lo tanto, la respuesta correcta sería b. 0,2.
2) ¿Qué porcentaje de la huella total de Internet aporta el frontend de los sitios web?
- a. 0,1
- b. 0,2
- c. 0,4 (CORRECTO)
- d. 0,3
No encontré una fuente exacta que indique el porcentaje específico de la huella total de Internet atribuida al frontend de los sitios web. Sin embargo, el diseño y desarrollo web tienen un impacto significativo en el consumo energético y las emisiones de carbono, especialmente en aspectos como el tamaño de los archivos, la optimización de imágenes y la eficiencia del código.
Si tienes acceso a materiales del curso o estudios específicos, podrías verificar cuál es la respuesta correcta.
3) ¿Las emisiones de gases de efecto invernadero de Internet son actualmente?
a. 1,6 toneladas
b. 1.600 millones de toneladas
c. 1,6 mil toneladas
d. 1,6 millones de toneladas
Las emisiones de gases de efecto invernadero generadas por Internet alcanzan aproximadamente 1.600 millones de toneladas al año. Esto se debe al consumo energético de centros de datos, redes de comunicación y dispositivos conectados.
Por lo tanto, la respuesta correcta es b. 1.600 millones de toneladas.
4) __________________ se centra en cómo una persona discapacitada accede o se beneficia de un sitio, sistema o aplicación.
- a. Diseño
- b. Usabilidad
- c. Adaptabilidad
- d. Accesibilidad
La respuesta correcta es d. Accesibilidad. La accesibilidad se enfoca en garantizar que las personas con discapacidad puedan acceder y beneficiarse de un sitio web, sistema o aplicación sin barreras. Esto incluye aspectos como compatibilidad con lectores de pantalla, navegación intuitiva y opciones de personalización para diferentes necesidades.
5) Un sistema de Tecnología de la Información (TI) accesible es aquel que puede ser gestionado de diversas maneras y no depende de un solo sentido o de la habilidad del usuario.
a. Falso
b. Verdadero
La respuesta correcta es b. Verdadero. Un sistema de TI accesible está diseñado para que pueda ser utilizado por personas con diferentes capacidades, sin depender exclusivamente de un solo sentido o habilidad. Esto significa que debe ofrecer múltiples formas de interacción, como compatibilidad con lectores de pantalla, navegación por teclado y opciones de personalización para adaptarse a diversas necesidades.
Nenhum comentário:
Postar um comentário