User Interface Design for Responsive Web Applications

Hernán Casalánguida, Juan Eduardo Durán


The design of web applications that adapt to different kinds of devices is now a necessity. The responsive web design (RWD) is an actual approach to this problem. There exists a large quantity of responsive frameworks (RF) for developing RWDs. In particular for the domain of Rich internet applications and for the adaptation of applications to different kinds of devices we have found a few adaptive design approaches that start with abstract user interface (UI) models; however, such approaches did not take into account the use of RFs. The problem of defining a development process from an abstract UI model to a RF is interesting due to some reasons; a good process should consider: an abstract UI model whose elements are abstractions for RF widgets, the use of tools for RFs that generate part of the final UI code, the use of model transformations to map abstract UI elements onto widgets of the RF. In this paper we created an abstract UI model called RIAAD2 that considers abstractions for all the UI elements of a selected set of RFs, and we developed a process for the creation of a final UI using a RF that considers the above requirements.


  1. Casalánguida, H. and Durán, J. E., 2013. A Method for Integrating Process Description and User Interface Use During Design of RIA Applications. In ICWE'13, 13th Intl. Conf. on Web Engineering. Springer Verlag.
  2. Cirilo, C. E.; do Prado, A. F.; Lopes de Souza, W. and Martinez Zaina, L. A., 2012. Building Adaptive Rich Interfaces for Interactive Ubiquitous Applica-tions. "Interactive Multimedia", edited by Ioannis Deliyannis, ISBN 978-953-51-0224-3, Charpter 11.
  3. Clarissa Peterson, C., 2014. Learning Responsive Web Design. O'Reilly Media, Inc. ISBN: 9781449362942.
  4. Cockburn, A., 2002. Agile Software Development. Boston, Addison-Wesley.
  5. Dos Santos Rosado da Cruz A., M., R., 2010. Automatic Generation of User Interfaces from Rigorous Domain and Use Case Models. Ph-D Thesis, Departamento de Engenharia Informática, Faculdade de Engenharia da Universidade do Porto.
  6. Ghiani, G., Manca, M., Paternò. F., Porta, C., 2014. Beyond Responsive Design: Context-Dependent Multimodal Augmentation of Web Applications. MobiWIS 2014: 71-85.
  7. Kozuruba, S., 2010. Modellbasierte Anforderungs-analyse für die Entwicklung von adaptiven RIAs. Institut für Informatik Ludwig-Maximilians-Universität München, DiplomArbeit.
  8. Limbourgh, Q., 2004. Multi-Path Development of User Interfaces. PhD-Thesis. Université catholique de Louvain.
  9. Manca, M., Paternò. F., Santoro, C., Spano, L., D., 2013. Generation of Multi-Device Adaptive MultiModal Web Applications. MobiWIS 2013: 218-232.
  10. Paternò, F., Santoro, C., Spano. L. D., 2009. MARIA: A universal, declarative, multiple abstraction-level language for service-oriented applications in ubiquitous environments. ACM Trans. Comput.-Hum. Interact., 16(4):1-30.
  11. Puerta, A. R., 1997. A Model-Based Interface Development Environment, in IEEE Software 14(4), pp. 41-47.
  12. Sossou, U., Shenoy, A., 2014. Learning Bootstrap. Packt Publishing. ISBN: 9781782161844.
  13. Thevenin, D., 2001. Adaptation en Interaction Homme Machine: le cas de la Plasticité, Ph.D. thesis, Université Joseph Fourrier, Grenoble.
  14. Valverde Giromé, F., 2010. OOWS 2.0: Un Método De Ingeniería Web Dirigido Por Modelos Para La Producción De Aplicaciones WEB 2.0. PhD Thesis.

Paper Citation

in Harvard Style

Casalánguida H. and Eduardo Durán J. (2015). User Interface Design for Responsive Web Applications . In Proceedings of the 11th International Conference on Web Information Systems and Technologies - Volume 1: WEBIST, ISBN 978-989-758-106-9, pages 104-111. DOI: 10.5220/0005454101040111

in Bibtex Style

author={Hernán Casalánguida and Juan Eduardo Durán},
title={User Interface Design for Responsive Web Applications},
booktitle={Proceedings of the 11th International Conference on Web Information Systems and Technologies - Volume 1: WEBIST,},

in EndNote Style

JO - Proceedings of the 11th International Conference on Web Information Systems and Technologies - Volume 1: WEBIST,
TI - User Interface Design for Responsive Web Applications
SN - 978-989-758-106-9
AU - Casalánguida H.
AU - Eduardo Durán J.
PY - 2015
SP - 104
EP - 111
DO - 10.5220/0005454101040111