Laziness in the Time of Responsive Design

As screens and input types evolve, we’re managing more complexity in our designs than ever before: our layouts are becoming more flexible and responsive; our interfaces, more immersive. Maybe we can look for simpler approaches? In this session, Ethan—a singularly lazy person—will walk through some responsive designs, and show how we might do a lot more with a little bit less.

slides [https://www.slideshare.net/secret/5APCs2Zje7Bajm]

As screens and input types evolve, we’re managing more complexity in our designs than ever before: our layouts are becoming more flexible and responsive; our interfaces more immersive.

 

The range of devices and screens will continue to grow – think of game consoles, watches, wall-sized displays, objects.

 

With that many devices and screens, it becomes difficult if not impossible to specify what size a “page” should be.

 

Web design has moved beyond the page to creating a content presence that can be experienced on screens of any size or shape.

Laziness – doing as little as possible, getting more out of less – is a positive way to approach responsive design, especially in layout, navigation and animation.

 

We can be more nuanced when it comes to design and layout: responsive design doesn’t mean creating different displays to suit different devices and screens – it means building a content experience that will display anywhere.

 

Explore the tools available to manage layout, such as nth-child.

 

By focusing on content and context, we can design for devices that don’t even exist yet.

 

Create a vocabulary to support your design.

Frameworks are useful tools but may be too rigid to allow the flexibility that responsive design needs.

 

Navigation remains a challenge. The hamburger menu may not be the best answer – concealing content is not always in the best interests of the user.

 

Design the transaction, not the interface.