Acquire immediately applicable customer centric team based skills for ideating, analyzing and delivering motion and usability concepts for your products.
Participants will develop a powerful context for understanding the value of motion – including how to use motion to solve design challenges, minimize the impact of context switching, and manage cognitive load.
Hands on motion sketching and presentation exercises are designed to foster a shared linguistic framework while participants generate motion based solutions to common UX challenges.
"After reading Issara's article on motion and usability, I sent him an email. We scheduled a call which led to us booking a workshop with 12 of our designers and developers."
Expand your UX solution space
Start using motion as a problem solving tool to support mental models and manage cognitive load in users.
“This workshop made me notice the smaller details in transitions. As an app developer, applying the 12 Principles whenever appropriate will definitely make the customers of my app happy.”
Peeral Malani, App developer at Lutron, Philadelphia
Acquire new design vocabulary for ideation and presentation of motion concepts
Utilize a shared linguistic framework to quickly pinpoint and solve UX challenges through motion based solutions.
“This workshop offers you a chance to quickly learn and discuss high level usability and motion examples in an open format. Wishing I could do this workshop weekly with my entire team!”
Andre Pennycooke, Visual Designer, Bank of America, Oakland
Synergize collaboration between stakeholders, designers, and developers
Meet core strategic product development objectives and minimize friction by aligning all parties through versatile low impact ideation and analytical conversation based tools.
“Very helpful in allowing me to ‘see’ motion. Before this workshop I glazed over the motion or saw it more as a delight element. Now I have the language and awareness to analyze motion effectiveness and the understanding to start designing supportive motion for UX.”
Cura, UX Designer, Cisco, San Jose
Develop a working context for when and how to deploy motion
Validate motion ideas through a usability framework geared to add tangible value to your product. Learn how to exclude ideas devoid of merit prior to committing resources.
“As a designer it is crucial to be able to pitch and sell your designs. Knowing the vocabulary and informed reasoning will help you get traction of your design by the stakeholders and team members. This workshop has helped on that.”
Mhung Park, UX Designer, Mindbody, San Luis Obispo
Accelerate timelines and conserve budget with paper prototyping
Motion execution is an expensive investment in time and resources. Downscale your reliance on developers by shifting motion leadership back to designers and engaging in high ROI activities like drawing to communicate concepts and vet ideas.
“Our team learned how the language and vocabulary of motion in user experiences differs from classic motion design. These foundational elements help inform our decisions in regards to ongoing instruction from Issara.”
Christopher Reath, Communication Designer, Slack, San Francisco
Kayak’s mission is to provide the world’s favorite travel planning tools.
Focusing on desktop, iOS and Android, Kayak wanted to bring together 48 product stakeholders, UX designers, and developers and develop a common design vocabulary regarding motion. This mandate was in alignment with the need to focus on fundamentals and structures across design and development for a seamless product experience.
Additional workshop outcomes included determining an appropriate use for motion, tools for ideation and presentation, better communication between designers and developers, a clear path from design to implementation, conceptual tools for collaboration, and how to keep motion useful and relevant.
“A solid workshop that explains the principles of motion in user experiences. This helps our developers, designers, and product managers develop vocabulary and mental models which will enhance our communication quality.”
Bruce Gong, Software Developer, Kayak, Boston
“It was great to learn a language for motion because language drives your thought process.”
Gao, iOS Software Engineer, Kayak, Boston
For me the most useful part of the workshop was learning the language of how to discuss UX motion and using real examples and exercises to think through how to use motion to solve a problem, rather than animation for animation’s sake.
Aleks Safarova, Product Designer, Kayak, Boston
Slack wanted to develop a solid theory based foundation for their designers. In addition, they wanted to focus on tools that would allow them to ideate and present new website features.
Our second day of the workshop was focused on onboarding the team with After Effects, and delivering real world assets to their developers using the Bodymovin JSON exporter plugin.
“Very thorough overview for someone who had zero knowledge of motion principles. Multi-media presentation examples are shown and discussed, activities give a good opportunity to prove your knowledge. Highly recommended!”
Rosie Bubb, Designer at Slack, San Francisco
“This has been a great learning experience with a lot of in-depth knowledge and real world examples to demonstrate all the talking points. The exercises are also a great learning tool for me to retain all the information from the workshop. Issara has a great personality when he teaches. Really enjoyed the workshop!”
Viet Huynh, Designer at Slack, San Francisco
“I loved seeing your principles, how you draw motion and examples of really good and bad work.”
Angelica McKinley, Senior Communication Designer at Slack, San Francisco
Mindbody specializes in business solutions for health and wellness businesses. Mindbody was interested in expanding their motion library as well as learning how to justify the use of motion throughout their products.
Additionally, they were looking for ways to better manage the handoff to developers. They wanted concrete tools to mainstream animation in their design practice and support stronger team communication.
A core need was to have tangible motivations for advocating motion based design decisions.
“Transitioning the language from ‘swoosh’ to ‘easing/offset and delay’ offers a different level of confidence when presenting and justifying solutions. Linguistics frameworks! Learning about easing curves was really helpful too!”
Mason Pine, Lead UX Designer at Mindbody, San Luis Obispo
“This workshop has helped me expand my arsenal on design vocabulary. As a designer it is crucial to be able to pitch and sell your designs. Knowing the vocabulary and informed reasoning will help you get traction of your design by the stakeholders and team members. This workshop has helped on that.”
Mhung Park, UX Designer at Mindbody, San Luis Obispo
“What an amazing class! I loved deconstructing animations and getting to the root of the why they enhance usability and provide meaning. Also loved the synthesis portion at the end! Thank you!”
Sara Lancaster, UX Designer at Mindbody, San Luis Obispo
Lutron creates high end mobile controlled lighting solutions. They were looking to level up their design and developer teams and build a common vocabulary and best practices to streamline communication.
They wanted ways their designers could concretely communicate the value of motion to their developers for buy in.
Additionally, there was a strategic need to convey the value of motion higher up, so as to acquire project resources and focus priorities. Aditionally, core features of their product required the design and implementation of micro-interactions.
“Issara knows what he is talking about and is tremendously experienced/read in motion. He helped us develop a language and an eye for good motion vs bad. I think we should be able to take off after the workshop!!”
Rhythm Agarwal,UX Designer at Lutron, Coopersburg, PA
This workshop has been helpful in breaking down motion into talking points to be able to discuss why or why not something’s working. Running through examples also helps to see how one would critique motion, as well as dissect why it’s done that way and the meaning it was meant to convey. Overall, I think this course has helped to look at motion with a critical and dissecting eye to improve or recreate.
Jennifer Wong, UX/UI Designer at Lutron, Coopersburg, PA
“The workshop helped us understand the pillars and principles of motion in user experiences. Its going to help our team work together and communicate with each other and build good animation design.
Sanjeen Kumar, UX Designer & Software Engineer at Lutron, Coopersburg, PA
Foundation (10am – 12pm)
In this module, we define the working context of motion as usability. We focus on how motion can manage cognitive load during task switching, and can be useful in solving many UX problems. We analyze many real world examples and motion concepts. The intro to motion sketching exercise at the end gives participants and opportunity to develop multiple motion solutions, and present their ideas using paper prototyping and language.
- Testing multiple solutions
- Temporal thinking
- Rethinking motion: entertainment vs usability
- Context switching
- Mental models
Exercise #1: Motion sketching – ideation & presentation
12 Principles (1pm – 3pm)
In module 2, we build from the foundation of the previous module by drilling down into the 12 opportunities that UX designers have to solve problems using motion. We look at and analyze multiple examples, as well as identify instances where multiple principles can support or undermine the usability. The motion sketching exercise at the end of the module builds on the previous content, and participants are left with the ability to deliver ‘high fidelity concepts’ with an eye on craftsmanship and timing.
- Easing and timing
- Offset & delay
- Value change
- Dolly & zoom
- Exercise #2: Motion sketching – ideation & presentation
Strategies and tactics (3pm – 5pm)
In this final module, we cover the topic of how to think strategically in your design practice. By focusing on the upstream goals of stakeholders, and downstream goals of developers, UX designers find themselves better equipped to move projects forward and guarantee better outcomes. The concluding exercise involves tying everything from the day together. Participants will hone their ideation and presentation skills, focusing on justifying their recommendations through the use of mental models and managing cognitive load for users.
- A solution in search of a problem
- Real world challenges The partnership triad:stakeholders, designers
- Finding opportunities for motion
- Unwinnable designs
- Exercise #3: problem solving with motion – crafting the pitch
Issara Willenskomer is a subject matter expert on motion and usability.
He leads workshops internationally for companies looking to synergize partnership between design and development by building a common vocabulary for product teams looking to use motion to solve design problems.
With over 15 years of interaction and motion design experience, Issara has collected an impressive portfolio of Fortune 500 clients and agencies.
As a consultant, Issara lends hands-on expertise to a wide range of interactive motion based projects.
Issara supports equality in the workforce through his scholarships for women, minorities, and people from developing countries looking to make a difference in their lives and in the lives of their users.