skip to main content
research-article

Coping with Diversity - A System for End-users to Customize Web User Interfaces

Published:29 May 2021Publication History
Skip Abstract Section

Abstract

To address diverse interaction needs of heterogeneous users' groups, user interfaces must be flexible to accommodate for customization that are specific to each user profile. Although, existing web interfaces provide some flexibility, some problems still remain: a) manual adjustments carried out by end users are required for each web application; b) the flexibility provided by current web interfaces is insufficient to address diverse interaction needs of various users' profiles and c) few users are aware about such options to customize the presentation of web interfaces. To contribute to the customization of user interface according to the needs of diverse users, in this work we asses the suitability of a tool that customize web interfaces based on the needs and preferences of end users. UIFlex is a web-based browser plugin that enables users to define their interaction profile. In this task, users are supported by fifteen web-based design rules that were extracted from the literature and the knowledge of authorities. To customize the presentation of web interfaces, UIFlex relies on a set of rules defined for each individual user and "injects" JavaScript codes, Cascading Style Sheets (CSS) and in some cases HyperText Markup Language (HTML) codes in any page that follows W3C standards. UIFlex was evaluated by 104 users of diverse interaction profiles. The results obtained are promising and suggest that the solution improves the perception that the interactive system performs as desired by users.

References

  1. Tatiana S. de Alencar and Vania P. A. de Neris. 2014. Towards Design Guidelines for Software Applications That Collect User Data for Ubicomp. In Proceedings of the 13th Brazilian Symposium on Human Factors in Computing Systems (IHC '14). Brazilian Society of Computing, 246--254. http://dl.acm.org/citation.cfm? id=2738055.2738095 Google ScholarGoogle ScholarDigital LibraryDigital Library
  2. David Benyon, Peter Innocent, and Dianne Murray. 1987. System adaptivity and the modelling of stereotypes. National Physical Laboratory, Division of Information Technology and Computing (1987).Google ScholarGoogle Scholar
  3. David Benyon and Dianne Murray. 1993. Applying user modeling to humancomputer interaction design. Artif Intell Rev 7, 3--4 (1993), 199--225. https: //doi.org/10.1007/BF00849555Google ScholarGoogle ScholarCross RefCross Ref
  4. S. Bouzit, G. Calvary, J. Coutaz, D. Chêne, E. Petit, and J. Vanderdonckt. 2017. The PDA-LPA design space for user interface adaptation. In 2017 11th International Conference on Research Challenges in Information Science (RCIS). 353--364. https: //doi.org/10.1109/RCIS.2017.7956559Google ScholarGoogle ScholarCross RefCross Ref
  5. Peter Brusilovsky. 1996. Methods and techniques of adaptive hypermedia. User Model User-Adap Inter 6, 2--3 (1996), 87--129. https://doi.org/10.1007/BF00143964Google ScholarGoogle ScholarCross RefCross Ref
  6. Peter Brusilovsky. 2001. Adaptive Hypermedia. User Modeling and User-Adapted Interaction 11, 1 (2001), 87--110. https://doi.org/10.1023/A:1011143116306 Google ScholarGoogle ScholarDigital LibraryDigital Library
  7. Dick Bulterman, Lloyd Rutledge, Lynda Hardman, and Jacco Ossenbruggen. 1999. Supporting Adaptive and Adaptable Hypermedia Presentation Semantics. In The 8th IFIP 2.6 Working Conference on Database Semantics (DS-8): Semantic Issues in Multimedia Systems. http://www.cwi.nl/~{}media/publications/ds8.pdfGoogle ScholarGoogle Scholar
  8. Google Chrome. 2017. Chrome.storage. Available in: https://developer.chrome. com/extensions/storage. Accessed: 18 de july de 2017.Google ScholarGoogle Scholar
  9. Vânia Paula de Almeida Neris, Frederico Fortuna, Rodrigo Bonacin, Tatiana Silva de Alencar, Luciano de Oliveira Neris, and M. Cecília C. Baranauskas. 2020. Addressing Brazilian diversity in personal computing systems with a tailoringbased approach. Personal and Ubiquitous Computing (29 Aug 2020). https: //doi.org/10.1007/s00779-020-01444-wGoogle ScholarGoogle Scholar
  10. Charles-Eric Dessart, Vivian Genaro Motti, and Jean Vanderdonckt. 2011. Showing User Interface Adaptivity by Animated Transitions. In Proceedings of the 3rd ACM SIGCHI Symposium on Engineering Interactive Computing Systems (EICS '11). Association for Computing Machinery, New York, NY, USA, 95--104. https://doi.org/10.1145/1996461.1996501 Google ScholarGoogle ScholarDigital LibraryDigital Library
  11. Klaus R. Dittrich, Stella Gatziu, and Andreas Geppert. 1995. The active database management system manifesto: A rulebase of ADBMS features. In Rules in Database Systems, Timos Sellis (Ed.). Springer Berlin Heidelberg, Berlin, Heidelberg, 1--17. Google ScholarGoogle ScholarDigital LibraryDigital Library
  12. Diego Firmenich, Sergio Firmenich, Gustavo Rossi, Marco Winckler, and Damiano Distante. 2015. User Interface Adaptation Using Web Augmentation Techniques: Towards a Negotiated Approach. In 15th International Conference, ICWE 2015. Springer International Publishing, 147--164. https://doi.org/10.1007/ 978--3--319--19890--3_11 Google ScholarGoogle ScholarDigital LibraryDigital Library
  13. Gerhard Fischer, Elisa Giaccardi, Yunwen Ye, Alistair G. Sutcliffe, and Nikolay Mehandjiev. 2004. Meta-design: A Manifesto for End-user Development. Commun. ACM 47, 9 (Sept. 2004), 33--37. https://doi.org/10.1145/1015864.1015884 Google ScholarGoogle ScholarDigital LibraryDigital Library
  14. Murielle Florins, Francisco Montero Simarro, Jean Vanderdonckt, and Benjamin Michotte. 2006. Splitting Rules for Graceful Degradation of User Interfaces. In Proceedings of the Working Conference on Advanced Visual Interfaces (AVI '06). Association for Computing Machinery, New York, NY, USA, 59--66. https: //doi.org/10.1145/1133265.1133276 Google ScholarGoogle ScholarDigital LibraryDigital Library
  15. Frederico J. Fortuna, Rodrigo Bonacin, and Maria C. C. Baranauskas. 2011. A Framework Based on Ajax and Semiotics to Build Flexible User Interfaces. Springer Berlin Heidelberg, Berlin, Heidelberg, 526--540. https://doi.org/10. 1007/978--3--642--19802--1_36Google ScholarGoogle Scholar
  16. Nadia Ghaibi, Olfa Daassi, and Leila Ben Ayed. 2018. User Interface Adaptation based on a Business Rules Management System and Machine Learning. Communications of the IBIMA 2018 (10 2018), 1--18. https://doi.org/10.5171/2018.281881Google ScholarGoogle ScholarCross RefCross Ref
  17. Nadia Ghaibi, Olfa Daassi, and Leila Ben Ayed. 2018. User Interface Adaptation based on a Business Rules Management System and Machine Learning. Communications of the IBIMA 2018 (10 2018), 1--18. https://doi.org/10.5171/2018.281881Google ScholarGoogle ScholarCross RefCross Ref
  18. Francesca Gullà, Silvia Ceccacci, Michele Germani, and Lorenzo Cavalieri. 2015. Design Adaptable and Adaptive User Interfaces: A Method to Manage the Information. In Ambient Assisted Living, Bruno Andò, Pietro Siciliano, Vincenzo Marletta, and Andrea Monteriù (Eds.). Number 11 in Biosystems & Biorobotics. Springer International Publishing, 47--58. https://doi.org/10.1007/978--3--319--18374--9_5Google ScholarGoogle Scholar
  19. IEEE and Institute of Electrical & Electronics Engineers. 1991. IEEE Standard Computer Dictionary: A Compilation of IEEE Standard Computer Glossaries : 610. Institute of Electrical & Electronics.Google ScholarGoogle Scholar
  20. M. Jungmann and T. Paradies. 1997. Adaptive Hypertext in Complex Knowledge Domains. In Proceedings of the Flexible Hypertext Workshop (Hypertext'97).Google ScholarGoogle Scholar
  21. Amy Ko, Thomas LaToza, and Margaret Burnett. 2013. A practical guide to controlled experiments of software engineering tools with human participants. Empirical Software Engineering 20 (02 2013). https://doi.org/10.1007/ s10664-013--9279--3 Google ScholarGoogle ScholarDigital LibraryDigital Library
  22. Nora Koch and Martin Wirsing. 2002. The Munich Reference Model for Adaptive Hypermedia Applications. In Proceedings of the Second International Conference on Adaptive Hypermedia and Adaptive Web-Based Systems (AH '02). Springer-Verlag, London, UK, UK, 213--222. http://dl.acm.org/citation.cfm?id=647458.728232 Google ScholarGoogle ScholarDigital LibraryDigital Library
  23. Nora Parcus de Koch. 2001. Software Engineering for Adaptive Hypermedia Systems: Reference Model, Modeling Techniques and Development Process. Uni-Druck.Google ScholarGoogle Scholar
  24. Claudia Loitsch, GerhardWeber, Nikolaos Kaklanis, Konstantinos Votis, and Dimitrios Tzovaras. 2017. A Knowledge-Based Approach to User Interface Adaptation from Preferences and for Special Needs. User Modeling and User-Adapted Interaction 27, 3--5 (Dec. 2017), 445--491. https://doi.org/10.1007/s11257-017--9196-z Google ScholarGoogle ScholarDigital LibraryDigital Library
  25. Víctor López-Jaquero, Jean Vanderdonckt, Francisco Montero, and Pascual González. 2008. Towards an Extended Model of User Interface Adaptation: The Isatine Framework. In Engineering Interactive Systems, Jan Gulliksen, Morton Borup Harning, Philippe Palanque, Gerrit C. van der Veer, and Janet Wesson (Eds.). Springer Berlin Heidelberg, Berlin, Heidelberg, 374--392. Google ScholarGoogle ScholarDigital LibraryDigital Library
  26. Marco Manca, Fabio Paternò, Carmen Santoro, and Lucio Davide Spano. 2013. Generation of Multi-Device Adaptive MultiModal Web Applications. In Mobile Web Information Systems. Springer, Berlin, Heidelberg, 218--232. https://doi.org/ 10.1007/978--3--642--40276-0_17 Google ScholarGoogle ScholarDigital LibraryDigital Library
  27. Raúl Miñón, Myriam Arrue, and Julio Abascal. 2014. Conceptual Model for Automatic Generation of Context-Sensitive User-Tailored Interfaces. In Proceedings of the XV International Conference on Human Computer Interaction (Interaccixf3;n '14). Association for Computing Machinery, New York, NY, USA, Article Article 42, 4 pages. https://doi.org/10.1145/2662253.2662295 Google ScholarGoogle ScholarDigital LibraryDigital Library
  28. Raúl Miñón, Fabio Paternò, Myriam Arrue, and Julio Abascal. 2015. Integrating adaptation rules for people with special needs in model-based UI development process. Universal Access in the Information Society 15 (2015), 153--168. Google ScholarGoogle ScholarDigital LibraryDigital Library
  29. Anders Mørch. 1997. Three Levels of End-User Tailoring: Customization, Integration, and Extension. MIT Press, Cambridge, MA, USA, 51--76. Google ScholarGoogle ScholarDigital LibraryDigital Library
  30. V. P. A. Neris and M. C. C. Baranauskas. 2011. A framework for designing flexible systems. In 2011 IEEE International Conference on Systems, Man, and Cybernetics. 2600--2607. https://doi.org/10.1109/ICSMC.2011.6084068Google ScholarGoogle ScholarCross RefCross Ref
  31. Vania P. A. Neris, Frederico Fortuna, Rodrigo. Bonacin, and Maria C. C. Baranauskas. 2011. Addressing diversity in web systems with norms and a tailoring-based approach. In Proceedings of the IADIS International Conference on WWW/Internet. 19--28. http://www.iadisportal.org/icwi-2011-proceedingsGoogle ScholarGoogle Scholar
  32. Luiz Antonio Moro Palazzo. 2000. Modelos Proativos para Hipermídia Adaptativa. thesis. Universidade Federal do Rio Grande do Sul.Google ScholarGoogle Scholar
  33. Brigitte de La Passardiere and Aude Dufresne. 1992. Adaptive navigational tools for educational hypermedia. In Computer Assisted Learning, Ivan Tomek (Ed.). Number 602 in Lecture Notes in Computer Science. Springer Berlin Heidelberg, 555--567. https://doi.org/10.1007/3--540--55578--1_99 Google ScholarGoogle ScholarDigital LibraryDigital Library
  34. Fabio Paterno and Cristiano Mancini. 1999. Designing Web User Interfaces Adaptable to Different Types of Use. Available in: http://www.archimuse.com/ mw99/papers/paterno/paterno.html. Acesso em: 23 de setembro de 2017.Google ScholarGoogle Scholar
  35. Gerrit C. Van Der Veer. 1989. Individual differences and the user interface. Ergonomics 32, 11 (1989), 1431--1449. https://doi.org/10.1080/00140138908966916 arXiv:http://dx.doi.org/10.1080/00140138908966916 PMID: 28080927.Google ScholarGoogle ScholarCross RefCross Ref
  36. W3C. 2017. W3C Standards. https://www.w3.org/standards/.Google ScholarGoogle Scholar

Index Terms

  1. Coping with Diversity - A System for End-users to Customize Web User Interfaces

    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

    • Published in

      cover image Proceedings of the ACM on Human-Computer Interaction
      Proceedings of the ACM on Human-Computer Interaction  Volume 5, Issue EICS
      EICS
      June 2021
      546 pages
      EISSN:2573-0142
      DOI:10.1145/3468527
      Issue’s Table of Contents

      Copyright © 2021 ACM

      © 2021 Association for Computing Machinery. ACM acknowledges that this contribution was authored or co-authored by an employee, contractor or affiliate of a national government. As such, the Government retains a nonexclusive, royalty-free right to publish or reproduce this article, or to allow others to do so, for Government purposes only.

      Publisher

      Association for Computing Machinery

      New York, NY, United States

      Publication History

      • Published: 29 May 2021
      Published in pacmhci Volume 5, Issue EICS

      Permissions

      Request permissions about this article.

      Request Permissions

      Check for updates

      Qualifiers

      • research-article

    PDF Format

    View or Download as a PDF file.

    PDF

    eReader

    View online with eReader.

    eReader