Teaching Usability Principles with Patterns and Guidelines

  • Kostas Koukouletsos
  • Babak Khazaei
  • Andy Dearden
  • Mehmet Ozcan
Part of the IFIP – International Federation for Information Processing book series (IFIPAICT, volume 289)

We present a comparative study of the effectiveness of patterns and guidelines as aids to teaching web interaction design. We recruited two groups of novice designers and taught them web design from scratch using a popular authoring tool. We used two balanced sets of guidelines and patterns that in essence present the same advice in two different formats. After the initial training, subjects learned about usability and usability principles with the help of one of these sets. The groups then engaged in two common activities that professional designers must perform, that is designing and evaluating web sites. The final design artefact that was delivered in all tests was a working web site. Here we present the quantitative results for the design phase of this experiment. Evaluation of the designs was conducted by three independent evaluators, using defined metrics. We conclude that both patterns and guidelines help with the design of usable sites, however the advice presented using our patterns format had a greater impact on the novice designers' performance than the same advice in our guidelines format.


Human Computer Interaction Design Pattern Interaction Design Participatory Design Pattern Group 
These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.


  1. 1.
    M. van Welie, G. van der Veer, and A. Eliëns, Patterns as Tools for User Interface Design, in: International Workshop on Tools for Working with Guidelines, edited by C. Farenc and J. Vanderdonckt, (Springer-Verlag, London, 2000), pp. 313–324.Google Scholar
  2. 2.
    M. Mahemoff and L.J. Johnston, Usability Pattern Languages: the “Language” Aspect, in: Human-Computer Interaction, INTERACT '01, edited by M. Hirose, (IOS Press, Amsterdam, 2001), pp. 350–358.Google Scholar
  3. 3.
    L. Pemberton and R.N. Griffiths, Don't Write Guidelines Write Patterns! (cited 2006-12-22);, (no date).
  4. 4.
    J. Nielsen, Durability of Usability Guidelines, (cited 2006-10-21); alertbox/20050117.html(2005).
  5. 5.
    E.S. Chung, J.I. Hong, J. Lin, M.K. Prabaker, J.A. Landay, and A.L. Liu, Development and evaluation of emerging design patterns for ubiquitous computing, in: Across the Spectrum: Designing Interactive Systems, DIS2004, (ACM, New York, 2004), pp. 233–242.Google Scholar
  6. 6.
    J.A. Borchers, A Pattern Approach to Interaction Design (John Wiley, Chichester, UK, 2001).Google Scholar
  7. 7.
    T.S. Saponas, M.K. Prabaker, G.D. Abowd, and J.A. Landay, The impact of pre-patterns on the design of digital home applications, in: Designing Interactive Systems, DIS 2006, (ACM, New York, 2006), pp.189–198.Google Scholar
  8. 8.
    J. Wesson and N.L.O. Cowley, Designing with patterns: Possibilities and pitfalls, in: Proceedings of the 2nd Workshop on Software and Usability Cross-Pollination: The Role of Usability Patterns, INTERACT 2003, edited by M. Rauterberg, M. Menozzi and J. Wesson, (IOS Press, 2003).Google Scholar
  9. 9.
    N.L.O. Cowley and J.L. Wesson, An experiment to measure the usefulness of patterns in the interaction design process, in: Lecture Notes in Computer Science 3585 - Human-Computer Interaction - INTERACT 2005, edited by M.F. Costabile and F. Paternó, (Springer, 2005), pp. 1142–1145.Google Scholar
  10. 10.
    J.A. Borchers, Teaching HCI Design Patterns: Experience from Two University Courses, Position paper for Patterns in Practice workshop at CHI 2002, (cited 2007-01-22);, (2002).
  11. 11.
    A. Seffah, Learning the ropes: human-centered design skills and patterns for software engineers' education, Interactions, 10(5), 36–45 (2003).CrossRefGoogle Scholar
  12. 12.
    R.N. Griffiths and L. Pemberton, Teaching Usability Design Through Pattern Language, (cited 2006-10-25);, (no date).
  13. 13.
    K.P. Laakso, A. Saura, and S.A. Laakso, Pattern Languages for Interaction Design, Position paper for CHI 2000 Workshop Pattern Languages for Interaction Design, (cited 2006-11-19);, (2000).
  14. 14.
    A. Dearden, J. Finlay, E. Allgar, and B. McManus, Using Pattern Languages in Participatory Design, in: Proceedings of the Participatory Design Conference 2002, edited by T. Binder, J. Gregory, and I. Wagner, (CPSR, Palo Alto, CA, 2002), pp. 104–113.Google Scholar
  15. 15.
    A. Dearden, J. Finlay, L. Allgar, and B. McManus, Evaluating pattern languages in participatory design, in: Adjunct Proceedings of CHI 2002, (ACM Press, New York, USA, 2002), pp. 664–665.Google Scholar
  16. 16.
    J. Finlay, E. Allgar, A. Dearden, and B. McManus, Pattern Languages in Participatory Design, in: People and Computers XVI-Memorable Yet Invisible, Proceedings of HCI2002, edited by X. Faulkner, J. Finlay, and F. Detienne, (Springer-Verlag, London, 2002), pp. 159–174.CrossRefGoogle Scholar
  17. 17.
    A. Dearden and J. Finlay, Patterns Languages in HCI: A Critical Review, Human-Computer Interaction, 21(1), 40–101 (2006).CrossRefGoogle Scholar
  18. 18.
    P. Kotzé, K. Renaud, and J. Van Biljon, Don't do this — Pitfalls in using anti-patterns in teaching human-computer interaction principles, Computers & Education, DOI:, (2006).
  19. 19.
    S.J. Koyani, R.W. Bailey, and J.R. Nall, Research-Based Web Design & Usability Guidelines (Computer Psychology, USA, 2004).Google Scholar
  20. 20.
    D.K. Van Duyne, J. Landay, and J.I. Hong, The Design of Sites (Addison-Wesley, Boston, MA, 2003).Google Scholar
  21. 21.
    M. Van Welie, Patterns in Interaction Design, (cited 2006 09-14);, (2005).
  22. 22.
    I. Graham, A Pattern Language for Web Usability (Addison-Wesley, London, 2003).Google Scholar
  23. 23.
    E. Gamma, R. Helm, R. Johnson, and J. Vlissides, Design Patterns: Elements of Reusable Object-Oriented Software(Addison-Wesley, Reading, MA, USA, 1994).MATHGoogle Scholar
  24. 24.
    J. Bergin, Coding at the Lowest Level - Coding Patterns for Java Beginners, (cited 2006-07-15);, (2006).
  25. 25.
    O. Muller, B. Haberman, and H. Averbuch, (An almost) pedagogical pattern for pattern-based problem-solving instruction, in: Proceedings of the 9th Annual SIGCSE Conference on Innovation and Technology in Computer Science Education, (ACM, NY, USA, 2004), pp. 102–106.Google Scholar
  26. 26.
    O. Muller, Pattern oriented instruction and the enhancement of analogical reasoning, in: Proceedings of the 2005 International Workshop on Computing Education Research (ACM, NY, 2005), pp. 57–67.Google Scholar
  27. 27.
    K. Koukouletsos, B. Khazaei, A. Dearden, and D.I. Tseles, Comparing patterns and guidelines in web design, in: Proceedings of the 1st International Scientific Conference eRA2006, (cited 2006-03-25);, (Tripolis, Greece, 2006).
  28. 28.
    P. Kotzé, K. Renaud, K. Koukouletsos, B. Khazaei, and A. Dearden, Patterns, Anti-Patterns and Guidelines—Effective Aids to Teaching HCI Principles?, in: Inventivity: Teaching theory, design and innovation in HCI, Proceedings of HCIEd2006, edited by E.T. Hvannberg, J.C. Read, L. Bannon, P. Kotzé, and W. Wong, Limerick, Ireland, (2006), pp. 115–120.Google Scholar
  29. 29.
    K. Koukouletsos, Evaluating the effectiveness of guidelines and patterns for web design, in: Proceedings of HCI2005: The Bigger Picture, Volume 2, edited by L. MacKinnon, O.W. Bertelsen, and N. Bryan-Kinns, (BCS, 2005), pp. 209–211.Google Scholar

Copyright information

© IFIP International Federation for Information Processing 2009

Authors and Affiliations

  1. 1.Communications and Computing Research CentreSheffield Hallam UniversitySheffieldUK

Personalised recommendations