Interaction Design Animation Timing Reference Research-backed durations. The most common mistake is animations that are too slow. | Interaction type | Duration | Easing | Notes | |-----------------|----------|--------|-------| | Hover state change | 80–120ms | ease-out | Opacity, color, shadow | | Focus ring | 80ms | ease-out | Should feel instant | | Tap/click feedback | 80–100ms | ease-out | Scale or opacity pulse | | Toggle (checkbox, switch) | 150ms | ease-in-out | State change | | Dropdown open | 150–200ms | ease-out | Entering | | Dropdown close | 100–150ms | ease-in | Exiting — faster…