Motion and Usability – onsite workshop

Customer centric methodologies for your designers, developers, PMs, and stakeholders

★★★★★

"I will never think about motion and UX the same."

Alex Chang, Senior UX Designer, Amazon, Seattle

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

Steven Rossan, Senior Product Manager, MindBody, San Luis Obispo

Workshop outcomes

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

Case studies

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

Curriculum

Module 1

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.

  • Introduction
  • Testing multiple solutions
  • Temporal thinking
  • Rethinking motion: entertainment vs usability
  • Context switching
  • Mental models
  • Continuity
  • Narrative
  • Relationship
  • Expectation
    Exercise #1: Motion sketching – ideation & presentation

Module 2

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.

  • Introduction
  • Easing and timing
  • Offset & delay
  • Parenting
  • Transformation
  • Value change
  • Masking
  • Overlay
  • Cloning
  • Obscuration
  • Parallax
  • Dimensionality
  • Dolly & zoom
  • Exercise #2: Motion sketching – ideation & presentation

Module 3

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
    and developers
  • Finding opportunities for motion
  • Unwinnable designs
  • Exercise #3: problem solving with motion – crafting the pitch

Your instructor

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.

★★★★
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, Lutron, Coopersburg, PA

Testimonials

★★★★★

"The UX in Motion training established a solid foundation for our Designers and left us with valuable tools and tactics that will allow us to integrate motion as a prototyping tool in our practice, which will ultimately allow us to produce more tangible, evocative work for our clients."

John Rousseau, Executive Creative Director, frog, Seattle

★★★★

“This workshop was great for understanding how motion can either help or hinder usability. We discussed both good and bad uses of motion in real world products. This workshop also supplied us with a common vocabulary that facilitates discussion and idea exchange.”

Liliana, Engineering Manager, Kayak, Boston

★★★★★

"I thought the workshops and exercises were very useful and got our team thinking in practical ways about motion. Introducing the right vocabulary was also very useful."

Alkistis Mavroeidi, UX Designer, Kayak, Boston

★★★★★

"I came to this workshop with no knowledge on motion and walked away with a really good perspective on principles on motion, and analyzing motion design examples to learn from them and when/where to add delight and value to the product.”

Angad Manco, Interaction Designer, Cisco, San Jose

★★★★

"There's an idiom: those who can, do; those who can't, teach – which I'm very happy to report is not the case with Issara, he 'does’ and 'teaches’ brilliantly. Issara clearly represents an incredible amount of talent and experience, so getting an opportunity to send our designers to train with him was a great opportunity at a great price. Issara got our folks thinking, iterating, and delivering motion at a whole deeper level. We trusted him with one third of our talent, and he over-delivered on our investment. The UX in Motion training helped Artefact's ability to create great video storytelling deliverables, accelerate timelines, and save us money on contracts we would normally spend on outside motion vendors. I have no hesitation in recommending his best in class training to any other design company looking to remain competitive."

Rob Girling, Artefact Principal, Co-founder, Seattle

★★★★★

“The class was great with lots of examples to illustrate how motion can support or undermine the UX.”

Angela, Product Designer, Scribd, San Francisco

★★★★★

“Having a standard/common language to share ideas about motion in UX is key to collaborating, and pitching motion design concepts. Also understanding the difference between motion for entertainment vs similar principles for UX goals.”

John Luxford, CTO/Developer, The Campfire Union, Winnipeg

Contact

The best way to inquire if the workshop is a good fit for your team is to schedule a one-on-one call with Issara. You can do so by clicking the button below. Be prepared to speak to workshop outcomes and goals as well as expected number of participants.