Modelling of Polymorphic User Interfaces at the Appropriate Level of Abstraction

Conference paper
Part of the Advances in Intelligent Systems and Computing book series (AISC, volume 787)


Polymorphic user interfaces (UIs) can offer different modes of display and interaction for different devices, situations and user needs. This increased variety adds complexity to UI development, which is often addressed by model-based UI development approaches. However, existing approaches do not offer an attractive balance of required abstraction and a graphical and vivid representation for developers. In this paper, we present the Model-with-Example approach that combines abstract interaction modelling with a wireflow-like concrete visualization. The results of a user study with industrial front-end developers show that this concrete visualization can improve development efficiency.


Model-based user interface development Development tool Adaptive user interface Context-aware user interface Personalization Abstract interaction model Market adoption 



The research leading to these results has received funding from the European Union’s Seventh Framework Program under grant agreements no. 248606, “MyUI” and no. 610510, “Prosperity4All”. The opinions herein are those of the authors and not necessarily those of the funding agency.


  1. 1.
    Savidis, A., Stephanidis, C.: Unified user interface design: designing universally accessible interactions. Interact. Comput. 16, 243–270 (2004)CrossRefGoogle Scholar
  2. 2.
    International Organization for Standardization: ISO 9241: Ergonomic requirements for office work with visual display terminals (VDTs) – Part 11: Guidance on usability (1998).
  3. 3.
    Hußmann, H., Meixner, G., Zühlke, D. (eds.): Model-Driven Development of Advanced User Interfaces. Springer, Heidelberg (2011)Google Scholar
  4. 4.
    Vanderdonckt, J.: Model-driven engineering of user interfaces: promises, successes, failures, and challenges. In: Proceedings RoCHI 2008, pp. 1–10. Matrix ROM, Bucharest (2008)Google Scholar
  5. 5.
    Akiki, P.A., Bandara, A.K., Yu, Y.: Adaptive model-driven user interface development systems. ACM Comput. Surv. 47, 1–33 (2014)CrossRefGoogle Scholar
  6. 6.
    Céret, E., Calvary, G., Dupuy-Chessa, S.: Flexibility in MDE for scaling up from simple applications to real case studies. In: Proceedings IHM 2013, pp. 33–42. ACM Press, New York (2013)Google Scholar
  7. 7.
    Calvary, G., Coutaz, J., Thevenin, D., Limbourg, Q., Bouillon, L., Vanderdonckt, J.: A unifying reference framework for multi-target user interfaces. Interact. Comput. 15, 289–308 (2003)CrossRefGoogle Scholar
  8. 8.
    Lin, J., Landay, J.A.: Employing patterns and layers for early-stage design and prototyping of cross-device user interfaces. In: Czerwinski, M. (ed.) Proceedings CHI 2008, pp. 1313–1322. ACM, New York (2008)Google Scholar
  9. 9.
    Meskens, J., Vermeulen, J., Luyten, K., Coninx, K.: Gummy for multi-platform user interface designs. In: Levialdi, S. (ed.) Proceedings AVI 2008, p. 233. ACM, New York (2008)Google Scholar
  10. 10.
    Paterno, F., Mancini, C., Meniconi, S.: ConcurTaskTrees: a diagrammatic notation for specifying task models. In: Howard, S., Hammond, J., Lindgaard, G. (eds.) Human-Computer Interaction INTERACT 1997, pp. 362–369. Springer, Boston (1997)CrossRefGoogle Scholar
  11. 11.
    García Frey, A., Céret, E., Dupuy-Chessa, S., Calvary, G., Gabillon, Y.: UsiComp: an extensible model-driven composer. In: Sukaviriya, N., Vanderdonckt, J., Harrison, M. (eds.) Proceedings EICS 2010, pp. 263–268. ACM Press, New York (2010)Google Scholar
  12. 12.
    Genaro Motti, V., Raggett, D., van Cauwelaert, S., Vanderdonckt, J.: Simplifying the development of cross-platform web user interfaces by collaborative model-based design. In: Albers, M.J., Gossett, K. (eds.) Proceedings SIGDOC 2013, p. 55 (2013)Google Scholar
  13. 13.
    Nguyen, T.-D., Vanderdonckt, J., Seffah, A.: Generative patterns for designing multiple user interfaces. In: Proceedings MOBILESoft 2016, pp. 151–159. ACM Press, New York (2016)Google Scholar
  14. 14.
    Peissner, M., Häbe, D., Janssen, D., Sellner, T.: MyUI: generating accessible user interfaces from multimodal design patterns. In: Barbosa, S.D.J., Campos, J.C., Kazman, R., Palanque, P., Harrison, M., Reeves, S., Barbosa, S.D.J. (eds.) Proceedings EICS 2012, p. 81. ACM Press, New York (2012)Google Scholar
  15. 15.
    Object Management Group (OMG): Unified Modeling Language Superstructure. Version 2.4.1.
  16. 16.
    Harel, D.: Statecharts: a visual formalism for complex systems. Sci. Comput. Program. 8, 231–274 (1987)MathSciNetCrossRefGoogle Scholar
  17. 17.
    Horrocks, I.: Constructing the User Interface with Statecharts. Addison-Wesley, Harlow (1999)Google Scholar
  18. 18.
    World Wide Web Consortium (W3C): State Chart XML (SCXML). State Machine Notation for Control Abstraction.
  19. 19.
    MyUI Project: Development Toolkit Guide.
  20. 20.
    Peissner, M., Schuller, A., Ziegler, D., Knecht, C., Zimmermann, G.: Requirements for the successful market adoption of adaptive user interfaces for accessibility. In: Hutchison, D., et al. (eds.) Universal Access in Human-Computer Interaction. Design for All and Accessibility Practice, vol. 8516, pp. 431–442. Springer, Cham (2014)Google Scholar
  21. 21.
    Ziegler, D., Peissner, M.: Enabling accessibility through model-based user interface development. In: Cudd, P., de Witte, L. (eds.) Harnessing the Power of Technology to Improve Lives, 242, pp. 1067–1074. IOS Press Incorporated, Amsterdam (2017)Google Scholar

Copyright information

© Springer International Publishing AG, part of Springer Nature 2019

Authors and Affiliations

  1. 1.Fraunhofer IAOStuttgartGermany

Personalised recommendations