Web Sites on All Devices with Responsive Design

before and afterSmart phones and tablets now account for an increasing percentage of all internet traffic. Oh, you knew that. Do we agree that your site should be optimized for all devices? In this post, I will discuss one design response to this web access evolution.

You probably have a smartphone. You may have a tablet. I bought an iPod Touch three years ago and an iPad in November 2010. When clients and friends question my fascination, I ask, “Do you know anybody who says they regret getting one?” I have written about my adoration here. Top of the list: I prefer to read from my iPad than from my desktop or laptop. (Writing is the reverse.) I expect that we have all adapted to surfing the internet on mobile devices. My client’s websites are all accessible (no Flash here), they are just reduced in size. There could be designs for each device but that would increase the design costs. For the past three years, I don’t think one client has asked about this. When I bring it up, adding a mobile design has been nixed for budgetary reasons.
Now there is a solution and that solution is referred to in the web development community as Responsive Web Design (RWD). Much has been written about it lately. An excellent overview, The Ultimate Responsive Web Design Roundup from Wed Designer Depot, should get you started. I will update this post with pro and con links as I find them.

While there seems to be a huge upside, experience has taught us that there are rarely any Silver Bullets. Will it really be low cost once integrated into my design approach? Does it dictate design or branding solutions? The only way for me to judge this is to dig in. I am starting my first two sites with this approach. I will add updates here as we progress.

Pro RWD Links: Experimenting With Responsive Web Design, Less RWD Framework, WebDesignShock Explains RWD, Responsive Print Styles, Responsive Images
Responsive Ads

Responsive Web Redefined

Responsive Web Graphics with SVG

Con RWD Links: Responsive Web Design is Boring

Note: I have not redesigned my own site because I have not had the time. I know I should (bad) and I have started a redesign but clients have keep me that busy (good).

Leave a Reply