Lamborghini Huracán LP 610-4 t
Tags: web design

Desarrollo y aplicación de una metodología para el diseño de soluciones de visualización en el Proyecto Europeo CITyFiED

Comunicación presentada al:


Autor



  • Iker Martínez De Aguirre, Félix Larrinaga, Daniel Reguera, Ignacio Arenaza-Nuño, Javier Cuenca, Investigadores,

  • Susana María Gutiérrez Caballero, Ali Vasallo Belver, Estudiosos,


Resumen


Enmarcada en el proyecto europeo CITyFiED, esta Comunicación presenta la metodología desarrollada para el diseño de soluciones de visualización que permitan visualizar los datos recogidos por los sistemas de monitorización del demostrador de Torrelago en Laguna de Duero (Valladolid) de forma amigable, sencilla y adaptada al género de usuario que acceda al sistema en cada momento. Además recoge la aplicación de la metodología mediante talleres, sesiones de brainstorming y testeos de usuario, así como los resultados conseguidos.


Introducción


En la Unión Europea existen cerca de ciento sesenta millones de edificios, cuyo consumo de energía se acerca al 40 por cien del total en Europa, generando en torno al 36 por ciento de emisiones de CO2 (Lewis et al., 2013). Con el objeto de prosperar esta situación, la Comisión Europea, en el ámbito del Plan de Acción para la Eficiencia Energética, identifica la Eficiencia Energética en edificios como una prioridad fundamental. Los objetivos de la estrategia Europea 2020 (20 por cien de ahorro energético, 20 por cien de reducción en las emisiones de gases de efecto invernadero, y 20 por cien de aumento del uso de fuentes de energía renovable), fortalecen esta prioridad. En este contexto, y alineado con el Programa de Energía del Séptimo Programa Marco, surge el proyecto de carácter demostrativo CITyFiED (RepliCable and InnovaTive Future Efficient Districts and cities, ). CITyFiED es un proyecto de I+D+I de carácter demostrativo, por lo que una parte fundamental de su desarrollo se centra en la rehabilitación de 3 demostradores localizados en tres ciudades europeas: Laguna de Duero-Valladolid (España), Soma (Turquía) y Lund (Suecia). En tales demostradores se están aplicando e integrando tecnologías enormemente conocidas y contrastadas para renovación de fachadas, como son los sistemas de aislamiento térmico exterior (SATE), o bien para la mejora de los sistemas de calefacción de distrito, por ejemplo sistemas basados en energías renovables como la biomasa.


Junto a todas estas medidas de rehabilitación a nivel de distrito o edificio, a nivel de residencia se instalarán sistemas que dejen medir el consumo energético individual de cada hogar y posibiliten la toma de decisiones sobre el empleo de los distintos sistemas energéticos. Así, uno de los objetivos de CITyFiED es dotar a los residentes de los distritos de soluciones de visualización a través de las cuales puedan conocer sus consumos energéticos asociándolos a su costo económico y su impacto medioambiental. Además, estas soluciones deberán presentar recomendaciones que asistan al residente en el propósito de reducir el consumo. experto en seo en valencia en el momento de elaborar una solución de visualización de datos son: ¿Qué información debería comunicarse a los usuarios? ¿Cómo debería presentarse esa información? ¿Cuál es el mejor canal de comunicación y dónde debería situarse? ¿Qué hace que los usuarios interactúen con la solución?.


Estas preguntas hacen referencia no solo a aspectos tecnológicos sino más bien también a cuestiones de comunicación y comportamiento de los usuarios. En consecuencia es necesario edificar soluciones de visualización que respondan a esas preguntas teniendo en cuenta las necesidades del usuario, convirtiéndolo en el centro u objeto de investigación. En este artículo se presenta la metodología usada de cara al desarrollo de ese tipo de soluciones en el ámbito del proyecto CITyFiED. La metodología presenta las fases y etapas necesarias para su aplicación así como las herramientas que dan soporte a cada una de esas etapas. Además, se presenta la implementación de dicha metodología en sus 2 primeras fases (conceptualización y diseño) en el demostrador de Laguna de Duero (Valladolid).


Solución propuesta (Metodología y Herramientas)


Para responder a las cuestiones planteadas, Mondragon Unibertsitatea (MU) ha diseñado un proceso o bien metodología cuyo objetivo final es diseñar e incorporar aplicaciones de visualización que asistan a los residentes en la toma de decisiones. La metodología considera los siguientes puntos clave:



  • Los usuarios son el punto de inicio o centro de atención en el momento de identificar los requisitos.

  • Se establece un marco de desarrollo común para los 3 demostradores del proyecto. Cada demostrador podrá aplicar esta metodología conforme a sus capacidades y necesidades.

  • Se provee de un conjunto de herramientas para el desarrollo de las soluciones.

  • Se cuenta con procesos para dar contestación a las diferentes labores relacionadas con el desarrollo de las soluciones de visualización.


La metodología seguida se basa en el Diseño Centrado en el Usuario (DCU) ( optimizacion en buscadores madrid & Ortega, 2009), ajustando dicho enfoque a las necesidades y requisitos del proyecto CITyFiED. DCU es un método consistente en basar el diseño de una solución en las necesidades, limitaciones y preferencias del usuario final, siendo éste el centro de todo el desarrollo. Para adaptar DCU a las necesidades de CITyFiED se han tomado como base la metodología Usuario Driven Innovation (DBZ-UDI, 2015) propuesta por el Centro de Innovación en Diseño de MU y las indicaciones marcadas en el proyecto Europeo CONCERTO.


El proceso definido contempla 4 fases: término, diseño, desarrollo y despliegue, detalladas a continuación:


CONCEPTO: La primera fase trata sobre la contextualización del inconveniente a solucionar, o sea, dimensionar el contexto y los objetivos del proyecto, identificar qué actores están implicados en la utilización de los datos, proponer soluciones, visualizar tecnologías y canales para desarrollar dichas soluciones, etc. Las próximas actividades forman parte de esta primera fase:



  • Identificación de usuarios: Crear mapa de stakeholders y también identificar los perfiles de usuario, sus problemas, necesidades, preferencias, hábitos de consumo, etc.

  • Identificación de valor de marca: Especificar qué se quiere transmitir y de qué forma. La identidad gráfica es el primer valor trasmitido al usuario. Por ello se debe crear una lista de características que describen el sistema, cuyo resultado será una guía de identidad del proyecto.

  • Identificación del marco tecnológico: Analizar mediante qué herramientas se puede incorporar el desarrollo del sistema, teniendo presente restricciones tanto económicas como técnicas.

  • Proposición de valor: Reunir los conceptos tratados durante la fase, discutirlos entre todos los integrantes del grupo de trabajo en seminarios o workshops y redactar un informe (Concept Brief) donde se exponen dichos conceptos junto a la arquitectura tecnológica.


DISEÑO: El próximo paso consiste en identificar cómo y cuándo interactuará el usuario con el sistema, dotar el sistema con características que influyan en la toma de decisión del usuario, acotar el contenido de tal modo que sea comprensible y fácil de usar, contrastar las propuestas con los usuarios finales antes de ser incorporadas, identificar las fuentes de datos y el flujo de información y delimitar los requisitos técnicos. Esta fase abarca las siguientes actividades:



  • Diseño de experiencia: Acotar historias de usuario en las que se describen el contexto y los pasos que el usuario dará cuando use el sistema. Estas experiencias de usuario se idean en sesiones de brainstorming y se materializan en narraciones (secuencias de acontecimientos explicitadas en papel).

  • Diseño estático: Diseñar la interfaz gráfica de la solución, creando la arquitectura de información de exactamente la misma. Esta arquitectura organiza jerárquicamente el contenido y las características de la solución. El diseño gráfico se implementa mediante la creación de prototipos o bien mockups. Estos prototipos deben contemplar la guía de identidad del proyecto.

  • Diseño analítico: Identificar las fuentes de datos y el tratamiento de la información, por la parte de todos y cada uno de los actores implicados en el sistema. Posiblemente cada actor desee dar un tratamiento específico a los datos, con lo que se deben acotar los diferentes usos de la información.

  • Test de usuario: Contrastar el diseño con los usuarios potenciales del sistema mediante el empleo de prototipos interactivos, con el propósito de conocer la funcionalidad y usabilidad de la solución e identificar los puntos débiles antes que se implemente el sistema real. Estos test de usuario permiten recoger requisitos adicionales no identificados inicialmente.

  • Requisitos técnicos: Identificar la solución tecnológica en detalle para poder incorporar el diseño propuesto por los desarrolladores. Después de que los expertos tecnológicos den validez a la propuesta, se escribe un informe de la arquitectura tecnológica (Technological Architecture Brief).


DESARROLLO: La tercera fase de la metodología propuesta consiste en la implementación del sistema, en lo que concierne a la infraestructura (hardware y comunicaciones) y al software. El desarrollo depende en buena medida del tipo de solución a desarrollar. Cuando el desarrollo es una aplicación o solución software las primordiales actividades a llevar a cabo son las siguientes:



  • Sistema y arquitectura: Crear la infraestructura donde correrá el sistema; entornos virtuales, bases de datos, herramientas de gestión de la configuración (Git, Subversion), sistemas de comunicación.

  • Desarrollo del software: Incorporar el software preciso para el adecuado funcionamiento del sistema. Se deben desarrollar tanto la interfaz gráfica (front-end) como la lógica interna (back-end), a través de diferentes lenguajes de programación, librerías, frameworks, etc.

  • Integración y testeo: Integrar aquellos elementos que componen el sistema y validar su correcta interacción y funcionamiento.


DESPLIEGUE: La última fase del proyecto se centra en el despliegue del sistema desarrollado. Todo el desarrollo de la fase precedente se suele realizar en entornos de desarrollo, diferentes del ambiente de empleo final (entorno de producción). Es por tanto preciso pasar el sistema desarrollado al entorno de producción de manera que se garantice el adecuado funcionamiento. Asimismo es preciso realizar una monitorización del sistema, tanto desde el punto de vista del correcto funcionamiento del mismo, como desde el punto de vista de su nivel de uso de cara a determinar la validez de los resultados. Esta fase engloba las siguientes actividades:



  • Despliegue: En dependencia de la estrategia de despliegue usada, puede efectuarse de forma totalmente manual o bien usando herramientas de despliegue continuo tipo Jenkins.

  • Monitorización: Delimitar los parámetros y valores a monitorizar, así como las herramientas a utilizar para la monitorización y visualización de los resultados. En el caso de la monitorización a nivel de uso del sistema, se pueden usar herramientas de analítica web como Analytics o bien Piwik.


Aplicación de la solución en el demostrador de Torrelago


Las 2 primeras fases de la metodología (Término y Diseño) se han aplicado en el demostrador de Laguna de Duero de la mano de MU. Las medidas adoptadas y los resultados obtenidos se presentan a continuación.


FASE DE CONCEPTO: Con el objetivo de identificar y seleccionar los perfiles de usuario más relevantes, sus necesidades y soluciones posibles, MU analizó la información recogida en múltiples entrevistas y dos talleres; uno en la universidad y otro implicando a los residentes. Este segundo taller proporcionó la mayoría de la información y los detalles clave para tener una visión clara de lo que sucede en la realidad y cuáles podrían ser las mejores soluciones a desarrollar en el proyecto. El taller se resume en un vídeo explicativo disponible en la dirección /KnF1nF. Los resultados de esta etapa se recogieron en el Concept brief (CONCEPT-BRIEF, dos mil quince). Se identificaron 3 actores o stakeholders: el residente, la Empresa de Servicios Energéticos (ESCO) y el Asociado CITyFiED (municipalidad y comisión). Además se concretó en la definición de 3 perfiles de usuario: una persona joven soltera, una familia formada por una pareja con hijos y una pareja de jubilados, para los que se crearon fichas de usuario. Finalmente se propusieron 3 soluciones; una aplicación web, un panel electrónico informativo y una carta con los consumos detallados y recomendaciones.


También se presentó una primera aproximación a las tecnologías y los requisitos precisos para edificar las soluciones identificadas, y se definió el valor de la marca. Esta última tarea fue efectuada por la empresa Youris. Youris diseñó los elementos básicos de la marca (iconos, colores, tipografía, etcétera) para los canales de difusión general (web, cartas y aplicaciones).


FASE DE DISEÑO: Con el propósito de crear diseños para las soluciones de visualización identificadas en el Concept Brief, MU organizó múltiples seminarios y sesiones de brainstorming. A lo largo de estas sesiones se compartieron y contrastaron experiencias de usuario. El objetivo se centró en visualizar o bien comprender cómo sería la interacción entre el usuario y las herramientas de visualización. Se emplearon técnicas de storytelling (Quesenbery & Brooks, dos mil diez) para contar dichas experiencias y también interactúes. Cuando las soluciones fueron propuestas, se formaron y moldearon en la fase de diseño estático. Las labores realizadas en puntos precedentes, especialmente en la fase de experiencia de usuario, sirvieron para organizar el contenido de la interfaz, mas fue en esta fase donde el diseño se realizó detalladamente. Para ello se usó la herramienta de prototipado BALSAMIQ, que permite crear diseños interactivos que pueden ser usados en test de usuario. Los prototipos creados están disponibles en múltiples documentos en la dirección /aFmis6. Finalmente, se redactó un documento, Design Report Solution, que cobija la arquitectura de información de la aplicación web, además de una detallada explicación de cada uno de los prototipos diseñados.


TESTS DE USUARIO: Con el propósito de validar los diseños citados previamente, se efectuaron tests donde los usuarios potenciales del sistema conocieron e interaccionaron con las soluciones. Los tests de usuario incorporados están basados en (Enríquez & Casas, 2013) y (Perurena & Moráguez, 2013). Tienen como objetivos principales 1) Medir la aceptación por la parte del usuario de las soluciones tecnológicas y no tecnológicas ideadas como herramientas para la reducción del consumo energético y dos) Analizar la usabilidad de las soluciones e identificar los puntos débiles a la hora de emplearlas. En un caso así, los atributos medidos fueron la efectividad, eficiencia, satisfacción del usuario, contenido y la estructura de cada solución.


Los test se hicieron en Febrero de dos mil quince en una sesión de testeo dirigida por la universidad donde participaron múltiples residentes y socios del proyecto CITyFiED. marketing para fisioterapeutas método de evaluación se dividió en dos pasos. En el primero los usuarios visualizaron y también interaccionaron con las soluciones a lo largo de un corto periodo de tiempo. Después, realizaron una serie de ejercicios y respondieron a múltiples cuestiones sobre las soluciones testeadas. Las cuestiones están recogidas en un documento disponible en la dirección /ZgZn3n. Mientras realizaban los ejercicios se registraron los fallos cometidos, con el fin de evaluar la eficiencia y eficiencia de los diseños. Los test de usuario se recogen en un video, libre en la dirección /VyB5Zc. Las preguntas elaboradas fueron las siguientes:



  • C1. ¿Cree que el empleo de esta solución le serviría de ayuda para reducir su consumo energético?

  • C2. ¿Cómo valoraría el contenido y la información libre en la solución?

  • C3. ¿Cree que la solución ofrece información válida a fin de que pueda tomar decisiones que le dejen ahorrar energía?

  • C4. Si identifica falta de información ¿Podría señalar que información incluiría?

  • C5. ¿Cómo valoraría el diseño/estructura general de la solución?

  • C6. ¿Cómo valoraría la funcionalidad de la solución?

  • C7. ¿Qué elementos o bien funciones incluiría en la solución?

  • C8. ¿Cómo valoraría la solución en modo global?

  • C9. ¿Cree que utilizaría la solución para ahorrar energía si exactamente la misma se incorporase?


Cabe resaltar que todos los datos empíricos logrados a lo largo de esta sesión están disponibles en un documento disponible en la dirección /fOQLhC.


Resultados y Conclusiones


A partir de los datos logrados en los ejercicios que los usuarios efectuaron y las encuestas, se extrajeron las siguientes conclusiones de cada una de las soluciones propuestas:


APLICACIÓN WEB: Analizando la eficacia y eficacia de la aplicación, se puede decir que los usuarios finales tienen un promedio de 2 fallos para obtener el resultado aguardado, en una labor específica. Esto semeja lógico para un usuario que se encara una aplicación por vez primera y que tiene poco tiempo para realizar las labores. Se cree que este número de errores se sitúa en los límites admisibles. El 80 por cien de las tareas se completan en un periodo de dos minutos. La encuesta y las pruebas sólo muestran que se requieren mejoras en relación a ciertos iconos mostrados en pantalla. Ciertos de éstos no son intuitivos para el usuario. El resto de la aplicación se considera excelente.


PANEL: La eficacia en el uso de la aplicación es adecuada dado el corto tiempo de visualización proporcionado a los usuarios y que era la primera vez que lo veían. Los atributos relacionados con el contenido, accesibilidad y estructura consiguen unas calificaciones geniales. La transición entre pantallas consigue una baja puntuación. Esto significa que los residentes estiman que el tiempo que se muestra una pantalla antes de pasar automáticamente a la próxima es demasiado corto.


CARTA: El periodo de tiempo inicial proporcionado a los usuarios fue demasiado corto para interpretar toda la información libre. Una vez que los usuarios recibieron la carta por segunda vez, la información fue interpretada de manera óptima. Los atributos relacionados con el contenido, accesibilidad y estructura obtienen unas calificaciones excelentes. Esto quiere decir que la carta es fácil de interpretar, y por lo tanto de utilizar, por la parte de los usuarios finales.


ENCUESTA: La mayoría de preguntas obtiene un valor entre “de acuerdo” y “muy de acuerdo” (los valores más altos). La mayoría de los usuarios acepta las soluciones como herramientas adecuadas para poder lograr el propósito de reducción de consumo. La aplicación web y la carta obtienen la mayor puntuación.


Estos resultados confirman que el diseño llevado a cabo es apropiado para el demostrador de Laguna de Duero. El próximo paso consiste en lograr un pacto entre los socios del proyecto para decidir qué herramientas se construirán. Las soluciones deben estar listas para su desarrollo después de aplicar ciertas correcciones para solucionar problemas detectados por parte de los residentes y después de acotar la solución tecnológica detalladamente en el documento Technological Architecture Brief.


Agradecimientos


Este trabajo de investigación ha sido financiado por la Comisión Europea, a través del Séptimo Programa Marco bajo el proyecto de investigación CITyFiED (RepliCable and InnovaTive Future Efficient Districts and Cities), cuyo Grant Agreement es el nº: .


Referencias



  • CONCEPT-BRIEF,(1 Febrero dos mil quince)

  • DBZ-UDI,(20 Agosto 2015).

  • Enríquez. J.C., Casas, S.I, dos mil trece, usabilidad en aplicaciones móviles, /files/ICT-UNPA .pdf

  • Hassan Montero, Y., Ortega Santamaría, Sergio., 2009, Informe APEI sobre usabilidad. Informes APEI, Nº. tres, ISBN .

  • Lewis, J.O., Hógáin, S.N., Borghi, A., 2013, Building energy efficiency in European cities, Cities of Tomorrow - Action Today. URBACT II Capitalisation.

  • Perurena, L., Moráguez, M. 2013, Usabilidad de los sitios Web, los métodos y las técnicas para la evaluación,

  • Quesenbery, W., Brooks, K., 2010, Storytelling for Usuario Experience - Crafting Stories for Better Design, Rosenfeld Media LLC, Brooklyn, New York.­

Back to posts
This post has no comments - be the first one!

UNDER MAINTENANCE