Motion Prototyping Essentials

Motion design is becoming a core skill for interaction designers. Across both web and native products, teams are realising the power of motion to engage, delight, and communicate. Dozens of new tools are emerging to support motion work, but you already have one that’s both simple and surprisingly powerful: Keynote.

In this workshop, you’ll learn the basics of motion design theory, from Disney’s classic 12 principles, through the physics of motion, to coordinating and choreographing your motion patterns across an entire product experience.

You'll then practice bringing these fundamentals into your own work using Keynote as a prototyping platform. Exercises throughout the session will cover how to scale, fade, resize, and rotate on the fly, how to transition seamlessly between two states, and how to create motion curves that go beyond drab linear motion to feel more engaging and natural.

You’ll emerge with the ability to bring your designs to life, and start providing motion prototypes that excite your colleagues and improve your products.Attendees should bring a laptop with a recent copy of Keynote installed.

Building a style guide

In this practical workshop, Anna will help you build a front­end style guide for your website.

In the morning, we will start by looking through the different techniques for creating a living style guide and pattern library, with some planning exercises to prepare you for building your own in the afternoon. Since every website and individual’s skills are different, Anna will walk you through a few generators built for different languages and content management systems, and help you make an informed decision on which is best suited for you and your project.

By the end of this workshop, you will have the beginnings of your own style guide for your website built using whichever tool you have chosen in the morning, along with a plan for how to keep it up to date.

Responsive Web Design: Content, Code, and Collaboration

"Ready for responsive? It’s not just about layout anymore: a responsive redesign will uncover challenges with your current design, development, and publishing processes. Whether you’re just starting out or already in the thick of things, we can help you make the move to mobile and beyond.

Ethan coined the term “responsive web design” and his popular book on responsive design has been widely praised. Karen advocates for truly device­independent content in her book Content Strategy for Mobile. Together, they will help you understand the full scope of what’s involved in making a responsive project go smoothly.

If you want to know how to launch a responsive redesign right, in this session you'll hear the collective wisdom gleaned from their work with dozens of companies that have already been through the process. This workshop is appropriate for designers, developers, content owners, and business stakeholders—anyone who participates in making a responsive redesign happen.