The evolution from first general mechanical computer, the Analytical Engine to the modern Phablet is a miraculous one. As a result, a rich profusion of screen sizes also invented such as desktops, TVs, mobile phones, tablets, video games, wearable smart phones like watches and the other gizmos.
The screen size changes by innovations and inventions. Sometimes, as a size of matchbox, sometimes as a briefcase. No matter how it varies, all we need to do is, make our site flexible with required adaptation to any screen size. The accessibility of our websites on various screens is the main challenge what we face in our web development. And our success lies in an effective web design which users can easily navigate on whatever device they use. The accessibility of our websites on various screens is the main challenge what we face in our web development. And our success lies in an effective web design which users can easily navigate on whatever device they use. There are two methods or designs that we can use for the easy accessibility of a website in any screen size; they are Responsive Web Designs and Adaptive Web Designs.
Responsive Web Design
This is first coined by Ethan Marcotte in an article in “A List Apart” which explains the needs of a user while accessing a website in all devices. This design will help to work on small screens, large screens, or at any resolution. With Responsive web design it is able to access the website with minimum resizing and scrolling which will allow accessing a website even in low resolution mobiles. This is purely based on screen size, platform and orientation. This method refers the combination of layouts, grids, images and use of CSS media queries. As the user uses the website from their laptop to low resolution phone, the website automatically switches definite resolution and scripting with a particular image size. Or in other words, this method will fulfill a user’s preference with required adaptation. About responsive web design Ethan stated that,
“ Recently, an emergent discipline called “responsive architecture” has begun asking how physical spaces can respond to the presence of people passing through them. Through a combination of embedded robotics and tensile materials, architects are experimenting with art installations and wall structures that bend, flex, and expand as crowds approach them. Motion sensors can be paired with climate control systems to adjust a room’s temperature and ambient lighting as it fills with people. Companies have already produced “smart glass technology” that can automatically become opaque when a room’s occupants reach a certain density threshold, giving them an additional layer of privacy. ”
This explains that we don’t have to develop custom web design for a particular group of users. This is the mere way to improve user’s experience which is not designed for a particular user. With this design, it is possible to shrink or hide the content in the website.