HCI Patterns as a Means to Transform Interactive User Interfaces to Diverse Contexts of Use

  • Jürgen Engel
  • Christian Märtin
  • Peter Forbrig
Part of the Lecture Notes in Computer Science book series (LNCS, volume 6761)


This paper introduces a pattern-based method for transformation of user interfaces of interactive applications to diverse contexts of use. The method is demonstrated with the help of various examples taken from existing software solutions. The related pattern transformation rules are derived from the samples and in turn expressed in a pattern format, the so-called transformation patterns.


HCI patterns user interface pattern-based context transformation transformation patterns interactive systems PLML 


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.


  1. 1.
    Alexander, C., Ishikawa, S., Silverstein, M.: A pattern language. Oxford University Press, Oxford (1977)Google Scholar
  2. 2.
    Breiner, K., et al. (eds.): Proceedings of the 1st International Workshop on Pattern-Driven Engineering of Interactive Computing Systems – PEICS 2010, Berlin, Germany, pp. 24–27 (2010)Google Scholar
  3. 3.
    Coram, T., Lee, J.: A Pattern Language for User Interface Design,
  4. 4.
    Deng, J., Kemp, E., Todd, E.G.: Managing UI Pattern Collections. In: Proc. CHINZ 2005, Auckland, New Zealand, pp. 31–38. ACM Press, New York (2005)Google Scholar
  5. 5.
    Engel, J., Märtin, C.: PaMGIS: A Framework for Pattern-based Modeling and Generation of Interactive Systems. In: Proceedings of HCI International 2009, San Diego, USA, pp. 826–835 (2009)Google Scholar
  6. 6.
    Engelberg, D., Seffah, A. (eds.): Design Patterns for the Navigation of Large Information Architectures. Proceedings of 11thAnnual Usability Professional Association Conference, Orlando, Florida, July 9-12 (2002)Google Scholar
  7. 7.
    Fincher, S., et al.: Perspectives on HCI Patterns: Concepts and Tools (Introducing PLML). In: CHI 2003 Workshop Report (2003)Google Scholar
  8. 8.
    Gamma, E., Helm, R., Johnson, R., Vlissides, J. (eds.): Design Patterns: Elements of Reusable Object Oriented Software. Addison-Wesley, Reading (1995)Google Scholar
  9. 9.
    Guerrero Garcia, J., Vanderdonckt, J., Gonzalez Calleros, J.M., Winckler, M.: Towards a Library of Workflow User Interface Patterns. In: Graham, T.C.N. (ed.) DSVIS 2008. LNCS, vol. 5136, pp. 96–101. Springer, Heidelberg (2008)CrossRefGoogle Scholar
  10. 10.
    Infragistics, Inc., Quince,
  11. 11.
    Javahery, H., Seffah, A., Engelberg, D., Sinnig, D.: Migrating User Interfaces Across Platforms Using HCI Patterns. In: Multiple User Interfaces, pp. 241–259. Wiley & Sons, Chichester (2004)Google Scholar
  12. 12.
    Marcus, A.: Patterns within Patterns. Interactions 11(2), 28–34 (2004)CrossRefGoogle Scholar
  13. 13.
    Märtin, C., Roski, A.: Structurally Supported Design of HCI Pattern Languages. In: Jacko, J.A. (ed.) HCI 2007. LNCS, vol. 4550, pp. 1159–1167. Springer, Heidelberg (2007)CrossRefGoogle Scholar
  14. 14.
    Myers, B.: Why are Human-Computer Interfaces Difficult to Design and Implement? Carnegie Mellon School of Computer Science Technical Report, no. CMU-CS-93-183 (1993)Google Scholar
  15. 15.
    Paternò, F.: Model-based Design and Evaluation of Interactive Applications. Springer, London (2000)CrossRefzbMATHGoogle Scholar
  16. 16.
    Seffah, A., Gaffar, A.: Model-based User Interface Engineering with Design Patterns. J. of Systems and Software 80(8), 1408–1422 (2007)CrossRefGoogle Scholar
  17. 17.
    Tidwell, J.: Designing Interfaces, Patterns for Effective Interaction Design,
  18. 18.
    Tiedtke, T., Krach, T., Märtin, C.: Multi-Level Patterns for the Planes of User Experience. In: Proc. of HCI International, Las Vegas, Nevada USA, July 22-27. Theories Models and Processes in HCI, vol. 4, Lawrence Erlbaum Associates, Mahwah (2005)Google Scholar
  19. 19.
    van Welie, M.: Patterns in Interaction Design,
  20. 20.
    Homepage of the German Public TV Station ARD,
  21. 21.
    Homepage of t-online, an Online Service of Deutsche Telekom AG,
  22. 22.
    Hompage of a German weather forecast portal,

Copyright information

© Springer-Verlag Berlin Heidelberg 2011

Authors and Affiliations

  • Jürgen Engel
    • 1
  • Christian Märtin
    • 1
  • Peter Forbrig
    • 2
  1. 1.Faculty of Computer ScienceAugsburg University of Applied SciencesAugsburgGermany
  2. 2.Institute of Computer ScienceUniversity of RostockRostockGermany

Personalised recommendations