We call it “responsive design

It’s Hip. It’s Sensible. It’s Obvious. It’s Necessary. It’s Happening.

Multi-Dimensional Responsiveness

… in Design happens on several levels:

Responsive Presentation (Device Platform)

Responsive Styling (Layout, Design, & Color)

Responsive Content (Data & “Voice”)

Responsive Behavior (Individual Appropriateness)

Responsive Context (Cultural Environment)

Responsive Presentation

Dynamic Resizing – The screen presentation changes appropriately

3x Display formats

This is what most people mean when they talk about Responsive Design: That the page will resize itself to multiple device platforms.  You don’t want to redesign every page for mobile, tablet or desktop..

But there’s more to it than that…

Responsive Styling

As You Like It

3x Display formats

The TCS Zen Garden page allows you to self-service a little in terms of Layout, Graphics & Color Styling.

In earlier iterations of my website (circa 2009-2013) I implemented something I called the StyleSwitcher.  This simple dropdown allowed you to change the styling and layout of the site dynamically.

Responsive Content

IMO vs TMI (“in my opinion” vs “too much info”)

3x Display formats

My tendency is to embellish the information I provide with historical citations, explanation, anecdotes, comments, factoids, quotes – These are all part of the Context which provides meaning to the Content. But all of that data can be overwhelming.

I’ve engineered content attributes into my stylings. Some of the style themes present more – or less – data. As well as different types of data.

It’s not only data information. It’s “voice“. Some styles are chattier and more casual. Others are more technical.

Responsive Behavior

Transcending the Rodent

Responsive Design is very “mobile-centric”. Tablet & phone devices use a gestural interface (Swipe This).

Our UI’s are now going “beyond the Mouse“.

But it’s not just the technology-driven metaphor. We’re also considering different ways of looking at and dealing with information. Ubiquitous Social Networking and Big Data have resulted in a whole new set of tools and behaviors.

Responsive Context

Let’s talk Culture.

Of course, everything is ultimately determined by context, but I’m using it  fairly specifically in this instance.

Design for cultural differences.

The Big Challenge

In practical terms, the recent changes to my website are more of a “retrofit” than a “makeover”:

There’s not much new structure or content. Instead, the existing content is made more flexible .

That’s actually harder than building something new from the ground up.

It’s also closer to the sort of UX challenges that most of my clients face.

Responsive Design: It’s More than just Mobile



It’s worth observing that ‘fluid’ layout was always in theVisionThing, even though the tools we had in earlyDaze were a) rare, b) crude, and c) awkward to use.

Let’s also acknowledge that inertia is always a factor (i.e. If it works within the limitations of what-I’m-doing, then Why should I over-engineer?)

The pervasiveness and dominance of cell/mobile as a platform demands Response Ability.



© The Communication Studio LLC