Giving UI Developers the Power of UI Design Patterns

  • Jocelyn Richard
  • Jean-Marc Robert
  • Sébastien Malo
  • Joël Migneault
Part of the Lecture Notes in Computer Science book series (LNCS, volume 6771)


UI developers interested in UI design patterns generally face major problems when trying to use them, because of the complexity of pattern libraries and the lack of supporting tools. As a consequence, UI design patterns are not widely used and this entails an important loss of productivity and quality. In this study, we identified and wrote 30 UI patterns that were made available in a library, and we compared four modes of presentation for them: pattern thumbnails, application types, decision trees, and alphabetical mode. Ten subjects participated in the study. User satisfaction was higher with the three new modes than with the alphabetical mode. Search time was higher with the three new modes than with the alphabetical mode. Although difficult to evaluate, pattern relevance was better with the three new modes. Those findings were turned into recommendations for immediate applications. In the conclusion, we propose some research avenues for the future.


user interface design patterns design pattern libraries pattern language user interface design mode of presentation 


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 Oxfordshire (1977)Google Scholar
  2. 2.
    Mahemoff, M., Johnston, L.: Usability pattern languages: The “Language” aspect. In: Human-computer interaction: INTERACT 2001: IFIP TC. 13 International Conference on Human-Computer Interaction, pp. 350–359 (2001)Google Scholar
  3. 3.
    Seffah, A., Javahery, H.: On the usability of usability patterns. In: Workshop entitled Patterns in Practice, CHI, pp. 1–2 (2002)Google Scholar
  4. 4.
    Tidwell, J.: Designing Interfaces: Patterns for Effective Interaction Design, p. xi. O’Reilly, Sebastopol (2005)Google Scholar
  5. 5.
    Breiner, et al.: PEICS: towards HCI patterns into engineering of interactive systems. In: Proceedings of the 1st International Workshop on Pattern-Driven Engineering of Interactive Computing Systems, pp. 1–3 (2010)Google Scholar
  6. 6.
    Lammi, J.: Developing a UI Design Patterns Library- A Case Study at eCraft. Helsinki University of Technology, p. 2 (2007)Google Scholar
  7. 7.
    Welie, M., Van der Veer, G.: Pattern Languages in Interaction Design: Structure and Organization. In: Proceedings of Interact 2003, pp. 527–535 (2003)Google Scholar
  8. 8.
    Neil, T.: 12 Standard Screen Patterns. Designing Web Interfaces (2009), (retrieved October 28, 2010)
  9. 9.
    Gaffar, A., Seffah, A., Poll, J.A.V.D.: HCI pattern semantics in XML: a pragmatic approach. In: Proceedings of the 2005 Workshop on Human and Social Factors of Software Engineering, pp. 1–7 (2005)Google Scholar
  10. 10.
    Meszaros, G., Doble, J.: A pattern language for pattern writing. In: Pattern Languages of Program Design 3, pp. 529–574. Addison-Wesley Longman Publishing Co., Inc., Amsterdam (1997)Google Scholar

Copyright information

© Springer-Verlag Berlin Heidelberg 2011

Authors and Affiliations

  • Jocelyn Richard
    • 1
  • Jean-Marc Robert
    • 1
  • Sébastien Malo
    • 2
  • Joël Migneault
    • 2
  1. 1.École Polytechnique de MontréalMontréalCanada
  2. 2.CAE Montréal, 8585, Chemin de la Cote-de-LiesseSaint-LaurentCanada

Personalised recommendations