Stuff & Nonsense Home

Where you’ll find designer, author and speaker Andy Clarke. The bastard.

Blogging And All That Malarkey

I don’t care about Responsive Web Design

Since Ethan Marcotte first lit the fire at An Event Apart in Seattle last year and later in that article, we’ve gone crazy about Responsive Web Design. But the more I think about what this means, the more CSS3 Media Queries I write, the more I realise something. I just don’t care about Responsive Web Design. I’ll tell you why.

When I started making websites in the late ’90’s, everything I made was “best viewed in Internet Explorer at 640x480px” because I didn’t know then that web design was any different from print.

Over the years screen resolutions got higher. 768, then 960, then 1120. Every step was an opportunity to make designs wider, but our thinking didn’t change much. We carried on designing single layouts for everyone. With a few notable exceptions, fixed-width, one-size-fits-all designs ruled the web.

Then the iPhone happened (andyouknowtherest).

Today, anything that’s fixed and unresponsive isn’t web design, it’s something else. If you don’t embrace the inherent fluidity of the web, you’re not a web designer, you’re something else.

Web design is responsive design, Responsive Web Design is web design, done right.

And that’s why I don’t care about Responsive Web Design.

(Inspired by Jeffrey Veen.)

Leave your comment

Steve Lorek

February 17 2011 @ 03:26am #

You’re right, but it shouldn’t be a new philosophy. Even back in the mid-90s one had to consider different environments (text-based browsers, different font sizes and screen resolutions). The fixed width trend came along with the influx of print designers shortly after Internet Explorer introduced the

tag. Those who have designed for the web exclusively have fought a losing battle but it’s finally starting to turn thanks to the iPhone.

Dan Stark

February 17 2011 @ 03:32am #

Wow. What a waste of my click! :) your (rather short) post is confusing - you don’t care about responsive design, but at the same time, any design that isn’t responsive is not web design?

And I have to disagree with you on that second point too - not all web design needs to be responsive. As a perfect example, browser-based games. Some, even most, require a certain amount of screen space to accommodate the features said game offers. So… it isn’t a website because it isn’t responsive? Because it doesn’t adapt to different form factors?

At the other end of the scale, what about an app initially developed for the iPhone that requires very little UI, very little screen space. Does this mean that, in order to use the app on a desktop PC, more content must be fathomed from nowhere in order to justify a bigger design?

As somebody who is regarded as a leader in our industry, I implore you to consider what you say a little more thoroughly before you post prose like this.

On a lighter note, I do understand what (I think) you are getting at - that responsive web design should not be considered an additional feature to a given site, but more of a standard feature, to be considered from the outset. I completely agree - when it is necessary.

David Becerra

February 17 2011 @ 03:50am #

WTF just happened… Am I the only one confused by this?

Tanner Christensen

February 17 2011 @ 03:50am #

There are too many devices with too many different browsers and far too many features to argue about this, really.

If you’re not designing your websites to be responsive _by default_ then you’re either stuck in the 90s or you’re simply not a designer. Web designers need to make graceful degrading a part of their routine, we need to really grasp the idea that “not everyone will be able to see this awesome hover effect,” or “this animation won’t even show up on screens smaller than my netbook.”

Take the advice to heart, if you haven’t seen the continuing variety of web-accessible devices that are showering over consumers like a wave, you’ve already missed the boat.

Dan Stark

February 17 2011 @ 03:57am #

Tanner - I’m not sure you’re on the right page here. Nobody is arguing that using responsive methods to target a larger number of devices shouldn’t be considered.

My example of a browser-based game has, similarly, nothing to do with “this animation won’t even show up on screens smaller than my netbook” - if an application requires a specific area in which to operate, then it requires it. You can’t just start chopping bits off here and there just so it will fit on a mobile - what’s the point of having it display on a mobile, to be unusable?

Most generic/usual website needs/layouts cater nicely for the use of responsive design methods and techniques. However, it is ignorant to say that every single design must be responsive, else it doesn’t count as web design.

dvessel

February 17 2011 @ 04:16am #

In other words, do your job. Bringing up a new buzzword that tries to solve the same old problems should be old-hat by now and spotted for what it is. This is not coming from a web designer. I don’t claim to be but I am tired of the group mindset when they latch onto anything that’s perceived to be new.

Jeremy Keith

February 17 2011 @ 04:32am #

I know exactly what you mean, Andy.

When I come across sites now that are fixed and bloated, they feel “broken” to me ...like something from a different medium that has stumbled on to the web; not something *of* the web.

bob marteal

February 17 2011 @ 04:40am #

Sometimes you need a good buzzword to get things moving. If anything, ‘responsive design’ has gotten a lot of attention and guided people to look at things that maybe they weren’t aware of. Personally, I don’t love it when people throw around flashy new words, but I think that the cumulative affect of designers and coders awareness of the these newish techniques will benefit the space. We, as communicators, shouldn’t underestimate how a catchy word or phrase can knit together and advance bigger concepts. How many books on our shelves have some past or current buzzword in the title?

Matt

February 17 2011 @ 05:41am #

So, you do care about responsive design? ;) I agree though. We shouldn’t refer to these things as ‘responsive web design’ like it’s some sort of brand name or political party (or book…...). It should just be integrated into the full package without making a fuss about how you’ve gone out of your way to follow the latest trends.

Gilbert N Sullivan

February 17 2011 @ 06:36am #

Strange post: you plainly do care about responsive web design… you’ve just picked an oddly convoluted way of saying that it’s an important aspect of the craft.

Given that Jeremy Keith is commenting here, wouldn’t you say that Responsive Web Design is just as useful a handle as Plain Old Semantic HTML? “Even if you decide not to use the POSH label, you should definitely be embracing the POSH mindset” seems particularly à propos here…

Both are simply convenient shorthand for the techniques and methods we use to build stuff. No need to sound contrary.

Stephen Hay

February 17 2011 @ 06:55am #

I’m getting you, Andy, and I think you’re spot on.

Alan Moore

February 17 2011 @ 07:49am #

Taking proclamations on the internet literally is a dangerous thing. Those of you who don’t understand the post should probably read Andy’s book to understand his point of view. It’s like saying ‘I don’t care about Web 2.0’ while working on Facebook… The slogan/buzzword doesn’t matter but if it helps propel us into doing something we should have been doing all along, then great. Everybody wins.

Paul Mist

February 17 2011 @ 09:52am #

Web design continues to be web design. It’s the Web designer that needs to be responsive to the changes in medium and technology to continue being appropriate and effective.

Nora Brown

February 17 2011 @ 10:48am #

Mr. Clarke, you’re such a rabble-rouser. What you seem to be saying, essentially, is that you care about “responsive web design” so much, that for you it’s not a separate knowledge set, simply something that is inherent to designing for the web.

Ben Davis

February 17 2011 @ 10:58am #

Ditto to Nora’s comment. What Andy is saying here is that media queries are and should be inherent in any web design, not a separate after thought

Kristine Jubeck

February 18 2011 @ 01:03am #

Excellent point. But try not to come down on us web designers too harshly. I think most of us are doing our best to get by with the inadequate education and broken processes we learned from the supposed mentors of our college education and first jobs in the industry.

If it takes a buzzword to get the point across and that ultimately improves the profession, I think that’s OK. For example, I saw Ethan Marcott speak about and demonstrate Responsive Web Design last year and was completely enthralled. Thanks to the techniques I learned, I’ve since launched my portfolio site with a responsive layout. It was quite a learning experience that will undoubtedly improve the quality of every site I build in the future.

matt

February 18 2011 @ 01:23am #

What’s not to understand? Saying “responsive web design” is like saying “edible food preparation”. If it’s not edible it’s not food.

Is that a bad example? I’ve been drinking at lunchtime again. Maybe “tasty food preparation” would be better?

Tedi

February 18 2011 @ 05:21am #

Touche sir.  I agree 100%, now if we can get every designer on the same page, the web would be a better place.

Matthew Hale

February 18 2011 @ 06:54am #

Marcotte articulated a philosophy and method. I’m not sure what this article is going on about, except to say, “oh, yeah, I was doing that all along.”

Cold the author deign to share with us his wisdom about what we must do to sufficiently “embrace the fluidity?

Or is this just another opportunity to roll out the old “if you don’t do X” you’re not a designer BS.

James Pearce

February 18 2011 @ 07:19am #

I believe the original architectural ‘responsive design’ concept was about buildings responding to the warm humans within them, not to some more-or-less constant physical constraint.

I’m pleased to know that no web designer would even think of designing a site that doesn’t respond to the size of the glass. But that’s about as enlightening as learning that architects try not to ignore the effects of gravity.

But to be truly ‘responsive’? I believe that requires an understanding of the human on the other side of the screen, and, most importantly the context they are in.

Web designers have been spoilt for almost 15 years because that context was always more or less a constant. (Sedentary humans, with space, time and probably patience). Mobile web adoption puts that assumption back under the spotlight and encourages us revisit all the patterns it begot.

So the most important thing about a mobile user is not that their device-width<960px but that this contextual variable is no longer a constant. Moving, abroad, hurried, lost, bored… perhaps clichéd adjectives to describe your mobile users, but still quite different to those normally applied to classic web personas.

I know I keep banging on about this stuff, but it is still slightly depressing to discover beautiful fluid design, clearly intended to work well on mobile devices, which then fails to provide a prominent click-to-call link, for example, or which expects mobile users to download and fill in Microsoft Word documents. Did a web designer really think that phone users didn’t want to use the, er, phone? Or that they had the means and interest to complete a Word document on it?

Responsive web design is great for what it does. But it sometimes seems as though designers think that using it then absolves them of having to apply any further thought to their mobile users. And that is a real shame.

So I applaud your feigned ignorance of responsiveness (given its received meaning) but I would love to hear a discussion about what responsiveness could *really* mean, and how these new types of users and their variable contexts might, or deserve to, get addressed in a contemporary and intelligent way.

Commenting is not available in this channel entry.
Hardboiled Web Design

Hardboiled Web Design by Andy Clarke

How the latest technologies and techniques will make your websites more creative, flexible and adaptable. Get hardboiled in all formats from Five Simple Steps. Digital formats also available at Amazon.com, Amazon.co.uk and the iBooks store.

We’ve deconstructed this site to focus on content while we restyle. Expect wonkiness during the transition.