Determinate Loader

indeterminate loader that runs during value proposition.

UX value is to hide latency
‍

Celebratory Moment

‍Illustration animation to indicate achievement

UX value is motion affordance

Determinate Loader  

Ostensible indeterminate loader that runs during value proposition.

UX value is to hide latency

Celebratory Moment  

‍Illustration animation to indicate achievement

UX value is motion affordance

Checkbox

Motion for hover and enabled states

UX values are motion affordance and gesture confirmation

Button
‍‍
Motion for hover and selected states

UX value is motion affordance and gesture confirmation

Slider
‍
Motion for adjusting and selected value

UX value is motion affordance and gesture confirmation

Toggle
‍
Motion between enabled and disabled states

UX value is gesture confirmation and motion affordance

Page Indicator
‍
Motion for horizontal navigation

UX value is motion affordance

Infographics
‍
Motion to reveal and exit infographic chart

UX value is motion affordance

Infographics
‍
Motion to reveal and exit infographic chart

UX value is motion affordance

Infographics
‍
Motion to reveal and exit infographic chart

UX value is motion affordance