UX-Painter: An Approach to Explore Interaction Fixes in the Browser

Usability and user interaction improvement is a central task in web development to guarantee the success of a web application. However, designers are barely able to keep up with the current development cycle because their practices are too costly, while interaction issues accumulate in applications...

Descripción completa

Detalles Bibliográficos
Autores: Gardey, Juan Cruz, Garrido, Alejandra, Firmenich, Sergio, Grigera, Julián, Rossi, Gustavo Héctor
Tipo de recurso: artículo
Estado:Versión publicada
Fecha de publicación:2020
País:Argentina
Institución:Comisión de Investigaciones Científicas de la Provincia de Buenos Aires
Repositorio:CIC Digital (CICBA)
Idioma:inglés
OAI Identifier:oai:digital.cic.gba.gob.ar:11746/11546
Acceso en línea:https://digital.cic.gba.gob.ar/handle/11746/11546
Access Level:acceso abierto
Palabra clave:Ciencias de la Computación e Información
Web usability
interaction design
end-user programming
user experience
web refactoring
Descripción
Sumario:Usability and user interaction improvement is a central task in web development to guarantee the success of a web application. However, designers are barely able to keep up with the current development cycle because their practices are too costly, while interaction issues accumulate in applications that end-users keep suffering. In this work, we propose a method for designers to rapidly explore solutions through visual programming to the interaction problems of an application under development, even when it has been already deployed. The method is realized by a tool called UX-Painter, an exploratory tool for designers to apply quick fixes to interaction issues at the client-side of a web application without the need of any script programming knowledge. The palette of available fixes in UX-Painter are client-side web refactorings, i.e., changes to web page elements that solve specific user interaction problems without changing the underlying functionality. UX-Painter allows designers to quickly set up new versions of a web application by combining refactorings to create alternative designs for user testing or an inspection review. UX-Painter also provides the means to communicate design improvements, as a sequence of refactorings with clear semantics. We show the feedback provided by interviews with designers about UX-Painter’s functionality and the results of a user test about its usability.