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.
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.