B17Intermediate
Micro-Interaction Diary
45 minMonthly
Format: During a normal day of using your phone/computer, record every micro-interaction.
Four Elements of Micro-Interactions (Dan Saffer's framework):
- Trigger: What initiates it (tap, swipe, time)
- Rules: What happens
- Feedback: What you see/hear/feel (animation, sound, vibration)
- Loops/Modes: Does it change over time
Examples to Look For:
- Instagram's heart animation when liking
- iMessage's "typing..." indicator
- Pull-to-refresh animation
- Upload progress bar
- Toggle switch click animation
- Stripe's payment form auto-formatting credit card numbers
Goal: Collect at least 15 examples. For each, record: What's the trigger? What's the feedback? How does it feel? Could it be improved?