UI-GEAR: User Interface Generation prEview capable to Adapt in Real-time

Jenny Ruiz, Estefania Serral, Monique Snoeck


User Interface (UI) preview enables UI developers to preview and see the current User Interface before being generated. Despite the many advantages that UI preview could offer, it is not provided by current UI development environments. This paper presents UI-GEAR, a UI generation preview capable to adapt in real-time. UI-GEAR is developed within the MERODE method, a model-driven engineering approach capable to generate a fully functional system prototype from its specification in models. UI-GEAR extends MERODE with a UI development environment that enables developers to play with generation options and to straightforwardly and in real-time visualize the consequences of their choices on the UI to be generated, thus providing them with immediate guidance and design flexibility. We have carried out an experiment with developers with novel experience on designing UIs that demonstrates the advantages of this approach.


  1. Alonso-Ríos, D., Raneburger, D., Popp, R., Kaindl, H., & Falb, J. (2014). A User Study on Tailoring GUIs for Smartphones. In SAC2014 (pp. 186-192). Conference Proceedings, Gyeongju: ACM Press, New York.
  2. Aquino, N., Vanderdonckt, J., Panach, J. I., & Pastor, O. (2011). Conceptual modelling of interaction. In Handbook of Conceptual Modeling: Theory, Practice and Research Challenges (pp. 335-358). Book Section, Springer, Berlin.
  3. Aquino, N., Vanderdonckt, J., & Pastor, O. (2010). Transformation templates: adding flexibility to model-driven engineering of user interfaces. In SAC2010 (pp. 1195- 1202). Conference Proceedings, Sierre: ACM Press, New York.
  4. Bacha, F., Oliveira, K., & Abed, M. (2011). A model driven architecture approach for user interface generation focused on content personalization. In RCIS2011 (pp. 1- 6). Conference Proceedings, IEEE.
  5. Benavides, B., Segura, S., & Cortés, A. R. (2010). Automated Analysis of Feature Models 20 Years Later: A Literature Review. Information Systems 35, 6, 615- 636. Journal Article.
  6. Botterweck, G. (2007). A model-driven approach to the engineering of multiple user interfaces. In Models in Software Engineering (pp. 106-115). Book Section, Springer.
  7. Brooke, J. (1996). SUS: A Quick and Dirty Usability Scale. In Usability Evaluation in Industry. Book Section, London: Taylor & Francis.
  8. Calvary, G., Coutaz, J., Thevenin, D., Limbourg, Q., Bouillon, L., & Vanderdonckt, J. (2003). A unifying reference framework for multi-target user interfaces. Interacting with Computers, 15(3), 289-308. Journal Article.
  9. Daniel, F., Matera, M., Yu, J., Benatallah, B., Saint-Paul, R., & Casati, F. (2007). Understanding ui integration: A survey of problems, technologies, and opportunities. Internet Computing, IEEE, 11(3), 59-66. Journal Article.
  10. Elkoutbi, M., Khriss, I., & Keller, R. K. (1999). Generating user interface prototypes from scenarios. In Requirements Engineering, 1999. Proceedings. IEEE International Symposium on (pp. 150-158). Conference Proceedings, IEEE.
  11. Florins, M., Montero, F., Vanderdonckt, J., & Michotte, B. (2006). Splitting Rules for Graceful Degradation of User Interfaces. In AVÚ2006 (pp. 59-66). Conference Proceedings, ACM Press.
  12. Gaulke, W., & Ziegler, J. (2015). Using profiled ontologies to leverage model driven user interface generation. In SIGCHÚ2015 (pp. 254-259). Conference Proceedings, ACM.
  13. Genera AS, & Lysaker. (2004). GENOVA V8.0 User Guide (Report).
  14. Guerrero, J., Vanderdonckt, J., & Gonzalez, J. (2008). FlowiXML: a Step towards Designing Workflow Management Systems. Journal of Web Engineering, 4(2), 163-182. Journal Article.
  15. Kristensson, P. O., & Zhai, S. (2007). Command strokes with and without preview: using pen gestures on keyboard for command selection. In CHI'2007 (pp. 1137- 1146). Conference Proceedings, San Jose: ACM Press, New York.
  16. Lewis, J. R. (1993). IBM Computer Usability Satisfaction Questionnaires: Psychometric Evaluation and Instructions for Use (Report) (Vol. 12). Boca Raton, Florida.
  17. Llavador, M., & Canós, J. H. (2007). A Framework for the Generation of Transformation Templates. In ECDL'2007. Lecture Notes in Computer Science (Vol. 4675, pp. 501-504). Conference Proceedings, Springer.
  18. Maleki, M. M., Woodbury, R. F., & Neustaedter, C. (2014). Liveness, Localization and Lookahead: Interaction Elements for Parametric Design. In DIS'2014 (pp. 805- 814). Conference Proceedings, Vancouver: ACM Press, New York.
  19. McArdle, G., & Bertolotto, M. (2012). Assessing the application of three-dimensional collaborative technologies within an e-learning environment. Interactive Learning Environments, 20(1), 57-75. Journal Article.
  20. Molina, P. J., Meliá, S., & Pastor, O. (2002). Just-UI?: A User Interface Specification Model. In CADUI'2002 (pp. 63-74). Conference Proceedings, Dordrecht: Kluwer Acad. Pub.
  21. Raneburger, D. (2010). Interactive Model Driven Graphical User Interface Generation. In EICS 7810. Conference Proceedings, 321-324.
  22. Raneburger, D., Popp, R., & Vanderdonckt, J. (2012). An Automated Layout Approach for Model-Driven WIMP-UI Generation. In EICS 7812. Conference Proceedings.
  23. Rekimoto, J., Ishizawa, T., Schwesig, C., & Oba, H. (2003). PreSense: Interaction Techniques for Finger Sensing Input Devices. In UIST'2003 (pp. 203-212). Conference Proceedings, Vancouver: ACM Press.
  24. Schaefer, R. (2007). A Survey on Transformation Tools for Model Based User Interface Development. In Proceedings of the HCÚInternational (Vol. 4550, pp. 1178- 1187). Conference Proceedings, Beijing: Springer.
  25. Sedrakyan, G., & Snoeck, M. (2013). A PIM-to-Code requirements engineering framework. In Modelsward2013 (pp. 163-169). Conference Proceedings.
  26. Snoeck, M. (2014). Enterprise Information Systems Engineering: The MERODE Approach. Book, Springer.
  27. Terry, M., & Mynatt, E. D. (2002). Side Views: Persistent, On-demand Previews for Open-Ended Tasks. In UIST'2002 (pp. 71-80). Conference Proceedings, ACM Press, New York.
  28. Van Welie, M., & Traetteberg, H. (2000). Interaction patterns in user interfaces. In 7th. Pattern Languages of Programs Conference (pp. 13-16). CONF.

Paper Citation

in Harvard Style

Ruiz J., Serral E. and Snoeck M. (2017). UI-GEAR: User Interface Generation prEview capable to Adapt in Real-time . In Proceedings of the 5th International Conference on Model-Driven Engineering and Software Development - Volume 1: MODELSWARD, ISBN 978-989-758-210-3, pages 277-284. DOI: 10.5220/0006115402770284

in Bibtex Style

author={Jenny Ruiz and Estefania Serral and Monique Snoeck},
title={UI-GEAR: User Interface Generation prEview capable to Adapt in Real-time},
booktitle={Proceedings of the 5th International Conference on Model-Driven Engineering and Software Development - Volume 1: MODELSWARD,},

in EndNote Style

JO - Proceedings of the 5th International Conference on Model-Driven Engineering and Software Development - Volume 1: MODELSWARD,
TI - UI-GEAR: User Interface Generation prEview capable to Adapt in Real-time
SN - 978-989-758-210-3
AU - Ruiz J.
AU - Serral E.
AU - Snoeck M.
PY - 2017
SP - 277
EP - 284
DO - 10.5220/0006115402770284