Abstract
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.
- Iñigo Aldalur, Marco Winckler, Oscar Díaz, and Philippe Palanque. 2017. Web Augmentation as a Promising Technology for End User Development. In New Perspectives in End-User Development. Springer International Publishing, Cham, 433--459. https://doi.org/10.1007/978--3--319--60291--2_17Google Scholar
- Kent Beck and Cynthia Andres. 2005. Extreme Programming Explained: Embrace Change. Addison-Wesley Professional, Boston, Massachusetts, USA.Google Scholar
Digital Library
- Manuel Brhel, Hendrik Meth, Alexander Maedche, and Karl Werder. 2015. Exploring principles of user-centered agile software development: A literature review. Information and Software Technology, Vol. 61 (2015), 163--181. https://doi.org/10.1016/j.infsof.2015.01.004Google Scholar
Digital Library
- Tonio Carta, Fabio Paternò, and Vf De Santana. 2011. Web usability probe: a tool for supporting remote usability evaluation of web sites. In Human-Computer Interaction -- INTERACT 2011. LNCS 6949. Springer Berlin Heidelberg, Berlin, Heidelberg, 349--357. https://doi.org/10.1007/978--3--642--23768--3_29Google Scholar
Cross Ref
- Lily Cho. 2009. Adopting an agile culture: A user experience team's journey. In Proceedings - 2009 Agile Conference, AGILE 2009. IEEE, Chicago, IL, USA, 416--421. https://doi.org/10.1109/AGILE.2009.76Google Scholar
Digital Library
- Tiago Silva Da Silva, Angela Martin, Frank Maurer, and Milene Silveira. 2011. User-centered design and agile methods: A systematic review. In Proceedings - 2011 Agile Conference, Agile 2011. IEEE, Salt Lake City, UT, USA, 77--86. https://doi.org/10.1109/AGILE.2011.24Google Scholar
Digital Library
- Tiago Silva Da Silva, Milene Selbach Silveira, Frank Maurer, and Fábio Fagundes Silveira. 2018. The evolution of agile UXD. Information and Software Technology, Vol. 102, July (2018), 1--5. https://doi.org/10.1016/j.infsof.2018.04.008Google Scholar
Cross Ref
- Oscar Dí az, Cristóbal Arellano, Iñigo Aldalur, Haritz Medina, and Sergio Firmenich. 2016. Web Mashups with WebMakeup. In Rapid Mashup Development Tools. Springer International Publishing, 82--97. https://doi.org/10.1007/978--3--319--28727-0_6Google Scholar
- O. Dí az, C. Arellano, and M. Azanza. 2013. A language for end-user web augmentation: Caring for producers and consumers alike. ACM Transaction on the Web, Vol. 7, 2 (2013), 1--51. https://doi.org/10.1145/2460383.2460388Google Scholar
- Damiano Distante, Alejandra Garrido, Julia Camelier-Carvajal, Roxana Giandini, and Gustavo Rossi. 2014. Business processes refactoring to improve usability in E-commerce applications. Electronic Commerce Research, Vol. 14, 4 (2014), 497--529. https://doi.org/10.1007/s10660-014--9149-0Google Scholar
Digital Library
- Martin Fowler, Kent Beck, John Brant, William Opdyke, and Don Roberts. 1999. Refactoring: Improving the Design of Existing Code. Addison-Wesley Professional, Boston, Massachusetts, USA. 431 pages.Google Scholar
Digital Library
- Krzysztof Z. Gajos, Daniel S. Weld, and Jacob O. Wobbrock. 2010. Automatically generating personalized user interfaces with Supple. Artificial Intelligence, Vol. 174, 12--13 (2010), 910--950. https://doi.org/10.1016/j.artint.2010.05.005Google Scholar
Digital Library
- Andrei Garcia, Tiago Silva da Silva, and Milene Selbach Silveira. 2019. Artifact-facilitated communication in agile user-centered design. In Lecture Notes in Business Information Processing, Vol. 355. Springer Verlag, 102--118. https://doi.org/10.1007/978--3-030--19034--7_7Google Scholar
- Alejandra Garrido, Sergio Firmenich, Gustavo Rossi, Julian Grigera, Nuria Medina-Medina, and Ivana Harari. 2013. Personalized Web Accessibility using Client-Side Refactoring. IEEE Internet Computing, Vol. 17, 4 (7 2013), 58--66. https://doi.org/10.1109/MIC.2012.143Google Scholar
Digital Library
- G. Ghiani, F. Paternò, L.D. Spano, and G. Pintori. 2016. An environment for end-user development of web mashups. Int. Journal of Human-Computer Studies, Vol. 87 (2016), 38--64. https://doi.org/10.1016/j.ijhcs.2015.10.008Google Scholar
Digital Library
- Julián Grigera, Alejandra Garrido, Jose Ignacio Panach, Damiano Distante, and Gustavo Rossi. 2016. Assessing refactorings for usability in e-commerce applications. Empirical Software Engineering, Vol. 21, 3 (2016), 1224--1271. https://doi.org/10.1007/s10664-015--9384--6Google Scholar
Digital Library
- Julián Grigera, Alejandra Garrido, José Matías Rivero, and Gustavo Rossi. 2017b. Automatic detection of usability smells in web applications. International Journal of Human-Computer Studies, Vol. 97 (2017), 129--148. https://doi.org/10.1016/j.ijhcs.2016.09.009Google Scholar
Cross Ref
- Julián Grigera, Alejandra Garrido, and Gustavo Rossi. 2017a. Kobold: Web Usability as a Service. In 2017 32nd IEEE/ACM International Conference on Automated Software Engineering (ASE). IEEE, 990--995. https://doi.org/10.1109/ASE.2017.8115717Google Scholar
Cross Ref
- Applause App Quality Inc. 2019. uTest - The Professional Network for Testers. https://www.utest.com/Google Scholar
- Gabriela Jurca, Theodore D. Hellmann, and Frank Maurer. 2014. Integrating agile and user-centered design: A systematic mapping and review of evaluation and validation studies of agile-UX. In Proceedings - 2014 Agile Conference, AGILE 2014. IEEE, 24--32. https://doi.org/10.1109/AGILE.2014.17Google Scholar
Digital Library
- Andrew J. Ko, Robin Abraham, Laura Beckwith, Alan Blackwell, Margaret Burnett, Martin Erwig, Chris Scaffidi, Joseph Lawrance, Henry Lieberman, Brad Myers, Mary Beth Rosson, Gregg Rothermel, Mary Shaw, and Susan Wiedenbeck. 2011. The state of the art in end-user software engineering. Comput. Surveys, Vol. 43, 3 (2011), 1--44. https://doi.org/10.1145/1922649.1922658Google Scholar
Digital Library
- Ron Kohavi and Roger Longbotham. 2016. Online Controlled Experiments and A/B Testing. Encyclopedia of Machine Learning and Data Mining, Vol. 7, 8 (2016), 1--8. https://doi.org/10.1007/978--1--4899--7502--7Google Scholar
- Kati Kuusinen. 2016. BoB: A Framework for Organizing Within-Iteration UX Work in Agile Development. In Integrating User-Centred Design in Agile Development. Springer International Publishing, 205--224. https://doi.org/10.1007/978--3--319--32165--3_9Google Scholar
- M. Nebeling, M. Speicher, and M. C. Norrie. 2013. W3touch: Metrics-Based Web Page Adaptation for Touch. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems. Association for Computing Machinery, New York, NY, USA, 2311--2320. https://doi.org/10.1145/2470654.2481319Google Scholar
- Vagner Figueredo de Santana and Maria Cecília Calani Baranauskas. 2015. WELFIT: A remote evaluation tool for identifying Web usage patterns through client-side logging. International Journal of Human-Computer Studies, Vol. 76 (2015), 40--49. https://doi.org/10.1016/j.ijhcs.2014.12.005Google Scholar
Digital Library
- Desirée Sy. 2007. Adapting usability investigations for agile user-centered design. Journal of Usability Studies, Vol. 2, 3 (2007), 112--132.Google Scholar
Digital Library
- Test IO. 2019. QA Testing as a Service | test IO. https://test.io/Google Scholar
- J Wong and J Hong. 2007. Making Mashups with Marmite: Towards End-User Programming for the Web. In Proceedings of the SIGCHI conference on Human factors in computing systems. Association for Computing Machinery, New York, NY, USA, 1435--1444. https://doi.org/10.1145/1240624.1240842Google Scholar
Digital Library
Index Terms
UX-Painter: An Approach to Explore Interaction Fixes in the Browser
Recommendations
User-centered design, activity-centered design, and goal-directed design: a review of three methods for designing web applications
SIGDOC '09: Proceedings of the 27th ACM international conference on Design of communicationWhen conducting research with users in order to design web applications, the practitioner has a variety of methods from which to choose. This paper examines three such methods'User-Centered Design (UCD), Goal-Directed Design (GDD), and Activity-Centered ...
A Web-based Human Computer Interaction Audit Tool to Support Collaborative Cognitive Ergonomics Within Interaction Design
ECCE '16: Proceedings of the European Conference on Cognitive ErgonomicsThere are many user interface design and development principles within the field of Human Computer Interaction (HCI). When implementing a project, it can often be difficult to ensure that these design principles are being considered and that a positive ...
Cultural Aspect of Interaction Design beyond Human-Computer Interaction
IDGD '09: Proceedings of the 3rd International Conference on Internationalization, Design and Global Development: Held as Part of HCI International 2009Over the past several decades, we have made many efforts to understand Human-Computer Interaction (HCI). But beyond HCI, we need a better understanding of Human-Culture Interaction not just for taking part in the cultural context, but also for ...






Comments