Motion
in the
Browser
Digital Experience Team
11th March 2016
ASOS
don’t do motion
(in the browser)
Often neglected element of UX & UI design
Time to think beyond static Photoshop / Sketch comps
It’s not all about
cheesy transitions
You are entering…
The 4th Dimension
But why?
Motion can increase
user satisfaction
& engagement
Motion can provide positive & negative reinforcement
Motion can create
an illusion of
perceived performance
Motion can create a
sense of personality
The Masters
Established the key principles of
believable animation
12 basic principles of animation
Pushed the boundaries of what is possible
and expected
Added some much needed comedy slapstick into an elegant art-form
Patterns
Microinteraction
Process animation
Explanatory animation
