Wednesday, July 24, 2013

One Web: Responsive vs Adaptive

Smartphones and tablets have increased in sales and are currently trending in the gadget world. These mobile devices have allowed people to do many things on the go, including surfing the internet. In actuality, these devices access website more frequently than laptop and desktop devices. 

Thus the One Web approach was born where website creation and viewing of websites possible with any device, desktop, laptop, or mobile device. By “making, as far as is reasonable, the same information and services available to users irrespective of the device they are using”, development companies can offer affordable website design that incorporates the One Web approach.
There are two designs under the One Web approach namely, the responsive design and the adaptive design.

Responsive Design:

It utilizes CSS media queries in the modification of website presentation and is based on the device’s display size. The responsive design is advantageous in such a way that it needs only one template to follow when creating a website, not to mention, web developers can make use of familiar languages like CSS, HTML and other familiar technologies. Plus a growing number of toolkits such as Bootstrap and Foundation that help the building process have been made available. Unfortunately, the responsive design requires the site to be completely rebuilt and demands more work in the customization of user experience.

Adaptive Designs:
Whether it’s the client-side or the server-side, the adaptive design uses JavaScript when customizing websites and increasing its functionality on the specifically targeted device and/or context. The advantage of using this design is that it enables the reusing of HTML and JavaScript codes in change management and testing. On the other hand, however, the design has a higher maintenance need and calls for more effort in making the significant changes back-end system of the site that it undeniably needed.