Teaching Usability Principles with Patterns and Guidelines
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.
KeywordsHuman Computer Interaction Design Pattern Interaction Design Participatory Design Pattern Group
- 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.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.L. Pemberton and R.N. Griffiths, Don't Write Guidelines Write Patterns! (cited 2006-12-22); http://www.it.bton.ac.uk/staff/lp22/guidelinesdraft.html, (no date).
- 4.J. Nielsen, Durability of Usability Guidelines, (cited 2006-10-21); http://www.useit.com/ alertbox/20050117.html(2005).
- 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.J.A. Borchers, A Pattern Approach to Interaction Design (John Wiley, Chichester, UK, 2001).Google Scholar
- 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.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.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.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); http://www.hcipatterns.org/tiki-download_file.php?fileId=19, (2002).
- 12.R.N. Griffiths and L. Pemberton, Teaching Usability Design Through Pattern Language, (cited 2006-10-25); http://www.it.bton.ac.uk/staff/lp22/CHIpaper.html, (no date).
- 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); http://www.cs.helsinki.fi/u/salaakso/patterns/, (2000).
- 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.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
- 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:http://dx.doi.org/10.1016/j.compedu.2006.10.003, (2006).
- 19.S.J. Koyani, R.W. Bailey, and J.R. Nall, Research-Based Web Design & Usability Guidelines (Computer Psychology, USA, 2004).Google Scholar
- 20.D.K. Van Duyne, J. Landay, and J.I. Hong, The Design of Sites (Addison-Wesley, Boston, MA, 2003).Google Scholar
- 21.M. Van Welie, Patterns in Interaction Design, (cited 2006 09-14); http://www.welie.com/, (2005).
- 22.I. Graham, A Pattern Language for Web Usability (Addison-Wesley, London, 2003).Google Scholar
- 24.J. Bergin, Coding at the Lowest Level - Coding Patterns for Java Beginners, (cited 2006-07-15); http://pclc.pace.edu/~bergin/patterns/codingpatterns.html, (2006).
- 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.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.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); http://ikaros.teipir.gr/era/ab1.htm, (Tripolis, Greece, 2006).
- 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.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