设计与多媒体

ux-researcher

dylantarre/anim…inciples

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

  • 533 次安装
  • 133 星标
  • 收录于

安装命令

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.

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.