Reduce Complexity by Increasing Abstraction in Interactive Visual Components

  • Pedro M. Teixeira-FariaEmail author
  • Javier Rodeiro Iglesias
Conference paper
Part of the Lecture Notes in Computer Science book series (LNCS, volume 9169)


The objective of this study is to introduce a method to abstract complex components in order to create a complete and functional user interface, simplifying the complexity process of user interface design. An example of a simple user interface of a game for younger children is explained and its visual states and transitions represented through a state diagram. However, the level of detail provided by simple components, to represent the user interface is very extensive, making lengthy the interface designing process. Thus, it was decided to increase the abstraction level by introducing a new complex component structure which, due to its encapsulation feature, allows to group components into other more complex components, but with more functionality. An abstraction process through grouping components by levels is detailed, with the intention of proving the validity of the complex component concept to simplify the creation of complete, free and functional user interfaces.


Abstract interaction objects Complex components Visual interface representation 



This work was partially supported by:

(1) Grant SFRH/PROTEC/49496/2009 of MCTES – Ministério da Ciência, Tecnologia e Ensino Superior (Portugal).

(2) Project TIN2009-14103-C03-03 of Ministerio de Ciencia e Innovación (Spain)

(3) Project 10DPI305002PR of Xunta de Galicia (Spain).


  1. 1.
    Alencar, P., et al.: A Formal Approach to Design Pattern Definition & Application. University of Waterloo, Ontario (1995). Google Scholar
  2. 2.
    Alencar, P., Cowan, D., Lucena, C.: A logical theory of interfaces and objects. IEEE Trans. Software Eng. 28(6), 548–575 (2002)CrossRefGoogle Scholar
  3. 3.
    Carr, D.: Specification of interface interaction objects. In: CHI 1994 – ACM Conference on Human Factors in Computer Systems, pp. 372–378 (1994)Google Scholar
  4. 4.
    Duke, D., Harrison, M.: Abstract interaction objects. Comput. Graph. Forum 12(3), 25–36 (1993)CrossRefGoogle Scholar
  5. 5.
    Duke, D., Faconti, G., Harrison, M., Paternó, F.: Unifying views of interactors. In: Proceedings of the Workshop on Advanced Visual Interfaces, pp. 143–152, 1–4 June 1994Google Scholar
  6. 6.
    Faconti, G., Paternó, F.: An approach to the formal specification of the components of an interaction. In: Eurographics 1990, North-Holland, pp. 481–494 (1990)Google Scholar
  7. 7.
    Teixeira-Faria, P.M., Iglesias, J.R.: Complex components abstraction in graphical user interfaces. In: Jacko, J.A. (ed.) Human-Computer Interaction, Part I, HCII 2011. LNCS, vol. 6761, pp. 309–318. Springer, Heidelberg (2011)Google Scholar
  8. 8.
    Iglesias, J.R., Teixeira-Faria, P.M.: User interface representation using simple components. In: Jacko, J.A. (ed.) Human-Computer Interaction, Part I, HCII 2011. LNCS, vol. 6761, pp. 278–287. Springer, Heidelberg (2011)Google Scholar
  9. 9.
    Savidis, A.: Supporting virtual interaction objects with polymorphic platform bindings in a user interface programming language. In: International Workshop on Rapid Integration of Software Engineering Methods (RISE 2004), pp. 11–23. Springer Verlag, Luxembourg (2005)Google Scholar
  10. 10.
    Pinheiro da Silva, P.: User interface declarative models and development environments: a survey. In: Paternó, F. (ed.) DSV-IS 2000. LNCS, vol. 1946, pp. 207–226. Springer, Heidelberg (2001)CrossRefGoogle Scholar

Copyright information

© Springer International Publishing Switzerland 2015

Authors and Affiliations

  • Pedro M. Teixeira-Faria
    • 1
    Email author
  • Javier Rodeiro Iglesias
    • 2
  1. 1.School of Technology and ManagementPolytechnic Institute of Viana Do CasteloViana Do CasteloPortugal
  2. 2.School of Informatics EngineeringUniversity of VigoVigoSpain

Personalised recommendations