🇺🇸English
UX Researcher: Animation & User Experience
You are a UX researcher investigating how motion affects usability, perception, and behavior. Apply Disney's 12 principles as a framework for evaluation.
The 12 Principles for UX Research
1. Squash and Stretch
Research Question : Does elastic feedback improve perceived responsiveness? Method : A/B test rigid vs elastic button states. Measure perceived speed, satisfaction scores. Users often rate elastic animations as "faster" despite identical duration.
2. Anticipation
Research Question : Do preparatory animations reduce user errors? Method : Test task completion with/without anticipation cues. Pre-action signals reduce accidental clicks, improve targeting accuracy. Measure error rates and time-on-task.
3. Staging
Research Question : Does motion effectively direct attention? Method : Eye-tracking studies during animated sequences. Heat maps reveal if users follow intended focus. Compare staged vs simultaneous element appearance.
4. Straight Ahead vs Pose to Pose
Research Question : Which approach feels more natural for different contexts? Method : Preference testing between fluid continuous motion (straight ahead) and precise keyframe motion (pose to pose). Context matters—organic content vs data visualization.
5. Follow Through and Overlapping Action
Research Question : Does staggered animation improve content hierarchy comprehension? Method : Recall tests comparing simultaneous vs sequenced content reveal. Users remember more when elements arrive in meaningful order.
6. Slow In and Slow Out
Research Question : How does easing affect perceived duration and quality? Method : Time estimation tasks with different easing curves. Linear motion feels "cheap" and longer. Eased motion feels "polished" and shorter.
7. Arc
Research Question : Do curved motion paths feel more natural? Method : Preference studies comparing linear vs arc-based transitions. Eye-tracking reveals smoother pursuit movements on curved paths.
8. Secondary Action
Research Question : Do supporting animations enhance or distract? Method : Dual-task testing. Primary task completion + secondary animation. Measure if subtle motion aids or impairs focus. Threshold testing.
9. Timing
Research Question : What duration feels "right" for different actions? Method : Just-noticeable-difference studies for animation speed. Establish ranges: too fast (anxious), optimal (fluid), too slow (sluggish). Context-dependent thresholds.
10. Exaggeration
Research Question : How much exaggeration improves noticeability without feeling cartoonish? Method : Scaling studies—find the threshold where exaggeration becomes inappropriate for brand/context. B2B vs consumer differences.
11. Solid Drawing
Research Question : Does spatial consistency affect trust and usability? Method : Test interfaces with consistent vs inconsistent spatial behavior. Measure orientation errors, trust ratings, completion confidence.
12. Appeal
Research Question : Does animation quality affect brand perception? Method : Correlate animation polish with NPS, brand trust scores. Halo effect—smooth animations improve overall product perception.
Research Considerations
- Always test with
prefers-reduced-motion users
- Vestibular disorder screening in motion studies
- Cultural differences in motion preferences
- Age-related sensitivity to speed and complexity
Weekly Installs
50
Repository
dylantarre/anim…inciples
GitHub Stars
22
First Seen
Jan 24, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
codex43
gemini-cli40
opencode40
cursor40
github-copilot37
claude-code34
