DEV Community

Samanyu Pritish
Samanyu Pritish

Posted on

Your Website Doesn't need more animations.

Fades, slides, and micro-interactions are all examples of animations.
However, the majority of websites feel slower rather than better.

Animation isn't the problem.
Animation is being used to cover up poor design.

Animations Are Not a Feature

UX is not automatically enhanced by animations.

Frequently, they

interaction delays

users' distraction

make simple tasks seem laborious

Usability is already compromised if clicking seems slower.

Motion Should Not Decorate, But Explain

Change is explained by good animation:

the source of the content

what just took place

Things to Pay Attention to

If taking away an animation doesn't improve comprehension, it wasn't necessary.

Performance Is UX

Too many animations indicate:

dropped frames.

janky scrolling

bad mobile experience.

A slow, animated interface is always inferior to a quick, static one.

Always be subtle.

The fastest animations are the best.

Silent

Modification

where the content originates

What just took place

What to Pay Attention to

An animation wasn't necessary if cutting it out doesn't alter comprehension.

UX is performance.

An excessive number of animations indicates:

dropped frames

Janky scrolling

bad mobile experience

A quick, static interface is always preferable to a slow, animated one.

The subtlety always wins.

The most effective animations are quick.

silent

dependable

Good user interfaces don't flaunt themselves.
It moves aside.

When Animation Is Beneficial

Make use of animation to:

provide feedback

direct attention

elucidate transitions

Never to hide a misunderstanding.

Top comments (0)