Métodos y herramientas de desarrollo y evaluación de refactorings para la mejora de la experiencia de usuario en aplicaciones web

Ficha técnica

Resumen

La experiencia de usuario (UX) es un factor crucial que determina el ´exito de las aplicaciones web. Si bien actualmente se reconoce la importancia de proveer una experiencia de usuario ´optima, las pr´acticas de evaluaci´on y mejora de la UX suelen postergarse. M´as all´a de los recursos necesarios como expertos en UX y usuarios para hacer pruebas, el tiempo requerido por estas pr´acticas es el principal motivo por el cual resulta dif´ıcil integrarlas en los m´etodos ´agiles ampliamente utilizados hoy en d´ıa. Para facilitar la evaluaci´on de la UX, se han desarrollado m´etodos autom´aticos para detectar y solucionar problemas de interacci´on. Uno de los m´etodos propuestos es la t´ecnica de refactoring de usabilidad, la cual se basa en aplicar peque˜nas transformaciones (refactorings) a trav´es scripts ejecutados en el navegador que sin alterar la funcionalidad de la aplicaci´on pretenden mejorar la UX. Sin embargo, esta t´ecnica fue propuesta como una soluci´on autom´atica, en la que los refactorings aparecen como soluciones definitivas sin antes poder validar c´omo impactan en los usuarios. En esta tesis se desarrolla un conjunto de m´etodos y herramientas para dar soporte a los expertos en UX en las tareas de evaluaci´on y mejora de la experiencia de usuario. En primer lugar se presenta un m´etodo para explorar alternativas de dise˜no haciendo uso de la t´ecnica de refactoring. Este m´etodo se desarrolla en una herramienta llamada UX-Painter, mediante la cual un dise˜nador puede crear distintas versiones de una aplicaci´on web utilizando los refactorings para generar los cambios de dise˜no, sin la necesidad de codificarlos. De esta manera, es posible visualizar, validar y evaluar cambios de dise˜no en la misma aplicaci´on web sin que ´estos tengan que ser implementados. Respecto a la evaluaci´on de los dise˜nos, no solo es importante determinar el impacto de un cambio de dise˜no en la experiencia del usuario, sino que adem´as resulta fundamental poder comparar distintas alternativas. Sobre todo porque los refactorings en ciertos casos ofrecen m´as de una soluci´on posible para un mismo problema. Por este motivo, en esta tesis tambi´en se desarrolla una m´etrica denominada esfuerzo de interacci´on que permite evaluar y comparar dise˜nos alternativos en p´aginas web. Se trata de un puntaje asignado por expertos en UX sobre los distintos widgets de una p´agina web, que son aquellos elementos que se ven modificados por los refactorings. Para calcularlo autom´aticamente, se desarrollaron modelos de predicci´on que toman como entrada diferentes logs de interacci´on de usuario que reciben el nombre de micro-medidas. El hecho que la m´etrica sea transparente a los usuarios hace que pueda ser utilizada para evaluar dise˜nos con m´ultiples usuarios en experimentos online como A/B testing o similares. Como prueba de concepto, se implementa UX-Analyzer, una herramienta web que permite calcular y visualizar el esfuerzo de interacci´on de distintas versiones de una aplicaci´on web. Finalmente, una vez que se verifica que ciertos refactorings mejoran la UX, deben ser implementados en la aplicaci´on bajo an´alisis. Para facilitar esta tarea a los desarrolladores, se presenta un mecanismo para generar una implementaci´on preliminar de los refactorings usando como base los frameworks y librer´ıas utilizados actualmente para el desarrollo de interfaces web. El trabajo incluye distintas validaciones que comprueban la aplicabilidad de los desarrollos propuestos para facilitar la mejora de la UX.

Publicaciones

Breno Miranda, Javier Tuya and Alejandra Garrido, "Guest editors\textquotesingle introduction to the special issue \textquotedblleftAutomatic Software Testing from the Trenches\textquotedblright," Journal of Software: Evolution and Process, vol. 34, pp. , sep. 2022. 

Juan Cruz Gardey, Julián Grigera, Andrés Rodríguez, Gustavo Rossi and Alejandra Garrido, "Predicting interaction effort in web interface widgets," International Journal of Human-Computer Studies, vol. 168, pp. 102919, dec. 2022. 

Maria de la Paz Diulio, Juan Cruz Gardey, Analia Fernanda Gomez and Alejandra Garrido, "Usability of data-oriented user interfaces for cultural heritage: A systematic mapping study," Journal of Information Science, vol. 49, pp. 359--372, . 2023. 

Andres Rodriguez, Juan Cruz Gardey, Julian Grigera, Gustavo Rossi and Alejandra Garrido, "UX debt in an agile development process: evidence and characterization," Software Quality Journal, vol. , pp. 1467–1498, oct. 2023. 

Ana Liz Lubomirsky, Juan Cruz Gardey, Alejandra Garrido. Análisis de deuda técnica de UX en repositorios de GitHub. XXVIII Congreso Argentino de Ciencias de la Computación (CACIC 2022). 

Juan Gardey, Julián Grigera, Andrés Rodríguez, Gustavo Rossi and Alejandra Garrido, "An Interaction Effort Score for Web Pages", in Proceedings of the 18th International Conference on Web Information Systems and Technologies, , 2022, , Eds., SCITEPRESS - Science and Technology Publications. pp.  

Paladino, J. L., Lliteras, A. B., Gardey, J. C., & Grigera, J. (2022). AlfaDatizando: Visualización de contenido generado por usuarios de redes sociales. In XXVIII Congreso Argentino de Ciencias de la Computación (CACIC)(La Rioja, 3 al 6 de octubre de 2022). 

Scopel, I., Gómez, L., Lliteras, A. B., Gardey, J. C., & Grigera, J. (2022). AlfaDatizando: análisis de opciones para login unificado. In XXVIII Congreso Argentino de Ciencias de la Computación (CACIC)(La Rioja, 3 al 6 de octubre de 2022). 

Juan Cruz Gardey, Julián Grigera, Gustavo Rossi and Alejandra Garrido: UX-Painter: Fostering UX Improvement in~an~Agile Setting. In: Agile Methods. (2023), 54--65 

Julián Grigera, Juan Cruz Gardey, Gustavo Rossi and Alejandra Garrido: Flexible Detection of Similar DOM Elements. In: Lecture Notes in Business Information Processing. (2023), 174--195 

Proyectos

UX-Driven Development: Monitorización continua de la experiencia del usuario durante el desarrollo y mantenimiento ágil de aplicaciones interactivas. Financiado por PICT (Temas abiertos, Equipos de trabajo). Dirigido por Alejandra Garrido. Duración: 1/7/2021-30/6/2024

Mejora continua de Experiencia de Usuario en aplicaciones Web. Financiado por Facultad de Informática, UNLP. Dirigido por Julian Grigera. CoDirigido por Andrés Rodriguez, Alejandra Garrido. Duración: 1/1/2021-31/12/2021