Micro Interactions - the new mobile ux paradigm

This was the talk I gave the BigMobility conference organised by NextBigWhat. The talk delves into the basics of micro interactions and how mobile developers/entrepreneurs can leverage this for their mobile products.

Transcript

1. Micro interactions 
 the new paradigm in mobile ux @netbramha | aashish solanki
2. Next 30 mins – Intro 
 – What is micro interaction - Why micro interaction on mobile 
 - structure - Q & A
3. Aashish Solanki Founder & principal designer @ NetBramha studios ! Mango lover, movie buff & your friendly ux guy
4. Founder/Curator @ DesignDay
5. Offline micro interactions ! ! !
7. A micro-interaction is a contained product moment that revolves around a single use case. ! A tiny piece if functionality that does only one thing What is micro interaction
8. microinteractions are not features eg: Music player vs adjusting the volume inside it • Complex • time Consuming • Cognitively 
 more involved Features • Simple • brief • should be almost effortless MicroInteraction
9. microinteractions are used ! ! - accomplish a single task - connecting devices together (tap, NFC etc) - Interact with single piece of data (weather, volume etc) - control an ongoing process (hold a call etc) - Turning on / off feature
10. A human experiences 20000 moments in a day - Daniel kahneman
11. open your phones ! ! !
12. why micro interaction on mobile 5 important reasons ! ! !
13. increase brand / product stickiness
14. UBER When waiting for a request to be approved and matched, users can play with the screen & make doodles that trail & disappear. differentiate your product
15. Gmail app the day (if ever!) you do not have any mail it will show you a quirky smiley ! Can create epiphany moments
16. Twitter Long pressing the “Me” tab opens the user selection right away. Can create epiphany moments
17. YELP Lets you use emoji to search for businesses. Attention to detail
18. CircleCI Once activated, the input placeholders become input labels. ! Attention to detail
19. Structure of a micro interaction
20. 01.trigger Make the trigger something that the target users will recognise as a trigger in that context ! trigger initiates the same action every time ! bring the data forward
21. 01.Trigger
22. 02.rules Define how micro interaction should behave ! • Response to trigger • control to user • sequence & timings • data & Source • Feedback & When • Repeat & Frequency • end of micro interaction
23. 02.rules
24. 03.Feedback Feedback can be ! • visual • animated • messages • Audio • haptics
25. 03.FEEDBACk
26. 04.Loops & modes A loop defines what happens to the micro interaction the next time ! A mode is a state in a micro interaction
27. 04.loops & Modes
28. SOME OTHER THINGS MICRO COPY SIGNATURE MOMENTS FAMILIARITY
29. Are you the problem?
30. Thank you. Questions? ! • We are hiring • open for ux projects • we invest design equity in startups ! aashish@netbramha.com or @netbramha