Wednesday at Workshop 17
- Atomic Design: Patterns and PrinciplesBrad Frost
Style guides, design systems, and pattern libraries provide solid ground for us to stand on as we tackle the increasingly diverse and fast-moving web landscape. This half-day session will tackle all that goes into making and maintaining successful interface design systems, including:
- Atomic Design Principles. We’ll cover core principles of modular UI interface design and discuss considerations around atomic design, a methodology for crafting robust, deliberate design systems.
- Selling Pattern Libraries. We all know design systems and pattern libraries are great, but how do you get your clients, bosses, and teammates on board? We’ll cover tactics and tools for selling pattern libraries to clients and stakeholders, and detail how to create an interface inventory to pave the way for style guide success.
- A Pattern-Based Process. All designers know the frustration of seeing all their thinking and artifacts thrown in a trash can at the end of the process. And like rubbing salt in the wounds, the working software doesn’t reflect all the hard work that went into the designs. Design systems and style guides are here to help. We’ll discuss cross-disciplinary collaboration through the lens of design systems, and demonstrate how tools like lo-fi sketches, style tiles, element collages, pattern library tools, and others contribute to successful work.
- Style Guide Maintenance. Like a fine wine, a design system increases in value over time. We’ll discuss tactics and ways designers can contribute to systems that provide lasting value to your organization.
- Animating the User ExperienceVal Head
The best UI animation has both purpose and style. In this workshop you’ll learn how to design and prototype interface animations that do both, and do them well.
You’ll learn how to identify where animation can improve the user experience and how to fit animation into your design process. Using hands-on projects we’ll plan and prototype animations, then evaluate our designs as a group. By the end of the day you’ll be a animation and UX pro!
This workshop is for product designers, web designers, and UX designers looking add animation to their work in meaningful ways.
What you’ll learn:
The brain benefits of animation How we can use animation to reduce cognitive load, free up brain power, and reduce change blindness in our work and the research that backs it up. Design problems animation can solve An in-depth look at the specific design problems animation can solve through providing feedback, exposing causality, orientation, showing relationships and demonstrating.
Prototyping with Keynote & storyboarding How to get your animation ideas on paper, on screen, and in front of your team or users to discuss, test and iterate. You’ll get up and running prototyping animated interactions with Keynote working with hands-on exercises and we’ll explore a range of animation solutions as a group.
UX Choreography The principles of choreography for interfaces. Should you aim for consistency or coherence? Should you match timing or velocity? Deciding these ahead of time helps you design strong choreography in your interfaces.
Documenting motion design decisions Guidelines and best practices of how to document your animation design decisions in your style guide or elsewhere for future use.
Traditional animation techniques worth stealing The classic animation principles that are most useful in our digital world. We’ll look at which ones matter most and how they translate to UX and the digital space.
Principles of interactive animation Animation should never get in the way of the task at hand. Val will show you how to be sure you’re animations are interruptible, non-blocking, and appropriately timed for interaction.
Motion makeovers We’ll take example interactions from existing products and sites and examine how their UX could be improved using animation.
- Design for What’s NextJosh Clark
Spend a day exploring the web’s emerging interactions and how you can put them to work today. Your guide is designer Josh Clark, author of Designing for Touch and ambassador of the near future.
The day begins with a survey of familiar platforms—desktop and mobile—to uncover the new solutions that are replacing yesterday’s best practices.
From there, we’ll move into newer design tools—speech, bots, physical interfaces, artificial intelligence, and more—to see how these fresh-from-the-future technologies fit into your everyday products and processes.
You’ll learn the tools and techniques for prototyping and launching these new interfaces, but you’ll also learn the answers to foundational questions for all your projects:
- How do you evaluate new technologies?
- What’s the best way to gently introduce them to your organization and to your audience?
- What’s the role of user research and prototypes?
- How can play and experimentation lead to actual product?
- What are designers’ responsibilities when rolling out new tech—and how do you support audiences that haven’t yet adopted the fresh and fancy?
You’ll leave the day inspired to create—and armed for action.