skip to main content
research-article

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

Authors Info & Claims
Published:18 June 2020Publication History
Skip Abstract Section

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.

References

  1. 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 ScholarGoogle Scholar
  2. Kent Beck and Cynthia Andres. 2005. Extreme Programming Explained: Embrace Change. Addison-Wesley Professional, Boston, Massachusetts, USA.Google ScholarGoogle ScholarDigital LibraryDigital Library
  3. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  4. 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 ScholarGoogle ScholarCross RefCross Ref
  5. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  6. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  7. 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 ScholarGoogle ScholarCross RefCross Ref
  8. 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 ScholarGoogle Scholar
  9. 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 ScholarGoogle Scholar
  10. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  11. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  12. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  13. 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 ScholarGoogle Scholar
  14. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  15. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  16. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  17. 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 ScholarGoogle ScholarCross RefCross Ref
  18. 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 ScholarGoogle ScholarCross RefCross Ref
  19. Applause App Quality Inc. 2019. uTest - The Professional Network for Testers. https://www.utest.com/Google ScholarGoogle Scholar
  20. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  21. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  22. 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 ScholarGoogle Scholar
  23. 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 ScholarGoogle Scholar
  24. 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 ScholarGoogle Scholar
  25. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  26. Desirée Sy. 2007. Adapting usability investigations for agile user-centered design. Journal of Usability Studies, Vol. 2, 3 (2007), 112--132.Google ScholarGoogle ScholarDigital LibraryDigital Library
  27. Test IO. 2019. QA Testing as a Service | test IO. https://test.io/Google ScholarGoogle Scholar
  28. 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 ScholarGoogle ScholarDigital LibraryDigital Library

Index Terms

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

        Recommendations

        Comments

        Login options

        Check if you have access through your login credentials or your institution to get full access on this article.

        Sign in

        Full Access

        PDF Format

        View or Download as a PDF file.

        PDF

        eReader

        View online with eReader.

        eReader
        About Cookies On This Site

        We use cookies to ensure that we give you the best experience on our website.

        Learn more

        Got it!