Responsive Web Design

July 02, 2012

Responsive webdesign is a recent technique for creating a website that works on all devices, including mobile, tablet and desktop.

Creating a mobile and tablet friendly website can be a challenging process, and responsive website design or fluid design is a term which describes the technique of adapting a website layout using cascading stylesheets to fit the screen of a smartphone or tablet device.

With mobile usage in South Africa increasing at a rapid rate. (According to World Wide Worx, 90% of regular internet users access the web on their smartphones ) It is becoming increasingly important to create a mobile and tablet friendly site especially for content based industries (such as news websites) where users are more likely to browse the websites on the go several times per day.

This fluid design method uses the screen-width to determine the type of device being used and then shows or hides elements on the website layout to render a more readable version for the device.

Responsive Website Design for SAStudy.co.za (click to expand)


Responsive websites also require images to be more flexible and to adapt to mobile download speed constraints. This means selecting smaller image sizes to ensure the website loads quickly on a 3G or slower connection. Complex and bloated website programming is also discarded to speed up download time and increase accessibility.

For a tablet device such as the iPad, responsive webdesign can also detect the whether the device is being held in a portrait or landscape orientation and adapt the layout accordingly similar to a native app that is loaded on the device.

With .net Magazine choosing responsive webdesign as #2 on it’s top web design trends of 2012, we feel this technique is an excellent method of delivering your website to mobile and tablet devices. Take a look at one of our recent websites for for a practical look at using responsive website design for our client Mama Money.

 

Comments

4 Responses

07.02.12

Hi. I’m wondering if you have any stats on the number of sites in South Africa that employ the responsive website design. Kind regards
Kate

07.02.12

Hi Kate,

I don’t think there are any stats available in South Africa yet, but here are some useful articles for you to help your decision:

Google seems to approve of responsive design: http://www.themobilewebdesignblog.com/2012/05/24/responsive-design-vs-mobile-site-googles-viewpoint/

Quirk mentioned the pros and cons of each: http://www.gottaquirk.com/2012/09/17/responsive-versus-mobile-website-design-a-comparison/

Hope this helps!
Craig.

07.02.12

Very good article! I need to get more involved with responsive design – however I have found that only a handful of my clients even consider mobile sites unless I mention them (of course, the second I mention it they want me to do it – go figure). But I’m going to have to switch gears soon and make this a staple in all my designs – this job is a never-ending learning curve!

07.02.12

Hi Henry,

Thanks for the feedback!

This is true! The online marketing/web development industry is one that is constantly changing and ongoing research and learning new techniques is essential! But it does keep things interesting.

We include responsive design in most of our latest creations because of the sheer number of smartphone users especially in the South African market.

Cheers,
Craig.

Leave Your Response

* Name, Email, Comment are Required