Motional Intelligence - How Animation Brings Your Product to Life

Gone are the days when animations used to simply add flair to a design.
Today, animation plays a key role in bringing an extra layer of
information and adding personality to your brand.

In this talk we will focus on how motion guides your users, keeps them focused
on what’s important, educates them about information hierarchy, guides their
focus through experience, and adds delight to your product.

Said differently, tune in to learn how animation can bring your product to life 🧟‍♂️.

Transcript

1. How animation can bring your product to life Cyril Mottier otional Intelligence M
2. How animation can bring your product to life Cyril Mottier Emotional Intelligence
3. Emotional Intelligence How animation can bring your product to life Cyril Mottier M
4. gensdecon fi GensDeCon fi
5. gensdecon fi ance.com GensDeCon fi ance is hiring!
6. is hiring!
7. This is where it all began…
8. Why are animations so important?
10. Information hierarchy
14. Brand expression
18. Feedback and status
23. User education
26. Immersion
28. nike.com/fr/ Nike Shop
29. The 5 additions of motion
30. The 5 additions of motion 🧠 Emphasize information hierarchy
31. The 5 additions of motion 🧠 Emphasize information hierarchy 👌 Add delight to your product
32. The 5 additions of motion 🧠 Emphasize information hierarchy 👌 Add delight to your product 🚦 Provide feedback and status
33. The 5 additions of motion 🧠 Emphasize information hierarchy 👌 Add delight to your product 🚦 Provide feedback and status 👉 Educate and guide users
34. The 5 additions of motion 🧠 Emphasize information hierarchy 👌 Add delight to your product 🚦 Provide feedback and status 👉 Educate and guide users 🤿 Create immersive experiences
35. The 5 additions of motion 🧠 Emphasize information hierarchy 👌 Add delight to your product 🚦 Provide feedback and status 👉 Educate and guide users 🤿 Create immersive experiences
36. Thank You! Cyril Mottier • gensdecon fi