Abstract
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.
Access this chapter
Tax calculation will be finalised at checkout
Purchases are for personal use only
Notes
- 1.
The scale for the item “Mental effort” has been reversed before further calculations to match the principle of higher values representing a positive tendency of the other items.
References
Savidis, A., Stephanidis, C.: Unified user interface design: designing universally accessible interactions. Interact. Comput. 16, 243–270 (2004)
International Organization for Standardization: ISO 9241: Ergonomic requirements for office work with visual display terminals (VDTs) – Part 11: Guidance on usability (1998). https://www.iso.org/standard/16883.html
Hußmann, H., Meixner, G., Zühlke, D. (eds.): Model-Driven Development of Advanced User Interfaces. Springer, Heidelberg (2011)
Vanderdonckt, J.: Model-driven engineering of user interfaces: promises, successes, failures, and challenges. In: Proceedings RoCHI 2008, pp. 1–10. Matrix ROM, Bucharest (2008)
Akiki, P.A., Bandara, A.K., Yu, Y.: Adaptive model-driven user interface development systems. ACM Comput. Surv. 47, 1–33 (2014)
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)
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)
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)
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)
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)
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)
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)
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)
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)
Object Management Group (OMG): Unified Modeling Language Superstructure. Version 2.4.1. http://www.omg.org/spec/UML/2.4.1/Superstructure/PDF
Harel, D.: Statecharts: a visual formalism for complex systems. Sci. Comput. Program. 8, 231–274 (1987)
Horrocks, I.: Constructing the User Interface with Statecharts. Addison-Wesley, Harlow (1999)
World Wide Web Consortium (W3C): State Chart XML (SCXML). State Machine Notation for Control Abstraction. https://www.w3.org/TR/scxml/
MyUI Project: Development Toolkit Guide. http://myui.eu/index.php?content=dev_toolkit.html
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)
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)
Acknowledgments
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.
Author information
Authors and Affiliations
Corresponding author
Editor information
Editors and Affiliations
Rights and permissions
Copyright information
© 2019 Springer International Publishing AG, part of Springer Nature
About this paper
Cite this paper
Ziegler, D., Peissner, M. (2019). Modelling of Polymorphic User Interfaces at the Appropriate Level of Abstraction. In: Ahram, T. (eds) Advances in Artificial Intelligence, Software and Systems Engineering. AHFE 2018. Advances in Intelligent Systems and Computing, vol 787. Springer, Cham. https://doi.org/10.1007/978-3-319-94229-2_5
Download citation
DOI: https://doi.org/10.1007/978-3-319-94229-2_5
Published:
Publisher Name: Springer, Cham
Print ISBN: 978-3-319-94228-5
Online ISBN: 978-3-319-94229-2
eBook Packages: Intelligent Technologies and RoboticsIntelligent Technologies and Robotics (R0)