Advertisement

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

  • Nazish YousafEmail author
  • Wasi Haider Butt
  • Farooque Azam
  • Muhammad Waseem Anwar
Conference paper
Part of the Advances in Intelligent Systems and Computing book series (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.

Keywords

World Wide Web (WWW) Web development Adaptive web design Responsive web design Web responsiveness 

References

  1. 1.
    Roberto, V.: AML: a modeling language for designing adaptive web applications. J. Pers. Ubiquit. Comput. 16(5), 527–541 (2012)MathSciNetCrossRefGoogle Scholar
  2. 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. 3.
    Changbo, K., Zhiqiu, H.: Self-adaptive semantic web service matching method. J. Knowl. Based Syst. 35, 41–48 (2012)CrossRefGoogle Scholar
  4. 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. 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. 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. 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. 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. 9.
    Bijan, B.G.: Culturally responsive educational web sites. J. Educ. Media Int. 37(3), 185–195 (2010)Google Scholar
  10. 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. 11.
    Nancy, R.G., Phil, S.: One site fits all: responsive web design. J. Electron. Resour. Med. Libr. 11(2), 78–90 (2014)CrossRefGoogle Scholar
  12. 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)CrossRefGoogle Scholar
  13. 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. 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. 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. 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. 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. 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)CrossRefGoogle Scholar
  19. 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. 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. 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. 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. 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. 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. 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)CrossRefGoogle Scholar
  26. 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. 27.
    Anne, S.: Responsive web design for libraries A LITA guide. J. Hosp. Librariansh. 64(2), 159–160 (2015)MathSciNetGoogle Scholar
  28. 28.
    Eva, H., Paul, K., Steven, L., Norbert, S.: Responsive Web Design. Elsevier, Amsterdam (2011)Google Scholar
  29. 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. 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. 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. 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. 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)CrossRefGoogle Scholar
  34. 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. 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)CrossRefGoogle Scholar
  36. 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)CrossRefGoogle Scholar
  37. 37.
    Jàn, A.: Beyond adaptive web design. IEEE (2014)Google Scholar
  38. 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. 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. 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)CrossRefGoogle Scholar
  41. 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)CrossRefGoogle Scholar
  42. 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)CrossRefGoogle Scholar
  43. 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)CrossRefGoogle Scholar
  44. 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)CrossRefGoogle Scholar
  45. 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. 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. 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. 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. 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)CrossRefGoogle Scholar
  50. 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)CrossRefGoogle Scholar
  51. 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)CrossRefGoogle Scholar
  52. 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. 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. 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. 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. 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. 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. 58.
    Kitchenham, B: Procedures for Performing Systematic Reviews, Keele University TR/SE-0401/NICTA, Technical Report 0400011T (2004)Google Scholar
  59. 59.
    Brusilovsky, P.: Adaptive Hypermedia (2001)Google Scholar
  60. 60.

Copyright information

© Springer Nature Switzerland AG 2019

Authors and Affiliations

  • Nazish Yousaf
    • 1
    Email author
  • Wasi Haider Butt
    • 1
  • Farooque Azam
    • 1
  • Muhammad Waseem Anwar
    • 1
  1. 1.Department of Computer and Software Engineering, College of Electrical and Mechanical Engineering (EME)National University of Sciences and Technology (NUST)IslamabadPakistan

Personalised recommendations