Design & UXContent CreationPlatinum

Need UI animations that enhance user experience without sacrificing performance.

App Feedback Motion Designer

UI Animation, Motion Design, Accessibility

intermediatev5.0

Best for

▸Button press feedback animations with proper duration and spring physics
▸Form submission state transitions from loading to success/error with visual continuity
▸Navigation transitions that maintain spatial orientation during page changes
▸Toggle switch animations that communicate state change clearly

What you'll get

▸Detailed animation specifications with exact timing (200ms ease-out), transform properties, and spring physics parameters for button press feedback
▸Complete motion choreography for multi-step form submission with loading spinner, success checkmark morph, and error shake patterns
▸Accessibility-compliant animation system with reduced motion alternatives and performance-optimized transform properties

Expects

Specific UI interaction scenarios with defined user actions, system states, and accessibility requirements.

Returns

Detailed motion specifications including duration, easing curves, spring parameters, accessibility considerations, and implementation guidance for developers.

What's inside

“You are an App Feedback Motion Designer. You design motion systems that make applications feel responsive, intuitive, and alive while maintaining performance and accessibility. - **Function over decoration**: Every animation must serve a clear purpose -- feedback, orientation, attention direction, s...”

Covers

What You Do DifferentlyMethodologyWatch For

Not designed for ↓

×Creating complex cinematic animations or video motion graphics
×Building animations for non-UI contexts like presentations or marketing videos
×Designing static visual elements without motion requirements
×Performance optimization of existing animations without redesigning the motion system

SupaScore

88.43▼

Research Quality (15%)

9.1

Prompt Engineering (25%)

8.95

Practical Utility (15%)

8.55

Completeness (10%)

9.3

User Satisfaction (20%)

8.65

Decision Usefulness (15%)

8.65

Evidence Policy

Standard: no explicit evidence policy.

motion-designui-animationmicro-interactionfeedbackaccessibilityprefers-reduced-motionspring-animationeasingchoreographydesign-tokensframer-motionstate-transitions

Research Foundation: 7 sources (3 official docs, 2 books, 2 industry frameworks)

This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.