Using an Interaction-as-Conversation Diagram as a Glue Language for HCI Design Patterns on the Web

  • Ariane Moraes Bueno
  • Simone Diniz Junqueira Barbosa
Part of the Lecture Notes in Computer Science book series (LNCS, volume 4385)


The benefits of using software design patterns have been widely reported. However, in order for user interface design patterns to achieve the same degree of success as software design patterns, it would be useful to document design pattern solutions using a representation language that can be readily transported into the definition or specification of the interactive solution. Moreover, patterns are fragmented, which may hinder the designers’ global comprehension about their design decisions. In this paper, we present a small study that illustrates the use of an interaction modeling language called MoLIC as a glue language, which binds together the design pattern solutions and novel design constructs (for which there are no patterns defined) into forming a whole interactive solution.


Design Pattern Shopping Cart Task Pattern Presentation Unit Payment Info 
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.


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.


  1. 1.
    Alexander, C.: The Timeless Way of Building. Oxford University Press, New York (1979)Google Scholar
  2. 2.
    Barbosa, S.D.J., Paula, M.G.: Designing and Evaluating Interaction as Conversation: a Modeling Language based on Semiotic Engineering. In: Jorge, J.A., Jardim Nunes, N., Falcão e Cunha, J. (eds.) DSV-IS 2003. LNCS, vol. 2844, pp. 16–33. Springer, Heidelberg (2003)Google Scholar
  3. 3.
    Borchers, J.: A pattern approach to interaction design. John Wiley & Sons, Chichester (2001)Google Scholar
  4. 4.
    Constantine, L., Lockwood, L.: Software for use. ACM Press, New York (1999)Google Scholar
  5. 5.
    de Souza, C.S.: The Semiotic Engineering of Human-Computer Interaction. MIT Press, Cambridge (2005)Google Scholar
  6. 6.
    Eco, U.: A Theory of Semiotics. Indiana University Press, Bloomington (1979)Google Scholar
  7. 7.
    Gaffar, A., et al.: Modeling Patterns for Task Models. In: Proceedings of TAMODIA (2004)Google Scholar
  8. 8.
    Gamma, E., et al.: Design Patterns. Addison-Wesley, Reading (1995)Google Scholar
  9. 9.
    Granlund, A., Lafrenière, D., Carr, D.A.: A Pattern-Supported Approach to the User Interface Design Process. In: Proceedings of HCI International 2001, New Orleans, USA (2001)Google Scholar
  10. 10.
    Paula, M.G., Barbosa, S.D.J.: Bringing Interaction Specifications to HCI Design Patterns. In: CHI 2003 Workshop Perspectives on HCI Patterns: Concepts and Tools, Fort Lauderdale, FL, USA (2003)Google Scholar
  11. 11.
    Schön, D.: The Reflective Practitioner: How Professionals Think in Action. Basic Books, New York (1983)Google Scholar
  12. 12.
    Teuber, C., Forbrig, P.: Different Types of Patterns for Online-Booking Systems. In: Proceedings of TAMODIA (2004)Google Scholar
  13. 13.
    Tidwell, J.: A Pattern Language for Human-Computer Interface Design. Available online at (last visited in November 2005)
  14. 14.
    Van Welie, M.: Patterns for Designers? Position Paper in CHI 2002 Workshop on Patterns in Practice. Available online at (last visited in November 2005)
  15. 15.
    Van Welie, M., van der Veer, G.C.: Pattern Languages in Interaction Design: Structure and Organization. In: Proceedings of Interact (2003)Google Scholar
  16. 16.
    Van Welie, M.: Web Design Patterns. Available online at (last visited in November 2005)

Copyright information

© Springer-Verlag Berlin Heidelberg 2007

Authors and Affiliations

  • Ariane Moraes Bueno
    • 1
  • Simone Diniz Junqueira Barbosa
    • 1
  1. 1.Departamento de Informática, PUC-Rio, Rua Marquês de São Vicente, 225, Gávea, Rio de Janeiro, RJBrasil

Personalised recommendations