UI Animation Speed

In fighting games, the fastest move is usually 3 frames. Fighting games run at 60fps. Each frame is 16.667ms. So the fastest move is 50ms. Estimated response time is around 140-250ms.

50ms 100ms 150ms 200ms 250ms

  1    2     3     4     5

Tight animations should be between 50-150ms. 150-250ms will be still tight but be pretty slow to the user. With UI, each action has a anticipated event. Animations should be <150ms for events that should be instant. 250ms if they should be immediate. Higher may be with fade outs but will start to impede on your UX.

Instant animations: < 150ms Immediate animations: < 250ms