The RWD is a web design approach that aims at providing the finest viewing experience with easy navigation features and better reading facilities. This type of designing is needed for displays on mobile phones, which are varying in their sizes every day. RWD requires designers that are innovative and flexible.
The concepts of responsive web design started with an article by Ethan Marcotte on A List Apart. In fact, the article wished to address the ever-changing landscape of browsers, devices, screen sizes and orientations by creating flexible and adaptive web sites. The idea of the article is to approach in a different way with flexile and fluid layouts that almost any screen can adopt, in spite of responding to the current needs for a Desktop web version adopted to most common screen resolutions.
There are three main technical concepts of responsive web design that includes,
- Media queries and media query listeners.
- A flexible grid-based layout that uses relative sizing.
- Flexible images and media, through CSS or dynamic resizing.
To implement effectively, the responsive web design should have the three features that are mentioned above.
The important point is adapting to the device capabilities and user’s needs. Suppose the user is viewing your website on her mobile, it will be on a small sized screen, but if the contents are also small, then it will be difficult for the user to view. Therefore, when considering the user’s need, it should not be only about the screen size but also about the contents of the page that the user is viewing. It also requires you to think about what all will the user require when she opens the website, which cannot be assumed.
It may be that the user will not require all the information that is available in the website. Accordingly, you might have to change the fonts, change the order of the contents to display, the orientation of the page and the interaction areas to respond better to a touch environment. You should consider all these factors before forming a layout for the website. Therefore, such factors demand the designers to be more innovative and flexible.
While mobile devices are changing the displays with more of smaller screens, when you look into the other end of the spectrum, there are displays that are getting bigger and bigger. Therefore, it is imperative that the designer is innovative and flexible to adapt to the changing trends of the internet market.