UIETips: Devising a Strategy for Responsive Design

Jared Spool

April 1st, 2015

In today’s UIEtips, we reprint an article on the importance of organizations nailing down a strategy for making their sites responsive. I make the point that 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.

If your team struggles with how to design responsively, then you’ll want join Stephen Hay’s day long workshop at UXIM Wednesday, April 15 on Optimizing Responsive Workflows with Structured Content. 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