ABSTRACT
Designing graphical user interfaces (GUIs) is an arduous task that requires both functional and aesthetic considerations, often relying on documented style guides and design principles. Style guides and principles are mostly prescriptive in terms of what should be included and what should be avoided in interface design, but do not specify the how of the interface design process. Previous research has employed Genetic Algorithms to assist in the design process, but focused more on evolving colour schemes and ordering of user interface (UI) components than on the general layout of the interface. Components were essentially placed in a static grid which resulted in unappealing interfaces. This research seeks to evolve the placement of components on the screen through the use of layout managers. A user guides the evolution process by iteratively selecting promising interfaces from a collection of candidate interfaces. Various constraints are placed on the grouping of components to prevent inappropriate groupings in the UI layout and to reduce the number of selections that the designer has to make. Each candidate UI is encoded in a tree which made crossover operations inappropriate. This resulted in an Evolutionary Programming algorithm being used rather than a Genetic Algorithm. Various mutation operators are discussed. Through this evolutionary process, aesthetically pleasing and functional interfaces can then be created in a reasonable number of iterations.
- Oliver, A., Monmarché, N., and Venturini, G. 2002. Interactive design of web sites with a genetic algorithm. In Proceedings of the IADIS International Conference WWW/Internet, 355--362, Lisbon, Portugal, November 13--15 2002.Google Scholar
- Quiroz, J. C., Louis, S. J., and Dascalu S. M. 2007. Interactive evolution of xul user interfaces. In GECCO '07: Proceedings of the 2007 conference on Genetic and evolutionary computation, New York, NY USA, July 2007. ACM Press. Google ScholarDigital Library
- Quiroz, J. C., Dascalu S. M. and Louis, S. J. 2007. Human guided evolution of xul user interfaces. In CHI '07: CHI '07 extended abstracts on Human factors in computing systems, New York, NY USA, 2007. ACM Press. Google ScholarDigital Library
- Quiroz, J. C., Louis, S. J., Shankar, A. and Dascalu S. M. 2007. Interactive Genetic Algorithms for User Interface Design. In CEC 2007: IEEE Congress on Evolutionary Computation, 2007. 1366--1373, Singapore, 25--28 September 2007.Google Scholar
- Java Documentation. java.sun.com/docs/. Accessed June 2008.Google Scholar
- Koza, J. R. 1992. Genetic programming: On the programming of computers by means of natural selection. MIT Press. Google ScholarDigital Library
- Engelbrecht, A. P. 2002. Computational Intelligence: An Introduction. Wiley Google ScholarDigital Library
- Dawkins, R. 1986. The blind watchmaker. Longman: Harlow.Google Scholar
- Smith-Atakan, S. 2006. Human-computer interaction. Thomson: London. Google ScholarDigital Library
- Torres, R. J. 2002. Practitioner's handbook for user interface design and development. Prentice-Hall: New Jersey. Google ScholarDigital Library
- Galitz, W. O. 2002. The essential guide to user interface design: An introduction to GUI design principles and techniques, 2nd ed. Wiley: New York. Google ScholarDigital Library
- Spolsky, J. 2001. User interface design for programmers. Apress: New York. Google ScholarDigital Library
- Sharp, H, Rogers, Y. and Preece, J. 2007. Interaction design: beyond human-computer interaction. Wiley: New Jersey. Google ScholarDigital Library
Index Terms
- Incorporating layout managers into an evolutionary programming algorithm to design graphical user interfaces
Recommendations
Personalizing graphical user interfaces on flexible widget layout
EICS '09: Proceedings of the 1st ACM SIGCHI symposium on Engineering interactive computing systemsThe authors propose a method for personalizing the flexible widget layout (FWL) by adjusting the desirability of widgets with a pairwise comparison method, and show its implementation and that it actually works. Personalization of graphical user ...
Graphical user interfaces
This article provides a brief introduction to graphical user interfaces or GUIs. The first section defines graphical user interfaces, describes interface components, and the different types of GUIs. This is followed by a short discussion of GUI design ...
Creating highly-interactive and graphical user interfaces by demonstration
It is very time-consuming and expensive to create the graphical, highly-interactive styles of user interfaces that are increasingly common. User Interface Management Systems (UIMSs) attempt to make the creation of user interfaces easier, but most ...
Comments