Web Design Patterns: Investigating User Goals and Browsing Strategies

  • Paloma Díaz
  • Mary Beth Rosson
  • Ignacio Aedo
  • John. M. Carroll
Part of the Lecture Notes in Computer Science book series (LNCS, volume 5435)


Design patterns document in a systematic way design solutions to recurrent problems and they are expressed using non-technical terms, so that a wider audience can understand them. Thus they could be useful tools to improve communication in interdisciplinary teams and to integrate end-users in participatory design processes. However, the difficulties of using patterns go beyond the lexicon used in the patterns description. The individuals who might use the patterns may be following different strategies when browsing a collection of patterns, strategies that are determined by their goal at a specific point during the development process. Moreover, the strategy they follow can have some influence in the quality of the proposed solution. In this paper we describe an empirical study that has been performed to answer some of these questions. In the study we gathered information on browsing strategies and user goals when using a patterns catalogue to design a web system. We also analyzed the relation among the goal and the strategy as well as their impact in the quality of the use of the patterns. This investigation is part of a larger project intended to design patterns catalogues that take into account the goals and expectations of their end-users, who are not necessarily experts either on web design or on design patterns.


web design patterns design end-user development 


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.


  1. 1.
    Lowe, D., Hall, W.: Hypermedia and the Web: an engineering approach. John Wiley and Sons, Chichester (1999)Google Scholar
  2. 2.
    Díaz, P., Montero, S., Aedo, I.: Modelling hypermedia and web applications: the Ariadne development method. Information Systems 30(8), 649–673 (2005)CrossRefGoogle Scholar
  3. 3.
    Rideout, T.B., Uyeda, K.M., Williams, E.L.: Evolving the software usability engineering process at Hewlett-Packard. In: IEEE International Conference on Systems, Man and Cybernetics, vol. 1, pp. 229–234 (1989)Google Scholar
  4. 4.
    Safoutin, M.J., Thurston, D.J.: A communications-based technique for interdisciplinary design team management. IEEE Transactions on Engineering Management 40(4), 360–372 (1993)CrossRefGoogle Scholar
  5. 5.
    Borchers, J.: Interdisciplinary Design Patterns. In: INTERACT 1999 7th International Conference on Human-Computer Interaction, Edinburgh, UK, August 1999. Position Paper, Workshop on Usability Pattern Language (1999)Google Scholar
  6. 6.
    Rode, J., Rosson, M.B., Perez, M.: End user development of web applications. In: Lieberman, H., Paterno, F., Wulf, V. (eds.) End-User Development. Springer, Heidelberg (2006)Google Scholar
  7. 7.
    Díaz, P., Aedo, I., Rosson, M.B.: Visual representation of web design patterns for end-users. In: AVI 2008, pp. 408–411 (2008)Google Scholar
  8. 8.
    Radeke, F., Forbrig, P., Seffah, A., Sinning, D.: PIM Tool: Support for Pattern-Driven and Model-Based UI Development. In: Coninx, K., Luyten, K., Schneider, K.A. (eds.) TAMODIA 2006. LNCS, vol. 4385, pp. 82–96. Springer, Heidelberg (2007)CrossRefGoogle Scholar
  9. 9.
    Gamma, E., Helm, R., Johnson, R., Vlissides, J.M.: Design Patterns: Elements of Reusable Object-Oriented Software. Addison-Wesley Professional, Reading (1995)zbMATHGoogle Scholar
  10. 10.
    Garrido, A., Rossi, G., Schwabe, D.: Patterns systems for hypermedia. In: Proceedings of The 3rd Pattern Language of Programming Conference (1997)Google Scholar
  11. 11.
    Garzotto, F., Paolini, P., Bolchini, D., Valenti, S.: Modeling-by- Patterns of web applications. In: Advances in Conceptual Modeling: ER 1999 Workshops on Evolution and Change in Data Management, Reverse Engineering in Information Systems, and the World Wide Web and Conceptual Modeling, pp. 293–306 (1999)Google Scholar
  12. 12.
    Rossi, G., Schwabe, D., Lyardet, F.: User interface patterns for hypermedia application. In: Proceedings of Advanced Visual Interfaces 2000, pp. 136–142 (2000)Google Scholar
  13. 13.
    van Melie, M.: Web design patterns (last accessed September 2, 2008),
  14. 14.
    van Duyne, D.K., Landay, J.A., Hong, J.I.: The Design of Sites: Patterns, Principles, and Processes for Crafting a Customer-Centered Web Experience. Addison-Wesley, Reading (2002)Google Scholar
  15. 15.
    Bayle, E., Bellamy, R., Casaday, G., Erickson, T., Fincher, S., Grinter, B., Gross, B., Lehder, D., Marmolin, H., Potts, C., Skousen, G., Thomas, J.: Putting It All Together: Towards a Pattern Language for Interaction Design (last accessed on September 2, 2008),
  16. 16.
    Saponas, T.S., Prabaker, M.K., Abowd, G.D., Landay, J.A.: The impact of pre-patterns on the design of digital home applications. In: Proceedings of the 6th Conference on Designing interactive Systems, DIS 2006, University Park, PA, USA, June 26 - 28, pp. 189–198. ACM, New York (2006)Google Scholar
  17. 17.
    Kampffmeyer, H., Zschaler, S.: Finding the Pattern You Need: The Design Pattern Intent Ontology. In: Engels, G., Opdyke, B., Schmidt, D.C., Weil, F. (eds.) MODELS 2007. LNCS, vol. 4735, pp. 211–225. Springer, Heidelberg (2007)CrossRefGoogle Scholar
  18. 18.
    Bolchini, D.: Hypermedia Design Patterns Repository (last accessed September 2, 2008),
  19. 19.
    Montero, S.: Hypermedia Patterns: Semantic Repository (last accessed September 2, 2008),
  20. 20.
    Araujo, I., Weiss, M.: Linking Non-Functional Requirements and Patterns. In: Proceedings of the Ninth Conference on Pattern Language of Programs (PLoP 2002), September 8–12 (2002)Google Scholar
  21. 21.
    Chung, L., Nixon, B.A., Yu, A., Mylopoulos, J.: Non-Functional Requirements in Software Engineering. Kluwer Academic Publishers, Dordrecht (2000)CrossRefzbMATHGoogle Scholar
  22. 22.
    Montero, S., Díaz, P., Aedo, I.: From requirements to conceptual modeling of web applications through design patterns. In: Workshop on HCI Patterns: Mapping User Needs Into Interaction Design Solutions, in conjunction with INTERACT 2005, Rome, Italy, September 13 (2005)Google Scholar
  23. 23. (last accessed September 2, 2008)
  24. 24.
    Irons, M.L.: Patterns for personal web sites (last accessed September 2, 2008),
  25. 25.
    Cybulski, J.L., Linden, T.: Composing Multimedia Artefacts for Reuse. In: Pattern Languages of Program Design, vol. 4, pp. 461–488. Addison-Wesley Longman, Amsterdam (1999)Google Scholar
  26. 26.
    Chung, E.S., Hong, J.I., Lin, J., Prabaker, M.K., Landay, J.A., Liu, A.L.: Development and evaluation of emerging design patterns for ubiquitous computing. In: DIS 2004: Proceedings of the 2004 conference on Designing interactive systems, pp. 233–242. ACM Press, New York (2004)Google Scholar
  27. 27.
    Brusilovsky, P.: Adaptive hypermedia. Kobsa, A. (ed.) User Modeling and User Adapted Interaction, Ten Year Anniversary Issue 11(1/2), 87–110 (2001)Google Scholar
  28. 28.
    Cleland-Huang, J., Schmelzer, D.: Dynamically Tracing Non-Functional Requirements through Design Pattern Invariants. In: Workshop on Traceability in Emerging Forms of Software Engineering, in conjunction with IEEE International Conference on Automated Software Engineering (October 2003)Google Scholar
  29. 29.
    Weiss, M.: Pattern-Driven Design of Agent Systems: Approach and Case Study. In: Eder, J., Missikoff, M. (eds.) CAiSE 2003. LNCS, vol. 2681. Springer, Heidelberg (2003)CrossRefGoogle Scholar

Copyright information

© Springer-Verlag Berlin Heidelberg 2009

Authors and Affiliations

  • Paloma Díaz
    • 1
  • Mary Beth Rosson
    • 2
  • Ignacio Aedo
    • 1
  • John. M. Carroll
    • 2
  1. 1.DEI Lab.Universidad Carlos III de Madrid SpainSpain
  2. 2.Information Science and Technology CollegePennsylvania State UniversityUSA

Personalised recommendations