3 ms·
The problem is everywhere now. I think the trend originated with ideas from Material Design. There is no aesthetic restraint with animation these days, and it's
by JoshMnem 9y ago
The problem is everywhere now. I think the trend originated with ideas from Material Design. There is no aesthetic restraint with animation these days, and it's terrible for accessibility.
It's bleeding over into Windows 10 too, which I just noticed a few days ago when helping someone with his computer.
It's bleeding over into Firefox, where small UI elements that are not the main area of focus are starting to animate. Chrome is even worse with animation by "flashing" elements after the user's focus has already moved to other parts of the UI.
Animating nearly everything on a page is like putting 4 inches of frosting on top of a cake that is only 4 inches thick.
Designers should be thinking: how can I minimize animation so that it only serves its essential purpose: bringing attention to the current area of focus in the most inconspicuous way where there is no other way to make things clear. Only one part of the page should animate at a time, and it shouldn't animate after the user's focus has left that area. There shouldn't be a delay between a user's action and animation, because that can cause a kind of "animation shock" in people who have motion sensitivity. Don't create elements suddenly get shoved into a user's face at high speed, especially with "boingy" easings.
Consider whether people are reading your content or playing a game. If they are supposed to read something, minimize animation -- think: "how can I remove as much animation as possible?". If they are playing a game, animation is fine.
Parallax can be nauseating. I wanted to like Google Plus, but had to stop using it once the animation got out of control. I stopped using Trello for mobile because of it. I close a lot of websites due to the animation, and Android phones have become really hard to use.
See also:
- https://www.webaccessibility.com/best_practices.php?technology_platform_id=11 https://www.webaccessibility.com/best_practices.php?technolo...
- http://simplyaccessible.com/article/animations/ http://simplyaccessible.com/article/animations/
- _greim_ 9y ago> Animating nearly everything on a page is like putting 4 inches of frosting on top of a cake that is only 4 inches thick. I love this analogy. In my view, animation (in non-game apps) should be felt rather than seen. It should be used to soften sharp edges over time. It really bugs me for example when a dialog fades away or slides off the screen in an excruciatingly slow manner when I hit the "X".
- JoshMnem 9y agoIt can be fun to play with CSS transitions, but it's a terrible idea to use them in practice in probably about 95% of cases. Animation is basically visual spam. I recently saw one footer bar that would appear by dropping down from the top of the page after the user started scrolling. Then when the user clicked the X, the bar would slowly float up, then fall back down (off the screen) quickly. The situation has become completely absurd.