Structuring Guidelines for Web Application Designers - A Meta-model

Anh Do Tuan, Isabelle Comyn-Wattiau, Samira Si-Saïd Cherfi


Companies develop and maintain complex web sites. Literature provides them with many guidelines for these tasks. However this knowledge is disseminated in many information sources and difficult to apply. This paper is an attempt to address the following research question: How to structure the existing guidelines helping website designers in order to facilitate their application? The contribution is twofold: i) we propose a meta-model allowing a rich representation of these guidelines, ii) we feed this model with several hundreds of guidelines thanks to a deep extraction and structuration. Future research will consist in enriching the UWE (UML-based Web Engineering) method with this knowledge base leading to a quality based approach.


  1. Acerbis, R., Bongio, A., Brambilla, M., & Butti, S. (2007). Webratio 5: An eclipse-based case tool for engineering web applications. In Web Engineering (pp. 501-505). Springer Berlin Heidelberg.
  2. AgeLight LCC, 2001. Interface design guidelines for users of all ages. Technical report, 2001.
  3. Aragon, G., Escalona, M.J., Lang, M., Hilera J., 2013. An Analysis of Model-Driven Web Engineering Methodologies. International Journal of Innovative Computing, Information and Control Volume 9, Number 1, January 2013.
  4. Bargas-Avila, J.A., Brenzikofer, O., Roth, S.P., Tuch, A.N., Orsini, S., Opwis, K., 2010. Simple but Crucial User Interfaces in the World Wide Web: Introducing 20 Guidelines for Usable Web Form Design. In User Interfaces, Rita Matrai (Ed.), InTech, 2010.
  5. Bloch, M., Blumberg, S., Laartz, J., 2013. Delivering large-scale IT projects on time, on budget, and on value. McKinsey on Finance Number 45, Winter 2013, pp 28 - 35.
  6. Ceri, S., Fraternali, P., & Bongio, A. (2000). Web Modeling Language (WebML): a modeling language for designing Web sites. Computer Networks, 33(1), 137-157.
  7. Chiuchi, C.A., de Souza, R.C.G., Santos, A.B., Valêncio, C.R., 2011. Efficiency and portability: guidelines to develop websites. Software Engineering and Knowledge Engineering 2011: Miami Beach, USA, pp. 37 - 41.
  8. Ekberg, J., Ericson, L., Timpka, T., Eriksson, H., Nordfeldt, S., Hanberger, L., Ludvigsson, J., 2010. Web 2.0 Systems Supporting Childhood Chronic Disease Management: Design Guidelines Based on Information Behaviour and Social Learning Theories. Journal of Medical Systems April 2010, Volume 34, Issue 2, pp 107-117.
  9. Harrison, N.B., Avgeriou, P., Zdun, U., 2007. Using Patterns to Capture Architectural Decisions. IEEE Software, Vol 24(4), 2007, pp. 38-45.
  10. Hennicker, R., & Koch, N. (2000). A UML-based methodology for hypermedia design. In « UML» 2000-The Unified Modeling Language (pp. 410-424). Springer Berlin Heidelberg.
  11. Khlaisang, J., 2015. Research-based Guidelines for Evaluating Educational Service Website: Case Study of Thailand Cyber University Project. Procedia - Social and Behavioral Sciences, Volume 174, February 2015, pp. 751-758.
  12. Krigsman, M., 2008. Research: 25 percent of web projects fail., May 2008.
  13. Leuthold, S., Bargas-Avila, J.A., Opwis, K., 2008. Beyond web content accessibility guidelines: Design of enhanced text user interfaces for blind internet users. International Journal of Human Computer Studies, Volume 66, Number 4, April 2008, pp. 257-270.
  14. Lokman, A.M., Noor, N.L., Nagamachi, M., 2009. ExpertKanseiWeb: A Tool to Design Kansei Website. Enterprise Information Systems, 11th International Con-ference, ICEIS 2009, Milan, Italy, May 6-10, 2009: pp. 894-905.
  15. Microsoft Developer Network. Chapter 4 - design guidelines for secure web applications. en-us/library/ff648647.aspx .
  16. Ministry of Community and Social Services of Ontario, 2012. Making your website more accessible. Queen's Printer for Ontario, 2012. mcss/publications/accessON/accessible_websites/toc.aspx
  17. Ozok, A., Salvendy, G., 2004. Twenty guidelines for the design of Web-based interfaces with consistent language. Computers in Human Behavior. Vol. 20(2), 149-161 (2004).
  18. Maguire, M., 2011. Guidelines on Website Design and Colour Selection for International Acceptance. HCI International 2011, pp. 162-171, 2011.
  19. Meloncon, L., Haynes, E., Varelmann, M., Groh, L., 2010. Building a Playground: General Guidelines for Creating Educational Web Sites for Children. Technical Communication, 57(4):398-415, 2010.
  20. Radosav, D., Karuovic, D., Markoski, B., Ivankovic, Z., 2011. Guidelines on accessible web portal design. 2011 IEEE 12th International Symposium on Computational Intelligence and Informatics (CINTI), 21-22 Nov. 2011, pp. 297 - 302.
  21. Sloan, D., Heath, A., Hamilton, F., Kelly, B., Petrie, H., Phipps, L., 2006. Contextual web accessibility, maximizing the benefit of accessibility guidelines. Proceeding W4A 7806 Proceedings of the 2006 international cross-disciplinary workshop on Web accessibility (W4A): Building the mobile web: rediscovering accessibility? Pages 121-131.
  22. Sun, Z., Zhao, Y., 2010. The preliminary construction of accessibility design guidelines of learning website for old people. International Workshop on Education Technology and Computer Science, pages 612-615, 2010.
  23. Schwabe, D., & Rossi, G. (1995). The object-oriented hypermedia design model. Communications of the ACM, 38(8), 45-46.
  24. Trulock, V., & Hetherington, R. (2008). Assessing the Progress of Implementing Web Accessibility-An Irish Case Study. In ICEIS (5) (pp. 105-111).
  25. U.S. Department of Health and Human Services, U.S. General Services Administration, 2006. ResearchBased Web Design & Usability Guidelines.
  26. Web Accessibility Initiative (WAI), 2008. Web Content Accessibility Guidelines (WCAG) Overview. http:// www.
  27. Xie, B., Watkins, I., Huang, M., 2011. Making web-based multimedia health tutorials senior-friendly: design and training guidelines. iConference 2011: Seattle, Washington, USA, February 8-11, 2011, pp. 230-237.
  28. 20 Provide a site-map Operability
  29. 21 aSneadrccohrerencgtinmeisshsopuelldledhafvuenctotiocnheck Operability
  30. 30 cCroeantseid'semrpalalg'epadgoews nload speed -
  31. 31 Do not require 'double clicks' All images should be JPGs, GIFs or
  32. 32 PGNraGpsh.icJsPsGhsoualrde uusseedGfIoFr porhoPtNosG. formats Images have a resolution of 72 dpi
  33. 33 and are in either RGB or indexed color modes Adaptability Links should be relevant text. Do
  34. 36 not link words like "here" "this page" etc. Operability
  35. 48 bMroawinnb,ancoktglrioguhntdblcuoelor should be Including hyperlinks within longer
  36. 55 pages so viewers can “jump” with a single click Accessibility
  37. 76 fSlhuooureldscneontceusoer evxibcerapntitocnoallolyrsbright,
  38. 95 Amracinhtivaienoinldg tahrteicalcetsu,awlphialgee URL Trying to link to sites at the highest
  39. 99 possible level, in the case "page not found" Fault tolerance

Paper Citation

in Harvard Style

Tuan A., Comyn-Wattiau I. and Si-Saïd Cherfi S. (2016). Structuring Guidelines for Web Application Designers - A Meta-model . In Proceedings of the 18th International Conference on Enterprise Information Systems - Volume 1: ICEIS, ISBN 978-989-758-187-8, pages 327-335. DOI: 10.5220/0005835703270335

in Bibtex Style

author={Anh Do Tuan and Isabelle Comyn-Wattiau and Samira Si-Saïd Cherfi},
title={Structuring Guidelines for Web Application Designers - A Meta-model},
booktitle={Proceedings of the 18th International Conference on Enterprise Information Systems - Volume 1: ICEIS,},

in EndNote Style

JO - Proceedings of the 18th International Conference on Enterprise Information Systems - Volume 1: ICEIS,
TI - Structuring Guidelines for Web Application Designers - A Meta-model
SN - 978-989-758-187-8
AU - Tuan A.
AU - Comyn-Wattiau I.
AU - Si-Saïd Cherfi S.
PY - 2016
SP - 327
EP - 335
DO - 10.5220/0005835703270335