UIEtips: Devising a Strategy for Responsive Design

Jared Spool

November 27th, 2013

In today’s UIEtips, I’m sharing a reprint of an article on the importance of organizations nailing down a strategy for making their sites responsive. Saying yes to responsive design will require changes to your editorial process, the ways you approach visual and interaction design, and how you think about your users and their goals.

And if your team struggles with how to design responsively, then you’ll want join us for Stephen Hay’s December 12 virtual seminar on Responsive Web Design Workflows. Stephen Hay has a practical approach to improving your responsive web design workflow.

Here’s an excerpt from the article:

A responsive design can have multiple breakpoints, say for a small-screen phone, then a large-screen phone, then a tablet, then a laptop/desktop. Many teams try to decide on breakpoints using average screen sizes.

However, it’s better to look at what the content and navigation wants to be. By letting the content and navigation drive the breakpoints, teams find they can often get away with fewer screen configurations. For example, a high-resolution Retina iPad might easily share the same configuration as a well-constructed laptop display, while lower resolution tablets might just need a little adjustment to that same configuration.

Read the article Devising a Strategy for Responsive Design.

What are your strategies for preparing a responsive design? Tell us about it below.

Add a Comment