January 25, 2021

UX mistake #4: Slow Animations

Jonas Kamber @jonaskamber

Animations in user interfaces can have an explanatory role and help understand the relationship of interactive elements. But many animations are timed very poorly – most animations are simply too slow.

Take this action

Make sure your animations are snappy. As a rule of thumb: cut the duration of your animations in half until it feels too fast. Then go one step back. In addition, don’t use linear easing and make sure to take the travel distance into account.

Password rules

Was this helpful? Something to add? Give it an upvote.

👉 Subscribe to the UX mistakes newsletter

  1. 2

    Some great tips Jonas! It's been on my to-do list to update our animated GIFs on the OpinionX homepage for too long, better bump it up to this week's priority.

  2. 1

    I'll take this one step further... I really hate unnecessary animations.

    1. 1

      Would you hate them if they were very fast as well?

      1. 2

        I think animations are good if they serve a purpose (e.g. a sidebar menu sliding in).

        Your example above is fine too, it looks and acts like a real slider.

        Sometimes I feel like designers add animations because they look cool but they don't add any value to the actual understanding of the UI, and that annoys me (though maybe that's just personal preference.)

        For example, I hate it when web pages fade-in or slide-in content as you scroll down the page. That's so unnecessary and annoying and actually impedes my reading of the page.

Recommended Posts