Design by Example of Graphical User Interfaces Adapting to Available Screen Size

  • Alexandre DemeureEmail author
  • Jan Meskens
  • Kris Luyten
  • Karin Coninx
Conference paper


Currently, it is difficult for a designer to create user interfaces that are of high aesthetic quality for a continuously growing range of devices with varied screen sizes. Most existing approaches use abstractions that only support form-based user interfaces. These user interfaces may be usable but are of low aesthetic quality. In this paper, we present a technique to design adaptive graphical user interfaces by example (i.e., user interfaces that can adapt to the target platform, the user, etc.), which can produce user interfaces of high aesthetic quality while reducing the development cost inherent to manual approaches. Designing adaptive user interfaces by example could lead to a new generation of design tools that put adaptive user interface development within the reach of designers as well as developers.


User Interface Design Space Design Time User Interface Design Screen Size 
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.



Part of the research at EDM is funded by ERDF (European Regional Develop-ment Fund). The AMASS++ (Advanced Multimedia Alignment and Structured Summarization) project IWT 060051 is directly funded by the IWT (Flemish subsidy organization).


  1. 1.
    Calvary G., Coutaz J., Thevenin D., Limbourg Q., Souchon N., Bouillon L., Vanderdonckt J.: Plasticity of user interfaces: a revised reference framework, In TAMODIA 2002, Bucharest, Romania, 2002.Google Scholar
  2. 2.
    Collignon B., Vanderdonkt J., Calvary G.: An intelligent editor for multi-presentation user interfaces, In 23ème ACM Symposium on Applied Computing. SAC’2008, Ceará, Brazil, 2008.Google Scholar
  3. 3.
    3.Demeure A., Calvary G., Coutaz J., Vanderdonckt J.: The COMETs inspector: towards run time plasticity control based on a semantic network, In TAMODIA’2006, Hasselt, Belgium, 2006.Google Scholar
  4. 4.
    Dragicevic P., Chatty S., Thevenin D., Vinot J.: Artistic resizing: a technique for rich scale-sensitive vector graphics, In Proceedings of the 18th Annual ACM Symposium on User Interface Software and Technology, Seattle, WA, USA, October 23–26, 2005.Google Scholar
  5. 5.
    Frank M.: Model-Based User Interface Design by Demonstration and by Interview. PhD Thesis, Georgia Institute of Technology, College of Computing, Atlanta, GA, December 1995, 275 pp.Google Scholar
  6. 6.
    Gajos K., Weld D. S.: SUPPLE: automatically generating user interfaces, In Proceedings of the Ninth International Conference on Intelligent User Interfaces, IUI’04, Funchal, Madeira, Portugal, January 13–16, 2004.Google Scholar
  7. 7.
    Li Y., Landay J.A.: Informal prototyping of continuous graphical interactions by demonstration, In ACM SIGGRAPH 2006 Sketches, Boston, MA, 2006.Google Scholar
  8. 8.
    Lieberman H.: Your Wish Is My Command, Morgan Kaufmann, San Francisco, 2001, ISBN 0262140535.Google Scholar
  9. 9.
    Nilsson E.: Combining Compound Conceptual User Interface Components with Modelling Patterns – A Promising Direction for Model-Based Cross-Platform User Interface Development, Springer, London, DSVIS 2002.Google Scholar
  10. 10.
    Stuerzlinger W., Chapuis O., Phillips D., Roussel N.: User interface façades: towards fully adaptable user interfaces. In Proceedings of the 19th Annual ACM Symposium on UIST, Montreux, Switzerland, 2006.Google Scholar

Copyright information

© Springer-Verlag London Limited 2009

Authors and Affiliations

  • Alexandre Demeure
    • 1
    Email author
  • Jan Meskens
    • 1
  • Kris Luyten
    • 1
  • Karin Coninx
    • 1
  1. 1.Hasselt University – tUL – IBBT Expertise Centre for Digital MediaWetenschapsparkDiepenbeekBelgium

Personalised recommendations