Multi-device UI Development for Task-Continuous Cross-Channel Web Applications

  • Enes Yigitbas
  • Thomas Kern
  • Patrick Urban
  • Stefan Sauer
Conference paper
Part of the Lecture Notes in Computer Science book series (LNCS, volume 9881)


The growing number of various types of web-enabled smart devices presents a special challenge for retail banks. In the world of Omni-Channel-Banking, customers demand a flexible and easy usage for carrying out their banking activities. Establishing such an Omni-Channel-Banking experience is a challenging task that requires support for the development of heterogeneous user interfaces (UIs) allowing flexible access to different channels (e.g. PC, Smartphone, ATM) and a seamless hand-over between these channels to allow task-continuity for the customer. Therefore, we present a model-based solution architecture for the development of multi-device UIs. Our solution architecture minimizes recurrent UI development efforts for different channels and enables data synchronization between them. To show the feasibility of our approach, we present an industrial case study, where we implement a cross-channel banking web-application that enables a modern customer experience.


Model-based development Multi-device UI development Liquid software development Cross-channel web applications Self-service systems 


  1. 1.
    Paternò, F., Santoro, C.: A logical framework for multi-device user interfaces. In: Proceedings of the 4th ACM SIGCHI Symposium on Engineering Interactive Computing Systems (EICS 2012), pp. 45–50. ACM, New York (2012)Google Scholar
  2. 2.
    Paternò, 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 (2009)Google Scholar
  3. 3.
    Yigitbas, E., Fischer, H., Kern, T., Paelke, V.: Model-based development of adaptive UIs for multi-channel self-service systems. In: Sauer, S., Bogdan, C., Forbrig, P., Bernhaupt, R., Winckler, M. (eds.) HCSE 2014. LNCS, vol. 8742, pp. 267–274. Springer, Heidelberg (2014)Google Scholar
  4. 4.
    Lin, J., Landay, J.A.: Employing patterns and layers for early-stage design and prototyping of cross-device user interfaces. In: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI 2008), pp. 1313–1322. ACM, New York (2008)Google Scholar
  5. 5.
    Meskens, J., Vermeulen, J., Luyten, K., Coninx, K.: Gummy for multi-platform user interface designs: shape me, multiply me, fix me, use me. In: Proceedings of the Working Conference on Advanced Visual Interfaces (AVI 2008), pp. 233–240. ACM, New York (2008)Google Scholar
  6. 6.
    Paternò, F., Santoro, C., Scorcia, A.: Ambient intelligence for supporting task continuity across multiple devices and implementation languages. Comput. J. 53(8), 1210–1228 (2010)CrossRefGoogle Scholar
  7. 7.
    Ghiani, G., Paternò, F., Santoro, C.: Push and pull of web user interfaces in multi-device environments. In: Proceedings of the International Working Conference on Advanced Visual Interfaces (AVI 2012), pp. 10–17. ACM, New York (2012)Google Scholar
  8. 8.
    Yigitbas, E., Sauer, S., Engels, G.: A model-based framework for multi-adaptive migratory user interfaces. In: Kurosu, M. (ed.) Human-Computer Interaction. LNCS, vol. 9170, pp. 563–572. Springer, Heidelberg (2015)CrossRefGoogle Scholar
  9. 9.
    Nebeling, M., Mintsi, T., Husmann, M., Norrie, M.: Interactive development of cross-device user interfaces. In: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI 2014) (2014)Google Scholar
  10. 10.
    Yang, J., Wigdor, D.: Panelrama: enabling easy specification of cross-device web applications. In: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI 2014), pp. 2783–2792. ACM, New York (2014)Google Scholar
  11. 11.
    Hamilton, P., Wigdor, D.J.: Conductor: enabling and understanding cross-device interaction. In: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI 2014), pp. 2773–2782. ACM, New York (2014)Google Scholar

Copyright information

© Springer International Publishing AG 2016

Authors and Affiliations

  • Enes Yigitbas
    • 1
  • Thomas Kern
    • 2
  • Patrick Urban
    • 2
  • Stefan Sauer
    • 1
  1. 1.S-lab - Software Quality LabPaderborn UniversityPaderbornGermany
  2. 2.Wincor Nixdorf International GmbHPaderbornGermany

Personalised recommendations