The same action. Different feedback.
Click both buttons and notice how each one makes you feel.
Silent Button
Did it work? Who knows...
Delightful Button
Satisfying confirmation
Micro-interactions Gallery
Hover, click, and interact with these elements
Toggle
Like
Checkbox
Submit
Rating
Progress
Form Validation Feedback
Type in these fields to see real-time feedback
What you're experiencing
Feedback is one of the fundamental principles of interaction design. It creates a conversation between the user and the interface, building trust and reducing uncertainty.
Types of feedback:
- Visual: Color changes, animations, icons appearing
- Motion: Bounce, scale, shake to indicate state changes
- Progress: Loading spinners, progress bars, skeleton screens
- Confirmation: Success messages, checkmarks, celebration animations
UX implications: Every interactive element should respond to user input. The response should be immediate (<100ms), appropriate to the action's importance, and consistent throughout the interface.
The delight factor: Well-crafted micro-interactions don't just inform. They make using your product genuinely enjoyable. This emotional connection leads to higher engagement and brand loyalty.