A Roadmap for User Interface Design of Interactive Systems: An Approach Based on a Triad of Patterns

  • Alexandra RuízEmail author
  • William J. Giraldo
  • David Geerts
  • Jose L. Arciniegas
Conference paper
Part of the Lecture Notes in Computer Science book series (LNCS, volume 10918)


This article presents a Roadmap for user interface designing based on a triad of patterns (data, interaction, and presentation) that comprehends the principles and guidelines from MBUID, HCI, and DCU with the purpose of promoting usability on the final interface. The roadmap is supported by a method, a tool, and languages that allow interface designing. This study is focused on the method only, and it presents the activities and artifacts in detail through its application in a case study in the educational context.


User interface design Patterns Model driven Usability 


  1. 1.
    Meixner, G., Paterno, F., Vanderdonckt, J.: Past present and future of model-based user interface development. iCom 10, 2–11 (2011)CrossRefGoogle Scholar
  2. 2.
    Wiecha, C., Bennett, W., Boies, S., Gould, J., Greene, S.: ITS: a tool for rapidly developing interactive applications. ACM Trans. Inf. Syst. 8, 204–236 (1990)CrossRefGoogle Scholar
  3. 3.
    Märtin, C.: Model-based software engineering for interactive systems. In: Albrecht, R. (ed.) Systems: Theory and Practice, pp. 187–211. Springer, Vienna (1998). Scholar
  4. 4.
    Puerta, A.R.: The MECANO Project: Comprehensive and Integrated Support for Model-Based Interface Development (1996)Google Scholar
  5. 5.
    Puerta, A.R.: A model-based interface development environment. IEEE Softw. 14, 40–47 (1997)CrossRefGoogle Scholar
  6. 6.
    Berti, S., Mori, G., Paternò, F., Santoro, C.: A transformation-based environment for designing multi-device interactive applications. Presented at the Proceedings of the 9th International Conference on Intelligent User Interfaces, Funchal, Madeira, Portugal (2004)Google Scholar
  7. 7.
    Gajos, K.Z., Weld, D.S., Wobbrock, J.O.: Automatically generating personalized user interfaces with SUPPLE. Artif. Intell. 174, 910–950 (2010)CrossRefGoogle Scholar
  8. 8.
    Paterno’, F., Santoro, C., Spano, L.D.: MARIA: a universal, declarative, multiple abstraction-level language for service-oriented applications in ubiquitous environments. ACM Trans. Comput.-Hum. Interact. 16, 1–30 (2009)CrossRefGoogle Scholar
  9. 9.
    Giraldo, W.J.: Marco de Desarrollo de Sistemas Groupware Interactivos Basado en la Integración de Procesos y Notaciones – CIAF. Ph.D. Doctoral, Universidad de Castilla - La Mancha (2010)Google Scholar
  10. 10.
    Akiki, P.A., Bandara, A.K., Yu, Y.: Cedar studio: an IDE supporting adaptive model-driven user interfaces for enterprise applications. Presented at the Proceedings of the 5th ACM SIGCHI Symposium on Engineering Interactive Computing Systems, London, United Kingdom (2013)Google Scholar
  11. 11.
    Peissner, M., Häbe, D., Janssen, D., Sellner, T.: MyUI: generating accessible user interfaces from multimodal design patterns. Presented at the Proceedings of the 4th ACM SIGCHI Symposium on Engineering Interactive Computing Systems, Copenhagen, Denmark (2012)Google Scholar
  12. 12.
    Engel, J., Märtin, C.: PaMGIS: a framework for pattern-based modeling and generation of interactive systems. In: Jacko, J.A. (ed.) HCI 2009. LNCS, vol. 5610, pp. 826–835. Springer, Heidelberg (2009). Scholar
  13. 13.
    Marin, I., Ortin, F., Pedrosa, G., Rodriguez, J.: Generating native user interfaces for multiple devices by means of model transformation. Front. Inf. Technol. Electron. Eng. 16, 995–1017 (2015)CrossRefGoogle Scholar
  14. 14.
    Machado, M., Couto, R., Campos, J.C.: MODUS: model-based user interfaces prototyping. Presented at the Proceedings of the ACM SIGCHI Symposium on Engineering Interactive Computing Systems, Lisbon, Portugal (2017)Google Scholar
  15. 15.
    Calvary, G., Coutaz, J., Thevenin, D., Limbourg, Q., Bouillon, L., Vanderdonckt, J.: A unifying reference framework for multitarget user interfaces, interacting with computers. Interact. Comput. 15, 289–308 (2003)CrossRefGoogle Scholar
  16. 16.
    Courage, C., Baxter, K.: Understanding Your Users: A Practical Guide to User Requirements Methods, Tools, and Techniques. Morgan Kaufmann Publishers, Burlington (2005)Google Scholar
  17. 17.
    Shneiderman, B., Plaisant, C.: Designing the User Interface: Strategies for Effective Human-Computer Interaction. Pearson Addison Wesley, ‎Boston (2004)Google Scholar
  18. 18.
    Schmidt, D.C., Stal, M., Rohnert, H., Buschmann, F.: Pattern-Oriented Software Architecture, Patterns for Concurrent and Networked Objects, vol. 2. Wiley, Hoboken (2013)zbMATHGoogle Scholar
  19. 19.
    Triviño, J.I.: Generación de la interfaz de usuario de negocio a partir de patrones de negocios basada en los fundamentos metodológicos de TD_MBUID. Magister, Informatica Universidad EAFIT (2015)Google Scholar
  20. 20.
    Giraldo, O.W.J., Arias, M.R., Collazos, O.C.A., Molina, A.I., Ortega, C.M., Redondo, M.A.: Fast functional prototyping of user interfaces based on DataForm models, a tool (ToolDataForm). In: 2015 10th Computing Colombian Conference (10CCC), pp. 172–179 (2015)Google Scholar
  21. 21.
    Paternó, F., Mancini, C., Meniconi, S.: ConcurTaskTrees: a diagrammatic notation for specifying task models. Presented at the Proceedings of the IFIP TC13 International Conference on Human-Computer Interaction (1997)CrossRefGoogle Scholar
  22. 22.
    Limbourg, Q.: Multi-path development of user interfaces. Ph.D. Université catholique de Louvain, Louvain-la-Neuve, Belgium (2004)Google Scholar
  23. 23.
    Ruiz, A., Giraldo, W.J., Arciniegas, J.: Method for the integration of the didactic strategy model in virtual learning platforms in the university context: a mechanism that takes into account the professor’s work. Presented at the 12 Congreso Colombiano de Computación - 12CCC, Cali, Colombia (2017)Google Scholar
  24. 24.
    Marqués, P.: La Enseñanza Buenas Prácticas. La Motivación (2011).
  25. 25.
    Meneses, G.: NTIC, Interacción y Aprendizaje en la Universidad. Doctorado, Departament de Pedagogia, Universitat Rovira I Virgili (2007)Google Scholar
  26. 26.
    Rodríguez, J.L.: Curriculum, acto didáctico y teoría del texto. Anaya, ed España (1985)Google Scholar
  27. 27.
    Koper, R., Olivier, B., Anderson, T.: IMS learning design information model. IMS Global Learning Consortium (2003)Google Scholar
  28. 28.
    Conole, G.: Describing learning activities: tools and resources to guide practice. In: Beetham, H., Sharpe, R. (eds.) Rethinking Pedagogy for a Digital Age: Designing and Delivering E-learning. Routledge, Abingdon (2007)Google Scholar

Copyright information

© Springer International Publishing AG, part of Springer Nature 2018

Authors and Affiliations

  • Alexandra Ruíz
    • 1
    Email author
  • William J. Giraldo
    • 1
  • David Geerts
    • 2
  • Jose L. Arciniegas
    • 3
  1. 1.Universidad del QuindíoArmeniaColombia
  2. 2.KU LeuvenLeuvenBelgium
  3. 3.Universidad del CaucaPopayánColombia

Personalised recommendations