With the rapid growth of mobile traffic, implementation of a Responsive Web Design (RWD) approach for our clients’ existing websites is a regular question. Redesign of a website is a large undertaking; reason enough for some to put off a redesign. But how long can you afford to provide an unfriendly experience for your non-desktop users?

Brad Frost, in his recent article details 4 different approaches to deploying a RWD website:

Responsive Retrofitting

Responsive retrofitting is the concept of taking an existing desktop site and creating a separate style sheet for mobile devices. One website, one address, but a separate stylesheet to control layout. The user is delivered a website that formats nicely for the device they’re on, but the content and thought process that would deliver optimum content for the non-desktop user has not been employed.

Responsive Mobile Sites

With a Responsive mobile site, a separate mobile site can be deployed which is a site specifically designed for the mobile user. Mobile content and layout are optimized, but the end result are two websites to be maintained. However, over time, the mobile site can evolve into a complete responsive site for all devices.

Mobile-First Responsive Design

Mobile-first responsive design takes the approach that the greatest amount of traffic to a website is or will be the mobile user. Consequently the development and design for the website must begin with a layout and content for the mobile user. Layout and content will expand from there for users on larger screen devices. This is the most time intensive approach for the implementing a responsive design, but it essentially future proofs your website.

Piecemeal

Frost describes Piecemeal as a “responsive strategy [that] breaks a large-scale redesign down into bite sized chunks.” Perhaps similar to a Responsive retrofitting approach, however piecemeal looks at a large website and addresses specific sections of an existing site which are redesigned with a responsive approach. Perhaps a full scale redesign is not doable because of time and / or budget constraints, but critical areas of a website can be redesigned with a responsive approach.

So if you’re concerned about your non-desktop users having an optimum experience when visiting your website, consider these four options. Deploying a user friendly website experience for your mobile users does not have to mean completely redesigning your website.

Contact Dave Lanzalone

This field is for validation purposes and should be left unchanged.

Contact Sean Purdy

This field is for validation purposes and should be left unchanged.

Contact Brian Shaud

This field is for validation purposes and should be left unchanged.

Contact Brittany Strizelka

This field is for validation purposes and should be left unchanged.

Contact JD Spivey

This field is for validation purposes and should be left unchanged.

Contact Lokesh Gopal

This field is for validation purposes and should be left unchanged.

Contact Joe Rodriguez

This field is for validation purposes and should be left unchanged.

Contact Henry Park

This field is for validation purposes and should be left unchanged.

Contact Leonardo Galindo

This field is for validation purposes and should be left unchanged.

Contact Shirley Gay

This field is for validation purposes and should be left unchanged.

Contact Ling Song

This field is for validation purposes and should be left unchanged.

Contact Ariel Lynn

This field is for validation purposes and should be left unchanged.

Contact Alyson Leonard

This field is for validation purposes and should be left unchanged.

Contact Luke O'Brien

This field is for validation purposes and should be left unchanged.

Contact Clement Baa-Adomako

This field is for validation purposes and should be left unchanged.

Contact Andrew Mikida

This field is for validation purposes and should be left unchanged.

Contact John Cervino

This field is for validation purposes and should be left unchanged.

Contact Calvin Woodruff

This field is for validation purposes and should be left unchanged.

Contact Adrienne Belt

This field is for validation purposes and should be left unchanged.

Contact Frank Speeder

This field is for validation purposes and should be left unchanged.

Contact Steve Carey

This field is for validation purposes and should be left unchanged.

Contact Ben Vuocolo

This field is for validation purposes and should be left unchanged.

Contact Micah Shaffer

This field is for validation purposes and should be left unchanged.

Contact John Kolleh

This field is for validation purposes and should be left unchanged.

Contact Dan Mendenhall

This field is for validation purposes and should be left unchanged.

Contact Bridget Clerkin

This field is for validation purposes and should be left unchanged.

Contact Tom MaCoy

This field is for validation purposes and should be left unchanged.

Contact Dan Fried

This field is for validation purposes and should be left unchanged.

Contact Vanessa Balzano

This field is for validation purposes and should be left unchanged.

Contact Gene Castellano

This field is for validation purposes and should be left unchanged.

Contact Tom Mikowski

This field is for validation purposes and should be left unchanged.

Contact Pete Bretz

This field is for validation purposes and should be left unchanged.

Contact Bill Haley

This field is for validation purposes and should be left unchanged.