Are you reading this blog with your computer, tablet or perhaps with your smartphone? Did your mobile browser ask you to switch to mobile version? That’s right, it didn’t because this web site is responsive design and adapts to the device you are using instead of asking you to adapt to its own. Hopefully you are enjoying the design. The quality of the content is another story…
Responsive website design on WordPress. Outlook on iPhone5.
So what does responsive website mean? According to Nielsen Norman Group, a responsive web design (RWD) is a web development approach that creates dynamic changes to the appearance of a website, depending on the screen size and orientation of the device being used to view it.
Tech-wise, in responsive design, the content and page elements reshuffle as the viewport grows or shrinks. For example, while you are browsing a site with a laptop, you might see multiple columns on the site, but as you access the site with your smartphone the columns might be reshuffled to two or a single column. Also content and other design elements might be rearranged by proportion-based grids.
This all comes down to the usability of the website, which According to Nielsen is based on:
- Learnability: How easy is it for users to accomplish basic tasks when they land the website.
- Efficiency: How quickly the users can perform tasks on the web site?
- Memorability: Can users reestablish proficiency after a period of not using the web site, and how easily?
- Errors: How many errors the users make and how easy is it to recover from these errors.
- Satisfaction: How convenient is the design for its users?
The mobile penetration and usage rates suggest that there is a high demand for multiple platform design. Responsive design is an excellent solution to respond to that.