User Interface Representation Using Simple Components

  • Javier Rodeiro Iglesias
  • Pedro M. Teixeira-Faria
Part of the Lecture Notes in Computer Science book series (LNCS, volume 6761)


There are several user interface specification models, each other covering several design steps considered on a user interface representation. Two of those steps are the composition and the presentation. This paper shows a study about the steps that are covered by the most known techniques to represent Graphical User Interfaces, focusing mainly in composition and presentation steps. After this, an example of a game is made using DGAUI representation. This game representation is useful to show the real problems when an application is made from abstraction level to a prototype level. This example is useful too as a possible reference system for testing between different representation systems. The conclusion of this paper is that is possible to make a real application with an abstract representation of user interface, using visual simple components and make a prototype from user interface representation.


Abstract User Interface Representation Visual Appearance User Interface Dialog DGAUI 


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.


  1. 1.
    Abrams, M., Phanouriou, C.: An XML Language for Building Device-Independent User Interfaces, Philadelphia (1999)Google Scholar
  2. 2.
    Bodart, F., Hennebert, A., Leheureux, J., Vanderdonckt, J.: Towards a Dynamic Strategy for Computer-Aided Visual Placement. ACM, Bari (1994)CrossRefGoogle Scholar
  3. 3.
    Bojanic, P.: The Joy of XUL (2006),
  4. 4.
    Carnero, S.: Sistematización de la validación de Interacción del usuario sobre la visualización en Interfaces de Usuario usando Especificación Abstracta. PhD Thesis, Universidad de Vigo (2007)Google Scholar
  5. 5.
    Carr, D.: Specification of Interface Interaction Objects. In: CHI 1994 – ACM Conference on Human Factors in Computer Systems, pp. 372–378 (1994) Google Scholar
  6. 6.
    Diaper, D., Stanton, N.: The Handbook of Task Analysis for Human Computer Interaction. Lawrence Erlbaum Associates, Mahwah (2004)Google Scholar
  7. 7.
    Guerrero-Garcia, J., Gonzlez-Calleros, J., Vanderdonckt, J., Muoz-Arteaga, J.: A Theoretical Survey of User Interface Description Languages: Preliminary Results. IEEE Computer Society, Los Alamitos (2009)Google Scholar
  8. 8.
  9. 9.
    Meixner, G., Thiels, N.: Tool Support for Task Analysis (2008)Google Scholar
  10. 10.
  11. 11.
    Mozilla Developer Center: XUL (2010),
  12. 12.
    Navarre et al.: ICOs: a Model-Based User Interface Description Technique dedicated to Interactive Systems Addressing Usability, Reliability and Scalability. In: ACM ToCHI (2009)Google Scholar
  13. 13.
    Ngo, D., Byrne, J.: Another look at a model for evaluating Interfaces Aesthetics. Int. J. Appl. Math. Computer Science 11(2), 515–535 (2001)zbMATHGoogle Scholar
  14. 14.
    Ngo, D., Teo, L., Byrne, J.: Evaluating Interface Esthetics. Journal Knowledge and Information Systems 4(1) (2002)Google Scholar
  15. 15.
    Paterno’, F., Santoro, C., Spano, L.D.: MARIA: A Universal, Declarative, Multiple Abstraction-Level Language for Service-Oriented Applications in Ubiquitous Environments. ACM Transactions on Computer-Human Interaction 16 (2009)Google Scholar
  16. 16.
    Preece, J.: Human-Computer Interaction. Addison-Wesley, Reading (1994)Google Scholar
  17. 17.
    Puerta, A., Einstein, J.: XIML: A Universal Language for User Interfaces. Red-Whale Software (2001)Google Scholar
  18. 18.
    Rodeiro, J.: Representácion y Análisis de la Componente Visual de la Interfaz de Usuario. PhD Thesis, Universidad de Vigo (2001)Google Scholar
  19. 19.
    Schaefer, R., Bleul, S., Müller, W.: Dialog modeling for multiple devices and multiple interaction modalities. In: Coninx, K., Luyten, K., Schneider, K.A. (eds.) TAMODIA 2006. LNCS, vol. 4385, pp. 39–53. Springer, Heidelberg (2007)CrossRefGoogle Scholar
  20. 20.
    Schlungbaum, E., Elwert, T.: Dialogue Graphs - A Formal and Visual Specification Technique for Dialogue Modelling. In: BCS-FACS Workshop on Formal Aspects of the Human Computer Interface, Sheffield Hallam University. Springer, Heidelberg (1996)Google Scholar
  21. 21.
    Smith, J.: ISO and ANSI ergonomic standards for computer products. A guide to implementation and compliance. Prentice-Hall, Englewood Cliffs (1996)Google Scholar
  22. 22.
    Souchon, N., Vanderdonckt, J.: A Review of XML-compliant User Interface Description Languages, pp. 377–391. Springer, Heidelberg (2003)Google Scholar
  23. 23.
    Szekely, P.: Retrospective and Challenges for Model-Based Interface Development, pp. 1–27. Namur University Press (1996)Google Scholar
  24. 24.
    Tractinsky, N.: Aesthetics and Apparent Usability: Empirically Assessing Cultural and Methodological Issues. In: CHI 1997, Atlanta, USA (1997) Google Scholar
  25. 25.
    UIML3.1 Draft specification (2009),
  26. 26.
    USIXML (2009),
  27. 27.
    Vanderdonckt, J., Gillo, X.: Visual Techniques for Traditional and Multimedia Layouts. ACM, Bari (1994)CrossRefGoogle Scholar
  28. 28.
    W3C Recommendation: EMMA (2009)Google Scholar
  29. 29.
    W3C Recommendation: XForms 1.1 (2009)Google Scholar
  30. 30.
    W3C Recommendation: XML, XML 1.0, 5th edn. (2008)Google Scholar

Copyright information

© Springer-Verlag Berlin Heidelberg 2011

Authors and Affiliations

  • Javier Rodeiro Iglesias
    • 1
  • Pedro M. Teixeira-Faria
    • 2
  1. 1.School of Informatics EngineeringUniversity of VigoSpain
  2. 2.School of Technology and ManagementPolytechnic Institute of Viana do CasteloPortugal

Personalised recommendations