Analyze and evauate easing curves for animations
Closed, ResolvedPublic

Description

Many animations on Plasma may feel slow and outdated. We should look into different easing curves for different types of animations:

  • Appear animations - Example: KWin Sliding popups
  • Morph animations - Example: KWin Morphing popups
  • Disappear animations - Example: KWin Sliding popups
  • Possibly other animations
sefaeyeoglu triaged this task as Normal priority.

In general, appear and morph animations have to be super fast or else it gets frustrating because you can feel like the UI can't keep up with you. Disappear animations can be slower because you're never made to wait for something to close before you can do the next thing.

But maybe speed isn't the focus of this ticket? In terms of the actual easing curves used, whatever looks best is what we should choose I guess. :)

We should definitely define how the easing curves should look. Generally I think we should always use some kind of decelerating, but not accelerating, easing for appear animations and accelerating, but not decelerating, for disappear animations. We could look at Material design and specifically on how they are doing easing: https://material.io/design/motion/speed.html#easing.

filipf added a subscriber: filipf.Sep 23 2019, 5:01 PM
ngraham closed this task as Resolved.May 14 2021, 8:42 PM
ngraham moved this task from Backlog/Planned to Done on the VDG board.
ngraham claimed this task.

We have since changed all the easing curves to use In/Out/InOutCubic. Folks seem to be generally happy with it these days.