Skip to main content
SpringerLink
Log in
Book cover

Future of Information and Communication Conference

FICC 2018: Advances in Information and Communication Networks pp 704–717Cite as

A Systematic Review of Adaptive and Responsive Design Approaches for World Wide Web

  • Conference paper
  • First Online:

Part of the book series: Advances in Intelligent Systems and Computing ((AISC,volume 887))

Abstract

World Wide Web (WWW) in today’s age is used on different devices. These devices communicate with each other thus creating a design problem of layouts and data mismatch. Consequently, there is a strong need of visualizing and envisioning web data with proper customization suiting different types of users. The purpose of this Systematic Literature Review (SLR) is to investigate the two widely used web based designs i.e. Adaptive Web Design (AWD) and Responsive Web Design (RWD). Particularly, a systematic literature review has been used to identify 58 research works, published during 2009–2017. Consequently, we identify 23 research works regarding AWD, 14 research works related to RWD and 21 research works pertaining to both AWD and RWD. Moreover, 4 significant tools and 13 leading techniques have been identified in the context of AWD and RWD implementation. Finally, significant aspects of two web development approaches (AWD and RWD) are also compared with the traditional web design. It has been concluded that the traditional web design is not sufficient to fulfill the needs of ever-growing web users all around the globe. Therefore, the combination of both AWD and RWD is essential to meet the technological advancements in WWW.

This is a preview of subscription content, log in via an institution.

Chapter
USD   29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD   149.00
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD   199.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Learn about institutional subscriptions

References

  1. Roberto, V.: AML: a modeling language for designing adaptive web applications. J. Pers. Ubiquit. Comput. 16(5), 527–541 (2012)

    Article  MathSciNet  Google Scholar 

  2. Stewart, C.B.: Making it work for everyone HTML5 and CSS Level3 for responsive accessible design on your library website. J. Libr. Inf. Serv. Distance Learn. 8(3–4), 118–136 (2014)

    Google Scholar 

  3. Changbo, K., Zhiqiu, H.: Self-adaptive semantic web service matching method. J. Knowl. Based Syst. 35, 41–48 (2012)

    Article  Google Scholar 

  4. Jia-Jiunn, L., Ya-Chen, C., Shiou-Wen, Y.: Designing an adaptive web-based learning system based on students’ cognitive styles identified online. J. Comput. Educ. 59(1), 209–222 (2012)

    Google Scholar 

  5. Zhenlong, L., Binghua C.: The design of adaptive web-learning system base on learning behavior monitoring. In: Proceedings of 7th International Conference on Computer Science and Education (ICCSE), Melbourne. IEEE (2012)

    Google Scholar 

  6. Manvi, A.D., Komal K.B.: Design of an ontology based adaptive crawler for hidden web. In: International Conference in Communication Systems and Network Technologies (CSNT 2013), Gwalior. IEEE (2013)

    Google Scholar 

  7. Carlos, G., Carlos, J., Ramon P.: Improving web cache performance via adaptive content fragmentation design. In: 10th IEEE International Symposium on Network Computing and Applications (NCA 2011), Cambridge. IEEE (2011)

    Google Scholar 

  8. Bin, Z.: Responsive design e-learning site transformation. In: 4th International Conference on Networking and Distributed Computing (ICNDC 2013), Los Angeles. IEEE (2013)

    Google Scholar 

  9. Bijan, B.G.: Culturally responsive educational web sites. J. Educ. Media Int. 37(3), 185–195 (2010)

    Google Scholar 

  10. Luca, L.: Formalising human mental workload as non-monotonic concept for adaptive and personalised web-design. In: International Conference on User Modeling, Adaptation, and Personalization (UMAP) 2012. LNCS, vol. 7379, pp 369–373. Springer (2012)

    Google Scholar 

  11. Nancy, R.G., Phil, S.: One site fits all: responsive web design. J. Electron. Resour. Med. Libr. 11(2), 78–90 (2014)

    Article  Google Scholar 

  12. Ioannis, M., Stavros, D., Anastasios, K.: Adaptive and intelligent systems for collaborative learning support: a review of the field. IEEE Trans. Learn. Technol. 4(1), 5–20 (2011)

    Article  Google Scholar 

  13. Mohorovičić, S.: Implementing responsive web design for enhanced web presence. In: 36th International Convention on Information and Communication Technology Electronics and Microelectronics (MIPRO 2013), Opatija. IEEE (2013)

    Google Scholar 

  14. Jari-Pekka, V., Jaakko, S., Tommi M.: On the design of a responsive user interface for a multi-device web service. In: 2nd ACM International Conference on Mobile Software Engineering and Systems (MOBILEsoft 2015), Florence. ACM (2015)

    Google Scholar 

  15. Mohammed, S., Mohammed, R., Mostafa, B.: Towards minimizing author’s effort during designing the domain model of adaptive web-based educational system. In: 8th International Conference on Intelligent Systems: Theories and Applications (SITA 2013), Rabat. IEEE (2013)

    Google Scholar 

  16. Gu, W., Liu, J.: Web-based adaptive intelligent learning system design and implementation. In: International Conference on Information, Networking and Automation (ICINA), Kunming. IEEE (2010)

    Google Scholar 

  17. Aqueasha, M.H., Abdullah, A., Catherine, H., Amy K.H.: Understanding design considerations for adaptive user interfaces for accessible pointing with older and younger adults. In: Proceedings of the 12th Web for All Conference (W4A 2015), New York. ACM (2015)

    Google Scholar 

  18. Ramón, H., José, B.: Towards the ubiquitous visualization: adaptive user-interfaces based on the semantic web. J. Interact. Comput. 23, 40–56 (2011)

    Article  Google Scholar 

  19. Vlad, S., Yu, Y.: Experiences designing hypermedia-driven and self-adaptive web-based AR authoring tools. In: Proceedings of the Third International Workshop on RESTful Design (WS-REST 2012), New York. ACM (2012)

    Google Scholar 

  20. Federica, C., Antonina, D., Pasquale, L., Julita, V.: Perspectives in semantic adaptive social web. ACM Trans. Intell. Syst. Technol. (TIST) 4(4), 59 (2013)

    Google Scholar 

  21. Bilal, L.B., Gede, P., Halizah, B.B.: ULUL-ILM the design of web-based adaptive educational hypermedia system based on learning style. In: 13th International Conference on Intelligent Systems Design and Applications (ISDA 2013), Bangi. IEEE (2013)

    Google Scholar 

  22. Liu, X., Han, H.: The design and realization of web-based adaptive learning system. In: 2nd International Conference on Networking and Digital Society (ICNDS 2010), Wenzhou. IEEE (2010)

    Google Scholar 

  23. Wei, J., Meng, Z., Bin, Z., Yujian, J., Yingwei, Z.: Responsive web design mode and application. In: IEEE Workshop on Advanced Research and Technology in Industry Applications (WARTIA 2014), Ottawa. IEEE (2014)

    Google Scholar 

  24. Jeonghyun, L., Imsu, L., Iseul, K., Hyejin, Y., Jongwon, L., Mansung, J., Hyenki, K.: Responsive web design according to the resolution. In: 8th International Conference on u- and e-Service, Science and Technology (UNESST 2015), Jeju. IEEE (2015)

    Google Scholar 

  25. Jacob, D., Bert, V., Tele, T.: Enhancing accessibility to web mapping systems with technology aligned adaptive profiles. Int. J. Dig. Earth 7(4), 256–278 (2014)

    Article  Google Scholar 

  26. Fabio, P., Christian, S.: Model-based customizable adaptation of web applications for vocal browsing. In: Proceedings of the 29th ACM International Conference on Design of Communication (SIGDOC 2011), pp. 83–90, Pisa. ACM (2011)

    Google Scholar 

  27. Anne, S.: Responsive web design for libraries A LITA guide. J. Hosp. Librariansh. 64(2), 159–160 (2015)

    Google Scholar 

  28. Eva, H., Paul, K., Steven, L., Norbert, S.: Responsive Web Design. Elsevier, Amsterdam (2011)

    Google Scholar 

  29. Ezwan, S.A.M., Zulkefli, M., Norfadillah, K.: Adaptation of usability principles in responsive web design technique for e-commerce development. In: 5th International Conference on Electrical Engineering and Informatics (ICEEI 2015), Denpasar. IEEE (2015)

    Google Scholar 

  30. Wang, H., Liu, X.: Adaptive site design based on web mining and topology. In: World Congress on Computer Science and Information Engineering WRI 2009, Los Angeles. IEEE (2009)

    Google Scholar 

  31. Katerina, P., Stephanos, M.: Developing adaptive e-Learning systems based on Web 2.0. In: International Conference on Information Society (i-Society 2012), London. IEEE (2012)

    Google Scholar 

  32. Guo, L., Hua, Q.Y., Wang, P., Yu, K., Wang, K., Xu, J.: A model-based responsive web user interface. In: 6th International Conference on Software Engineering and Service Science (ICSESS 2015), Beijing. IEEE (2015)

    Google Scholar 

  33. Evgeny, K., Paul, D.B., Mykola, P.: AH 12 years later: a comprehensive survey of adaptive hypermedia methods and techniques. J. New Rev. Hypermed. Multimed. 15(1), 5–38 (2009)

    Article  Google Scholar 

  34. Yoann, B., Marianne, H., Michel, M.: Reconciling user and designer preferences in adapting web pages for people with low vision. In: Proceedings of the 12th Web for All Conference (W4A 2015), Florence. ACM (2015)

    Google Scholar 

  35. Kunyanuth, K., Pubet, K., Pattarapan, R.: Developing an adaptive web-based intelligent tutoring system using mastery learning technique. Procedia Soc. Behav. Sci. 191, 686–691 (2015)

    Article  Google Scholar 

  36. Quan, Z.S., Boualem, B., Zakaria, M., Anne, H.N.: Configurable composition and adaptive provisioning of web services. IEEE Trans. Serv. Comput. 2(1), 34–49 (2009)

    Article  Google Scholar 

  37. Jàn, A.: Beyond adaptive web design. IEEE (2014)

    Google Scholar 

  38. Bujar, R., Mexhid, F., Xhemal, Z., Jaumin, A., Florije, I.: Methods and techniques of adaptive web accessibility for the blind and visually impaired. Procedia Soc. Behav. Sci. 195, 1999–2007 (2015)

    Google Scholar 

  39. Bo, M., Bin, C., Xiaoying, B., Junfei, H.: Design of BDI agent for adaptive performance testing of web services. In: Proceedings of 10th International Conference on Quality Software, Zhangjiajie. IEEE (2010)

    Google Scholar 

  40. Meltem, H.B., Murat, B.: Responsive web design-a new type of design for web-based instructional content. Procedia Soc. Behav. Sci. 106, 2275–2279 (2013)

    Article  Google Scholar 

  41. Jian, Y., Quan, Z.S., Joshua, K.Y.S., Han, J., Liu, C., Noor, T.N.: Model-driven development of adaptive web service processes with aspects and rules. J. Comput. Syst. Sci. 81, 533–552 (2015)

    Article  Google Scholar 

  42. Cristóbal, R., Sebastián, V., Amelia, Z., de Paul, B.: Applying web usage mining for personalizing hyperlinks in web-based adaptive educational systems. J. Comput. Educ. 53, 828–840 (2009)

    Article  Google Scholar 

  43. Nicolas, P., Toni, M., Josep, L.B., Ricard, G., Jordi, T.: Self-adaptive utility-based web session management. J. Comput. Netw. 53, 1712–1721 (2009)

    Article  Google Scholar 

  44. Evangelos, S., Antoniou, D., Poulia, A., Athanasios, T.: A web personalizing technique using adaptive data structures: the case of bursts in web visits. J. Syst. Softw. 83(11), 2200–2210 (2010)

    Article  Google Scholar 

  45. Quang-Dung, V., Danh-Viet, V., Ha-Thanh, N.P.B., Viet-Ha, N., Nobuyasu, N.: Adaptive web page layout for mobile devices. In: International Conference on Computing, Management and Telecommunications (ComManTel 2014), Da Nang. IEEE (2014)

    Google Scholar 

  46. Sowmya, S., Ravitheja, T., Joy, B.: Rendering on browsers responsive to user head. In: Annual India Conference (INDICON 2014), Pune. IEEE (2014)

    Google Scholar 

  47. Shengbo, C., Huaikou, M., Bo, S., Yihai, C.: Towards practical modeling of web applications and generating tests. In: IEEE 4th International Symposium on Theoretical Aspects of Software Engineering (TASE 2010), Taipei. IEEE (2010)

    Google Scholar 

  48. Sowmya, S., Ravitheja, T., Joy, B.: Responsive, adaptive and user personalized rendering on mobile browsers. In: International Conference on Advances in Computing, Communications and Informatics (ICACCI 2014), New Delhi. IEEE (2014)

    Google Scholar 

  49. Stephen, S.Y., Nong, Y., Hessam, S.S., Dazhi, H., Auttawut, R., Mustafa, G.B., Mohammed, A.M.: Toward development of adaptive service-based software systems. IEEE Trans. Serv. Comput. 2(3), 247–260 (2009)

    Article  Google Scholar 

  50. Tiago, C.N., Deller, J.F., Sérgio, T.C., Luciana, O.B.: Evaluating responsive web design’s impact on blind users. IEEE Multimedia 24(2), 86–95 (2017)

    Article  Google Scholar 

  51. Maryam, A.A., John, H.C., Carla, B.Z., Dimitrios, P.: An adaptive educational web application for engineering students. IEEE Access 5, 359–365 (2017)

    Article  Google Scholar 

  52. Wenhui, P., Yaling, Z.: The design and research of responsive web supporting mobile learning devices. In: International Symposium on Educational Technology (ISET 2015), Wuhan. IEEE (2015)

    Google Scholar 

  53. Yahya, M.T., Majd, S., Manar, F., Walaa, S., Mohammad, A.A.: Adaptive e-learning web-based English tutor using data mining techniques and Jackson’s learning styles. In: 8th International Conference on Information and Communication Systems (ICICS 2017), Irbid. IEEE (2017)

    Google Scholar 

  54. Yingzi, L., Jeffrey, B., Mura, I., David, S.: An adaptive interface design (AID) for enhanced computer accessibility and rehabilitation. Int. J. Hum. Comput. Stud. 98(C), 14–23 (2017)

    Google Scholar 

  55. Xuan-zhe, L., Mengwei, X., Teng, T., Gang, H., Hong, M.: MUIT: a domain-specific language and its middleware for adaptive mobile web-based user interfaces in WS-BPEL. IEEE Trans. Serv. Comput. PP(99), 1 (2016)

    Google Scholar 

  56. Azlan, Y., Moamin, A.M., Mohd, S.A.: A conceptual multi-agent semantic web model of a self-adaptive website for intelligent strategic marketing in learning institutions. In: 2nd International Symposium on Agent, Multi-Agent Systems and Robotics (ISAMSR 2016), Bangi. IEEE (2016)

    Google Scholar 

  57. Tilman, D., Ted, S.: On the importance of spatial perception for the design of adaptive user interfaces. In: IEEE 10th International Conference on Self-Adaptive and Self-Organizing Systems (SASO 2016), Augsburg. IEEE (2016)

    Google Scholar 

  58. Kitchenham, B: Procedures for Performing Systematic Reviews, Keele University TR/SE-0401/NICTA, Technical Report 0400011T (2004)

    Google Scholar 

  59. Brusilovsky, P.: Adaptive Hypermedia (2001)

    Google Scholar 

  60. Search Process Search terms. http://ceme.nust.edu.pk/ISEGROUP/Resources/slra/slr.html

Download references

Author information

Authors and Affiliations

  1. Department of Computer and Software Engineering, College of Electrical and Mechanical Engineering (EME), National University of Sciences and Technology (NUST), Islamabad, Pakistan

    Nazish Yousaf, Wasi Haider Butt, Farooque Azam & Muhammad Waseem Anwar

Authors
  1. Nazish Yousaf
    View author publications

    You can also search for this author in PubMed Google Scholar

  2. Wasi Haider Butt
    View author publications

    You can also search for this author in PubMed Google Scholar

  3. Farooque Azam
    View author publications

    You can also search for this author in PubMed Google Scholar

  4. Muhammad Waseem Anwar
    View author publications

    You can also search for this author in PubMed Google Scholar

Corresponding author

Correspondence to Nazish Yousaf .

Editor information

Editors and Affiliations

  1. Faculty of Science and Engineering, Saga University, Saga, Japan

    Kohei Arai

  2. The Science and Information (SAI) Organization, Bradford, West Yorkshire, UK

    Supriya Kapoor

  3. The Science and Information (SAI) Organization, New Delhi, India

    Rahul Bhatia

Rights and permissions

Reprints and permissions

Copyright information

© 2019 Springer Nature Switzerland AG

About this paper

Check for updates. Verify currency and authenticity via CrossMark

Cite this paper

Yousaf, N., Butt, W.H., Azam, F., Anwar, M.W. (2019). A Systematic Review of Adaptive and Responsive Design Approaches for World Wide Web. In: Arai, K., Kapoor, S., Bhatia, R. (eds) Advances in Information and Communication Networks. FICC 2018. Advances in Intelligent Systems and Computing, vol 887. Springer, Cham. https://doi.org/10.1007/978-3-030-03405-4_50

Download citation

  • DOI: https://doi.org/10.1007/978-3-030-03405-4_50

  • Published:

  • Publisher Name: Springer, Cham

  • Print ISBN: 978-3-030-03404-7

  • Online ISBN: 978-3-030-03405-4

  • eBook Packages: EngineeringEngineering (R0)

Publish with us

Policies and ethics

Search

Navigation