UIEtips: Device Experience & Responsive Design

Jared Spool

November 27th, 2012

In this week’s UIEtips, we look back at an article we published in March 2012, Device Experiences & Responsive Design. In the article, Luke Wroblewski shares two techniques to make the process of designing web applications and sites for multiple devices more manageable: classifying device experiences and designing/building responsively.

Here’s an excerpt from the article

Within any device experience, there’s still a lot of variation -especially in display sizes. Connected TVs, laptops, desktops, tablets, smart phones, and feature phones all come in a variety of screen resolutions, densities, and aspect ratios. But don’t worry…responsive design can help.

Responsive design allows you to fill in the blanks within device experiences through the application of fluid grids, flexible images, and media queries. So once you have an optimized tablet solution, the difference between a 10 inch screen and a 7 inch screen is covered by responsive design and a few simple rules of adaptation like adding additional rows, increasing image sizes, and the like.

Read the article: Device Experience & Responsive Design.

Learn more on responsive design

From desktop monitors and TV’s to mobile phones and tablets, how does each affect users’ expectations, what influences users’ device purchase in the first place, and why is responsive design the way forward? On November 29, 2012, Peter-Paul Koch will answer these questions and more in his webinar, Solutions for A World of Countless Devices.

What techniques are you using to reduce the costs of iteration for your team? We want to hear your experiences.

Add a Comment