Reduce Complexity by Increasing Abstraction in Interactive Visual Components

摘要

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.