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

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 prop

  • PDF / 1,128,245 Bytes
  • 14 Pages / 439.37 x 666.142 pts Page_size
  • 88 Downloads / 166 Views

DOWNLOAD

REPORT


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

1 Introduction The World Wide Web (WWW) is meeting great triumph in growing communication, providing services and distributing knowledge. Constant evolution of software and hardware technologies is supporting these opportunities. In the world of web, the constantly growing bandwidth and wide use of high-resolution screen inspires designers and developers to improve their websites irrespective the complexity of web pages [34]. Adaptive web design is a relatively new approach for progressive enhancement of websites that focuses on accessibility, external style-sheet, scripting © Springer Nature Switzerland AG 2019 K. Arai et al. (Eds.): FICC 2018, AISC 887, pp. 704–717, 2019. https://doi.org/10.1007/978-3-030-03405-4_50

A Systematic Review of Adaptive and Responsive Design Approaches

705

technologies and view of the site against the patriarchic responsive web design. This allows for a uniform representation of the site over any intended medium, and platform with an improved version of pages that is also detailed to those with specifically advanced mediums for viewing and accessing functionality of basic content. Therefore, it has made quite advancement in designing as compared to previous technologies used in this field of design. Whereas Responsive web design, a relatively old approach aimed towards fashioning variety of sites to ultimately provide the optimal interaction and viewing experience, more specifically; advanced navigation and easy reading with a minimum of panning, resizing and scrolling and interacting over a multitude of different devices to enhance accessibility, ease of use and general adaptation of crossing limitations to providing better interface. A quick co