« Back to blog

Adaptive or Responsive Design?

Formel3_racing_car_amk
The term "Responsive Design" is being bandied around a fair bit at present - not least in respectable resources such as A List Apart and recent Twitter frenzy of Media Queries.

Having recently attended the New Adventures in Web Design Conference, some speakers touched on the subject of designing your content to fit a number of consumable mediums - that boiling down to view port size and mobile devices. This again was wrapped up in the term "Responsive Design". The term's origin was clarified both at the conference and from the A List Apart article:

"Recently, an emergent discipline called “responsive architecture” has begun asking how physical spaces can respond to the presence of people passing through them."

I don't feel the term "Responsive" is being used quite in the right context. For me, the above line does sum up how a website or application should behave if it is indeed "Responsive" - that is, to respond and alter it's behaviour based on the people that are interacting with it. To change it's overall design based on the constraints of the device it is being perceived  through is surely being "adaptive"?

To respond means to react to a certain action - you don't just "adapt" to a person poking you in the ribs, and you don't "respond" by merely bending your body around their poking finger (I certainly try not to anyway).

Likewise, a gas or liquid doesn't exactly "respond" to being put in a jar by taking up the free space, it "adapts" to the space it has been placed in.

Interestingly, at NACONF Dan Rubin's talk was based on thinking about the language we use when we're designing or developing - this is certainly one area I'm going to be keeping an eye on out of curiosity.

 

UPDATE:

Check out Harry Roberts' similar post for a far more eloquent summation on the responsive vs. adaptive story.

Comments (5)

Jan 24, 2011
Paul Wallas said...
Is adaptation not a response to the environment?
Jan 24, 2011
Paul Gordon said...
Very good point Wallas. However:

Adaptation - "The [evolutionary] process whereby a population becomes better suited to its habitat."

Response - "A reaction, as that of an organism or a mechanism, to a specific stimulus."

I think (hope) these definitions separate out the two distinct meaning betweens adapting and responding. "Adapt" refers more to spacial environmental conditions (like view port dimension), whereas "Respond" leans more on a particular action or condition actively inflicted (like a button click).

Jun 16, 2011
snobojohan said...
I agree with you, and we used Adaptive Design as a term internally for a while, but changed to Responsive since that word has become standardized
Oct 22, 2011
Edson said...
I agree with your point of view. But, taking "adaptive web design" (while it is just a fluid layout) a step further adding CSS media queries or even some javascript features to deliver smaller images, hiding some page elements, reducing server requests for mobiles, narrow devices and so on wouldn't be right call it a "responsive design"? I have a little bit difficulty to translate "responsive" for my language (brazilian portuguese) but I understand it's meaning.
Jan 30, 2012
KnowItAll said...
This is a pretty silly argument based on both the fact that you assumed that you can only respond to "actions" instead of "conditions", as well as not understanding that there is a call and response, and a configuration change (the adaptability) . I can respond to the weather by bringing my umbrella, even if it had no affect or "action" on me before I left the house. Plus when a browser calls (with browser identity string, my CGI "responds" with the appropriate HTML/Javascript combo (the adaptability) and graphics/resources that are optimized for a mobile device instead of PC (the response once again). It should be called Redaptamize!

:)

Leave a comment...