Hacker News Reader

Looks interesting, but it misses a basic principle: don't animate things that don't need to be animated; it distracts from the text. A mini-slideshow that you step through would be better.

(Sadly, this is all too common these days. It makes me almost nostalgic for the blink tag.)

View on HN

It's interesting actually that the article doesn't cover animation. Personally I think it's actually one of the most overlooked parts of 'visual design' these days.. animation I think is looked at quite harshly and as an unnecessary flashy aspect, and I think there's a lot of guilt of exceptional misguided use of animation, but I would say today that animation isn't used enough in the right cases, good animation can improve visual confidence with hierarchy and relationship of data and influence users perception of how responsive and well a product appears to react to them. Google have some good guidelines with material design and I think they are only really scratching the surface with what is and isn't good use of animation.

I think the main issue is that animation should be restricted to 1. where the user is currently looking and 2. where they should be looking [1]. When you're reading a text, you're looking at the text and ingesting it, so animated images will be irritating. If you really need to do an animation to illustrate your point, it should be click-to-play, so that it only moves when the user is actually purposefully looking at it.

[1] An example for this is how an app's symbol jumps on the macOS dock when there's activity in that app. (Although I would say that this particular instance is just a bit too annoying. When it jumps repeatedly, I frequently reply in my head "I KNOW that you have something to show me, but I need to finish this other thing first!".)

Reply on news.ycombinator.com