Improving Web user Experience by Adapting RWD

Abstract

Responsive Web Design (RWD) is a design which focuses on responsively fitting in whatever device the website is accessed from. It involves writing code for all possible screen sizes and bundling them together. Hence when the website is accessed, the whole bundle alongside the code for all screen sizes are downloaded to the user’s device and acts responsively when the browser window is resized, or the mobile device is rotated to portrait or landscape orientation. RWD can provide a far better user experience than the other designs because it primarily focuses on the user experience. Despite the bundle size being large, this method has proved to be robust in providing a better user experience and has evolved with evolution of web technologies. Latest CSS Media Queries make it possible to even target devices with limited accuracy. CSS Media Queries form the fundamentals of RWD because it is the most used way of targeting devices with various screen sizes.