Guidelines for Web Application Designers: A Meta-Model, a Grammar, and a Tool

  • Anh Do Tuan
  • Isabelle Comyn-Wattiau
  • Samira Si-saïd Cherfi
Conference paper
Part of the Lecture Notes in Business Information Processing book series (LNBIP, volume 291)


Web application developers are not all experts. Even if they use methods such as UWE (UML web engineering) and CASE tools, they are not always able to make good decisions regarding the content of the web application, the navigation schema, and/or the presentation of information. Literature provides them with many guidelines for these tasks. However this knowledge is disseminated in many sources and not structured. In this paper, we perform a knowledge capitalization of all these guidelines. The contribution is threefold: (i) we propose a meta-model allowing a rich representation of these guidelines, (ii) we propose a grammar enabling the description of existing guidelines, (iii) based on this grammar, we developed a guideline management tool. Future research will consist in enriching the UWE method with this knowledge base leading to a quality based approach. Thus, our tool enriches existing UWE-based Computer Aided Software Engineering prototypes with ad hoc guidance.


Web application design Guideline Meta-model Quality characteristic Knowledge capitalization Grammar Tool 



We want to thank the colleagues who helped us improve our paper, by their comments during the ICEIS presentation.


  1. 1.
  2. 2.
    Bloch, M., Blumberg, S., Laartz, J.: Delivering large-scale IT projects on time, on budget, and on value. McKinsey Financ. Number 45(Winter), 28–35 (2013)Google Scholar
  3. 3.
    Trulock, V., Hetherington, R.: Assessing the progress of implementing web accessibility-an irish case study. In: 10th International Conference on Enterprise Information Systems (ICEIS), pp. 105–111 (2008)Google Scholar
  4. 4.
    AgeLight LCC: Interface design guidelines for users of all ages. Technical report (2001)Google Scholar
  5. 5.
    Xie, B., Watkins, I., Huang, M.: Making web-based multimedia health tutorials senior-friendly: design and training guidelines. In: iConference Seattle, Washington, USA, pp. 230–237 (2011)Google Scholar
  6. 6.
    Sun, Z., Zhao, Y.: The preliminary construction of accessibility design guidelines of learning website for old people. In: International Workshop on Education Technology and Computer Science, pp. 612–615 (2010)Google Scholar
  7. 7.
    Meloncon, L., Haynes, E., Varelmann, M., Groh, L.: Building a playground: general guidelines for creating educational web sites for children. Tech. Commun. 57(4), 398–415 (2010)Google Scholar
  8. 8.
    Maguire, M.C.: Guidelines on website design and colour selection for international acceptance. In: Marcus, A. (ed.) DUXU 2011. LNCS, vol. 6769, pp. 162–171. Springer, Heidelberg (2011). doi: 10.1007/978-3-642-21675-6_19 CrossRefGoogle Scholar
  9. 9.
    Chiuchi, C.A., de Souza, R.C.G., Santos, A.B., Valêncio, C.R.: Efficiency and portability: guidelines to develop websites. In: Software Engineering and Knowledge Engineering, Miami Beach, USA, pp. 37–41 (2011)Google Scholar
  10. 10.
    Radosav, D., Karuovic, D., Markoski, B., Ivankovic, Z.: Guidelines on accessible web portal design. In: 2011 IEEE 12th International Symposium on Computational Intelligence and Informatics (CINTI), pp. 297–302 (2011)Google Scholar
  11. 11.
    U.S. Department of Health and Human Services: U.S. General Services Administration. Research-Based Web Design & Usability Guidelines (2006)Google Scholar
  12. 12.
    Bargas-Avila, J.A., Brenzikofer, O., Roth, S.P., Tuch, A.N., Orsini, S., Opwis, K.: Simple but crucial user interfaces in the world wide web: introducing 20 guidelines for usable web form design. In: Matrai. R (ed.) User Interfaces. InTech (2010)Google Scholar
  13. 13.
    Leuthold, S., Bargas-Avila, J.A., Opwis, K.: Beyond web content accessibility guidelines: design of enhanced text user interfaces for blind internet users. Int. J. Hum Comput Stud. 66(4), 257–270 (2008)CrossRefGoogle Scholar
  14. 14.
    Lokman, A.M., Noor, N.L.M., Nagamachi, M.: ExpertKanseiWeb: a tool to design kansei website. In: Filipe, J., Cordeiro, J. (eds.) ICEIS 2009. LNBIP, vol. 24, pp. 894–905. Springer, Heidelberg (2009). doi: 10.1007/978-3-642-01347-8_74 CrossRefGoogle Scholar
  15. 15.
    Microsoft Developer Network: Chapter 4 - design guidelines for secure web applications.
  16. 16.
    Ministry of Community and Social Services of Ontario: Making your website more accessible. Queen’s Printer for Ontario (2012).
  17. 17.
    Ozok, A., Salvendy, G.: Twenty guidelines for the design of Web-based interfaces with consistent language. Comput. Hum. Behav. 20(2), 149–161 (2004)CrossRefGoogle Scholar
  18. 18.
  19. 19.
    Schwabe, D., Rossi, G.: The object-oriented hypermedia design model. Commun. ACM 38(8), 45–46 (1995)CrossRefGoogle Scholar
  20. 20.
    Ceri, S., Fraternali, P., Bongio, A.: Web modeling language (WebML): a modeling language for designing Web sites. Comput. Netw. 33(1), 137–157 (2000)CrossRefGoogle Scholar
  21. 21.
    Acerbis, R., Bongio, A., Brambilla, M., Butti, S.: WebRatio 5: an eclipse-based CASE tool for engineering web applications. In: Baresi, L., Fraternali, P., Houben, G.-J. (eds.) ICWE 2007. LNCS, vol. 4607, pp. 501–505. Springer, Heidelberg (2007). doi: 10.1007/978-3-540-73597-7_44 CrossRefGoogle Scholar
  22. 22.
    Hennicker, R., Koch, N.: A UML-based methodology for hypermedia design. In: Evans, A., Kent, S., Selic, B. (eds.) UML 2000. LNCS, vol. 1939, pp. 410–424. Springer, Heidelberg (2000). doi: 10.1007/3-540-40011-7_30 CrossRefGoogle Scholar
  23. 23.
    Aragon, G., Escalona, M.J., Lang, M., Hilera, J.: An analysis of model-driven web engineering methodologies. Int. J. Innov. Comput. Inf. Control 9(1), 413–436 (2013)Google Scholar
  24. 24.
    Ekberg, J., Ericson, L., Timpka, T., Eriksson, H., Nordfeldt, S., Hanberger, L., Ludvigsson, J.: Web 2.0 systems supporting childhood chronic disease management: design guidelines based on information behaviour and social learning theories. J. Med. Syst. 34(2), 107–117 (2010)CrossRefGoogle Scholar
  25. 25.
    Harrison, N.B., Avgeriou, P., Zdun, U.: Using patterns to capture architectural decisions. IEEE Softw. 24(4), 38–45 (2007)CrossRefGoogle Scholar
  26. 26.
    Pohl, K.: Requirements Engineering - Fundamentals, Principles, and Techniques. Springer, Heidelberg (2010). pp. I-XVII, 1-813. ISBN 978-3-642-12577-5CrossRefGoogle Scholar
  27. 27.
    Marcotty, M., Ledgard, H.: The World of Programming Languages. Springer, Berlin (1986). p. 41 and following (1986)zbMATHGoogle Scholar
  28. 28.
    Yujian, L., Bo, L.: A normalized Levenshtein distance metric. IEEE Trans. Pattern Anal. Mach. Intell. 29(6), 1091–1095 (2007)CrossRefGoogle Scholar
  29. 29.
    Web Accessibility Initiative (WAI): Web Content Accessibility Guidelines (WCAG) Overview (2008).
  30. 30.
    Khlaisang, J.: Research-based guidelines for evaluating educational service website: case study of thailand cyber university project. Procedia – Soc. Behav. Sci. 174, 751–758 (2015)CrossRefGoogle Scholar
  31. 31.
    Sloan, D., Heath, A., Hamilton, F., Kelly, B., Petrie, H., Phipps, L.: Contextual web accessibility, maximizing the benefit of accessibility guidelines. In: W4A 2006 Proceedings of the 2006 International Cross-Disciplinary Workshop on Web Accessibility (W4A): Building the Mobile Web: Rediscovering Accessibility?, pp. 121–131 (2006)Google Scholar

Copyright information

© Springer International Publishing AG 2017

Authors and Affiliations

  • Anh Do Tuan
    • 1
  • Isabelle Comyn-Wattiau
    • 1
    • 2
  • Samira Si-saïd Cherfi
    • 1
  1. 1.CEDRIC-CNAMParis CedexFrance
  2. 2.ESSEC Business SchoolCergy CedexFrance

Personalised recommendations