Thursday, December 20, 2012

Responsive Web Design

Responsive web design is where we are headed right now. With all of the devices that users can interact with your site it makes sense to create a responsive site from the get-go. Size is becoming something we just can't/shouldn't control any more otherwise it will limit the capabilities of users to interact. It is difficult to incorporate response from an existing site, and is typically easier to keep the variety of screen sizes in-mind when you begin designing a site.

With these type of sites you need to use media queries to allow pages to auto adjust to screen size or float down to the next line. A transition being made to fluid grids and using percentages and EMs rather than pixels and points to adjust type and images.  There even needs to simplification in mind that when you get to a mobile phone size screen that parts of the information you see on a desktop or tablet go away complete so that users can focus on the most pertinent information. The extra code to help you pages adapt to screen sizes means that you should have a single set of code rather than multiple sets that respond to various devices (iPad, android phone, or ect...)

This field of responsive design is spreading like wild fire, because of its usefulness across the many ways we choose to access websites today.

Check out Hyrdant's adaptive website.

No comments:

Post a Comment

Thanks for commenting on Design Morsels.