Micro-Interactions in UX Design - How Small Interactions Can Make a Big Impact

In this talk, we will explore the power of micro-interactions in UX design and how they can have a significant impact on user experience.

Micro-interactions are small design elements that occur within a larger user flow and are often overlooked, but they can greatly enhance the user's interaction with a product. We will delve into various examples of micro-interactions and how they can be used to create a more engaging, intuitive, and satisfying user experience.

By the end of the talk, attendees will have a deeper understanding of the importance of micro-interactions and how to use them effectively in their own UX designs.

Transcript

1. Micro-Interactions in UX Design How Small Interactions Can Make a Big Impact @cyrilmottier
2. gensdecon fi GensDeCon fi
3. gensdecon fi ance.com GensDeCon fi ance is hiring!
4. is hiring!
5. Let’s talk about famous movie scenes… 🎬
9. What do they all have in common?
10. What do they all have in common? They are monologues
11. Interactive / ˌɪn tərˈæk tɪv / Communicating with and reacting to each other; in fl uencing or having an e ff ect on each other; acting or capable of acting on each other or with the other.
12. Solitary Interactive unidirectional bidirectional dialogue monologue ephemeral permanent
13. Solitary Interactive
14. This discipline is called interaction design (a.k.a. IxD design)
15. What are micro-interactions?
16. What are micro-interactions? Microinteractions are small moments that can be dull and forgettable, or fun and engaging.
17. The details are not the details. They make the design. – Charles Eames “
18. The structure of micro-interactions Loops & modes Feedback Trigger Rules
19. The structure of micro-interactions Loops & modes Feedback Trigger Rules
20. The structure of micro-interactions Loops & modes Feedback Trigger Rules
21. Sign in Sign in Sign in Sign in
22. “Hey Siri”
26. The structure of micro-interactions Loops & modes Feedback Trigger Rules
27. The structure of micro-interactions Loops & modes Feedback Trigger Rules
29. Victoire <victoire@gensdecon fi ance.com>
30. victoire@gensdecon fi ance.com
33. The structure of micro-interactions Loops & modes Feedback Trigger Rules
34. The structure of micro-interactions Loops & modes Feedback Trigger Rules
40. The structure of micro-interactions Loops & modes Feedback Trigger Rules
41. The structure of micro-interactions Loops & modes Feedback Trigger Rules
42. Design best practices 🤩 Design with intention Create harmony Complement vs distract Think subtle, brief and simple Make them e ff ortless and invisible Be functional fi rst Keep longevity in mind Have a user-centered design approach Adapt it to today’s world Don’t make your UI a Disney movie Follow the KISS principle Don’t start from zero Make it a story Absorb complexity Make it adaptative Polish from head to toe
43. Design best practices 🤩 Design with intention Create harmony Complement vs distract Think subtle, brief and simple Make them e ff Be functional fi Keep longevity in mind Have a user-centered design approach Adapt it to today’s world Don’t make your UI a Disney movie Follow the KISS principle Don’t start from zero Make it a story Absorb complexity Make it adaptative Polish from head to toe
44. Design best practices 🤩 Design with intention Create harmony Complement vs distract Think subtle, brief and simple Make them e ff Be functional fi Keep longevity in mind Have a user-centered design approach Adapt it to today’s world Don’t make your UI a Disney movie Follow the KISS principle Don’t start from zero Make it a story Absorb complexity Make it adaptative Polish from head to toe
45. Design best practices 🤩 Design with intention Create harmony Complement vs distract Think subtle, brief and simple Make them e ff Be functional fi Keep longevity in mind Have a user-centered design approach Adapt it to today’s world Don’t make your UI a Disney movie Follow the KISS principle Don’t start from zero Make it a story Absorb complexity Make it adaptative Polish from head to toe
46. Design best practices 🤩 Design with intention Create harmony Complement vs distract Think subtle, brief and simple Make them e ff ortless and invisible Be functional fi Keep longevity in mind Have a user-centered design approach Adapt it to today’s world Don’t make your UI a Disney movie Follow the KISS principle Don’t start from zero Make it a story Absorb complexity Make it adaptative Polish from head to toe
47. Design best practices 🤩 Design with intention Create harmony Complement vs distract Think subtle, brief and simple Make them e ff Be functional fi rst Keep longevity in mind Have a user-centered design approach Adapt it to today’s world Don’t make your UI a Disney movie Follow the KISS principle Don’t start from zero Make it a story Absorb complexity Make it adaptative Polish from head to toe
48. Design best practices 🤩 Design with intention Create harmony Complement vs distract Think subtle, brief and simple Make them e ff Be functional fi Keep longevity in mind Have a user-centered design approach Adapt it to today’s world Don’t make your UI a Disney movie Follow the KISS principle Don’t start from zero Make it a story Absorb complexity Make it adaptative Polish from head to toe
49. Design best practices 🤩 Design with intention Create harmony Complement vs distract Think subtle, brief and simple Make them e ff ortless and invisible Be functional fi rst Keep longevity in mind Have a user-centered design approach Adapt it to today’s world Don’t make your UI a Disney movie Follow the KISS principle Don’t start from zero Make it a story Absorb complexity Make it adaptative Polish from head to toe
50. Less is more. – Mies Van Der Rohe “
51. That’s all folks! Any questions? @cyrilmottier