Agent Skills

ux-researcher

Use when evaluating animation usability, conducting motion studies, or when researching how animation affects user perception and task completion.

Install

npx skills add https://github.com/dylantarre/animation-principles --skill ux-researcher
SKILL.md

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

Related skills

researchmattpocock575KInvestigate a question against high-trust primary sources and capture the findings as a Markdown file in the repo. Use when the user wants a topic researched, docs or API facts gathered, or reading legwork delegated to a background agent.paper-context-resolverlllllllama451KRigor Paper Context helper for README-first deep learning repo reproduction. Use only when the README and repository files leave a narrow reproduction-critical gap and the task is to resolve a specific paper detail such as dataset split, preprocessing, evaluation protocol, checkpoint mapping, or runtime assumption from primary paper sources while recording conflicts. Do not use for general paper summary, repo scanning, environment setup, command execution, title-only paper lookup, or replacing Renv-and-assets-bootstraplllllllama450KRigor Setup skill for README-first deep learning repo reproduction. Use when the task is specifically to prepare a conservative conda-first environment, checkpoint and dataset path assumptions, cache location hints, and setup notes before any run on a README-documented repository. Do not use for repo scanning, full orchestration, paper interpretation, final run reporting, or generic environment setup that is not tied to a specific reproduction target.ai-research-explorelllllllama311KRigor Explore compatible skill slug for meaningful and potentially novel deep learning research candidates. Use when the researcher has chosen the task family, dataset, benchmark, evaluation method, provided SOTA references, and wants candidate-only exploration on top of `current_research` with auditable repo understanding, idea gating, fair comparison, and governed experiments written to `explore_outputs/`. Do not use for README-first trusted reproduction, open-ended direction finding, narrow c

Search skills and MCP servers

Fuzzy search across 23,137 skills and servers