Skip to main content
Springer Nature Link
Log in

Tracing the evolution of HCI patterns as an interaction design tool

  • Original Paper
  • Published:
Innovations in Systems and Software Engineering Aims and scope Submit manuscript

Abstract

Design patterns have been introduced as a medium to capture and disseminate the best design knowledge and practices. In the field of human–computer interaction, practitioners and researchers have explored different avenues to use patterns and pattern languages as design tools. This paper surveys these avenues—from individual pattern use for solving a specific design problem, to pattern-oriented design, which guides designers in building a conceptual design by leveraging relationships between patterns. One of our underlying goals is to investigate how patterns can be used, not only to foster the reuse of proven and valid design solutions, but also as a central artefact in the process of deriving a design from user experiences and requirements. We will present our investigations on pattern-based design, and discuss how user experiences can be incorporated in the pattern selection process through the use of user variables, pattern attributes and associated relationships.

This is a preview of subscription content, log in via an institution to check access.

Access this article

Log in via an institution

Subscribe and save

Springer+ Basic
€32.70 /Month
  • Get 10 units per month
  • Download Article/Chapter or eBook
  • 1 Unit = 1 Article or 1 Chapter
  • Cancel anytime
Subscribe now

Buy Now

Price includes VAT (Bulgaria)

Instant access to the full article PDF.

Institutional subscriptions

Similar content being viewed by others

Explore related subjects

Discover the latest articles, news and stories from top researchers in related subjects.

References

  1. Sutcliffe A G (2000) On the effective use and reuse of HCI knowledge. ACM Trans Comput Hum Interact 7(2): 197–221

    Article  Google Scholar 

  2. Gaedke M, Segor C, Gellersen H-W (2000) WCML: Paving the Way for Reuse in Object-Oriented Web Engineering. SAC (2) 2000:748–755

  3. Myers BA, McDaniel RG, Kosbie DS (1993) Marquise: creating complete user interfaces by demonstration. INTERCHI 1993:293–300

  4. Macintosh (1992) Human Interface Guidelines. Apple Computer Company, Cupertino

  5. Sun Microsystems (2001) Java Look and Feel Design Guidelines. Addison-Wesley Professional, Reading

  6. Tetzlaff L, Schwartz DR (1991) The use of guidelines in interface design. In: Proceedings of CHI’. vol 91, pp 329–333

  7. Thovtrup H, Nielsen J (1991) Assessing the usability of a user interface standard. In: Proceedings of ACM CHI’91 Conference. Human Factors in Computing Systems. New Orleans, LA, 28 April–2 May, pp 335–341

  8. Erickson T (2000) Lingua Franca for Design: sacred places and pattern languages. In: Proceedings of Designing Interactive Systems. ACM Press, New York

  9. Borchers J O (2001) A Pattern approach to interaction design. Wiley, New York

    Google Scholar 

  10. Granlund A, Lafrenière D (1999) PSA, A Pattern-supported approach to the user interface design process. Position paper for the UPA’99 Usability Professionals’ Association Conference, Scottsdale, AZ, 29 June–2 July 1999

  11. Javahery H, Seffah A (2002) A model for usability pattern-oriented design. In: Proceedings of TAMODIA 2002, Bucharest, Romania, pp 104–110

  12. Alexander C, Ishikawa S, Silverstein M (1977) A pattern language: towns, buildings, and constructions. Oxford University Press, New York

    Google Scholar 

  13. Alexander C (1979) The timeless way of building. Oxford University Press, New York

    Google Scholar 

  14. Dix AJ, Finlay JE, Abowd GD, Beale R (1998) Human–computer interaction, 2nd edn. Prentice-Hall, (Englewood Cliffs)

    Google Scholar 

  15. Gamma E, Helm R, Johnson R, Vlissides J (1995) Design patterns: elements of reusable object-oriented software. Addison-Wesley, Reading

  16. Coplien JO, Schmidt DC (1995) Pattern languages of program design. Addison-Wesley, Reading

    Google Scholar 

  17. Dearden P, Finlay J (2006) Pattern languages in HCI: a critical review. Human–computer interaction 21(1): 49–102

    Article  Google Scholar 

  18. Taleb M, Javahery H, Seffah A (2006) Pattern-Oriented design composition and mapping for cross-platform Web applications. The XIII International Workshop on Design, specification and verification of interactive systems, Spring Verlag, Trinity College Dublin, Ireland

  19. Microsoft (1995) The Windows Interface Guidelines for Software Design. Microsoft Press, Redmond

  20. Billingsley P A (1995) Starting from scratch: building a usability program at Union Pacific Railroad. Interactions 2(4): 27–30

    Article  Google Scholar 

  21. Rosenzweig E (1996) Design guidelines for software products: a common look and feel or a fantasy? Interactions, 3(5):21–26. doi:10.1145/234757.234759

  22. Weinschenk S, Yeo S C (1995) Guidelines for enterprise-wide GUI design. Wiley, New York

    Google Scholar 

  23. Gould JD, Boies SJ, Lewis C (1991) Making usable, useful, productivity-enhancing computer applications. Commun ACM 34(1): 74–85. doi:10.1145/99977.99993

    Article  Google Scholar 

  24. DSouza F, Bevan N (1990) The use of guidelines in menu interface design. In: Proceedings of IFIP INTERACT ’90. Cambridge, 27–31 August, pp 435–440

  25. Henninger S, Haynes K, Reith MW (1995) A framework for developing experience-based usability guidelines. In: Proceedings of the conference on Designing interactive systems: processes, practices, methods, & techniques. Ann Arbor, pp 43–53. doi:10.1145/225434.225440

  26. Van Duyne DK, Landay JA, Hong JI (2003) The design of sites: patterns, principles, and processes for crafting a customer-centered Web experience. Addison-Wesley, Reading

  27. Welie MV (1999) The Amsterdam Collection of Patterns in User Interface Design. Available via DIALOG. http://www.cs.vu.nl/~martijn/patterns/index.html (Online)

  28. Tidwell J (1997) A pattern language for human–computer interface design. Available via DIALOG

  29. Laakso Sari A, (2003) Collection of user interface design patterns University of Helsinki, Dept. of Computer Science. http://www.cs.helsinki.fi/u/salaakso/patterns/ (Online)

  30. Engelberg D, Seffah A (2002) Design patterns for the navigation of large information architectures. 11th Annual Usability Professional Association Conference, Orlando, 8–12 July 2002

  31. Taleb M, Seffah A, Abran A (2007) Pattern-oriented architecture for Web applications, 3rd International Conference on Web Information Systems and Technologies (WEBIST 2007), 3–6 March 2007, ISBN 978-972-8865-78-8, Barcelona, pp 117–121

  32. Tidwell J (2004) UI Patterns and Techniques. http://time-tripper.com/uipatterns/index.php (Online)

  33. Coram T, Lee J (1998) A pattern language for user interface design. Available via DIALOG. http://www.maplefish.com/todd/papers/experiences (Online)

  34. Zimmerman J, Evenson S, Baumann K, Purgathofer P (2004) The relationship between design and HCI. Workshop of CHI Extended Abstracts 2004, pp 1741–1742

  35. Myers BA, Rosson MB (1992) Survey on User Interface Programming. CHI 1992:195–202

  36. Landay JA, Myers BA (2001) Sketching interfaces: toward more human interface design. IEEE Comput 34(3): 56–64

    Article  Google Scholar 

  37. Welie MV, Van der Veer Gerrit C (2003) Pattern languages in interaction design. In: INTERACT 2003

  38. Javahery H, Sinnig D, Seffah A, Forbrig P, Radhakrishnan T (2006) Pattern-based UI design: adding rigor with user and context variables. In: TAMODIA 2006, pp 97–108

  39. Zimmer W (1995) Relationships between design patterns. Addison-Wesley Publishing, ACM Press, New York, pp 345–364

  40. Yacoub S, Ammar H (2003) Composition of design patterns. Addison Wesley Professional, Hardcover, p 416, ISBN 0-201-77640-5.

  41. De Silva P (2000) User interface declarative models and development environments: a survey. In: Proceedings of DSV-IS 2000. Springer, Berlin, pp 207–226

  42. Vanderdonckt J, Furtado E, Furtado J, Limbourg Q (2003) Multi-Model and Multi-Level Development of User Interfaces. Multiple User Interfaces, Cross-Platform Applications and Context-Aware Interfaces. Wiley, London. pp 193–216

  43. Sinnig D, Gaffar A, Reichart D, Forbrig P, Seffah A (2004) Patterns in model-based engineering. In: Proceedings of CADUI 2004 jointly organized with ACM-IUI 2004, Funchal, 13–16, pp 197 – 210

  44. Molina P, Trætteberg H (2004) Analysis & design of model-based user interfaces. In: Proceedings of CADUI 2004, 13–16, Funchal, pp. 211–222

  45. Trætteberg H (2002) Using user interface models in design. In: Proceedings of CADUI 02, France

  46. Sinnig D, Javahery H, Forbrig P, Seffah A (2005). Patterns and components for enhancing reusability and systematic UI development. In: Proceedings of HCI International, Las Vegas

  47. Welie MV (2004) Patterns in interaction design. Available via DIALOG. http://www.welie.com

  48. Trætteberg H (2004) Integrating dialog modeling and application development. In: Making model-based UI design practical: usable and open methods and tools, A Workshop at IUI 2004, Madeira

  49. Verplank B, Fulton J, Black A, Moggridge B (1993) Observation and invention: Use of scenarios in interaction design. Handout for Tutorial, INTERCHI’93, Amsterdam, 1993

  50. Cooper A (1999) The inmates are running the asylum: why high-tech products drive us crazy and how to restore the sanity, SAMS Publishing, Indianapolis

  51. Carroll JM (2000) Scenario-based design of human-computer interactions. MIT Press publishing, Boston

    Google Scholar 

  52. Pruitt J, Grudin J (2003) Personas: practice and theory. In: Proceedings of the 2003 Conference on Designing for User Experiences DUX ’03, ACM Press, New York, pp 1–15

  53. Fowler M (1997) Analysis patterns, reusable objects models. Addison-Wesley, Reading

    Google Scholar 

Download references

Author information

Authors and Affiliations

  1. Concordia University, HCSE Lab., Montreal, QC, Canada

    Ahmed Seffah

  2. École de technologie supérieure (ETS), GELOG Lab. of Software Engineering and IT, University of Quebec, Montreal, QC, Canada

    Mohamed Taleb

Authors
  1. Ahmed Seffah
    View author publications

    You can also search for this author in PubMed Google Scholar

  2. Mohamed Taleb
    View author publications

    You can also search for this author in PubMed Google Scholar

Corresponding author

Correspondence to Mohamed Taleb.

Rights and permissions

Reprints and permissions

About this article

Cite this article

Seffah, A., Taleb, M. Tracing the evolution of HCI patterns as an interaction design tool. Innovations Syst Softw Eng 8, 93–109 (2012). https://doi.org/10.1007/s11334-011-0178-8

Download citation

  • Received:

  • Accepted:

  • Published:

  • Issue Date:

  • DOI: https://doi.org/10.1007/s11334-011-0178-8

Keywords

Search

Navigation