Live data from Hacker News

My favourite animation trick: exponential smoothing (2023)

lisyarus.github.io

361–370 of 390 posts

Re: My favourite animation trick: exponential smoothing (2023)

#361

everything old is new agin, dozens of this exact article in the flash era.

We lost a lot of collective wisdom when flash died IMO

Not really, the openframeworks/processing/thi-ng umbrealla crowd never forgets.

Re: My favourite animation trick: exponential smoothing (2023)

#362

Some of example animations are buggy - https://i.imgur.com/hQyh05s.gif https://i.imgur.com/So6KsMt.gif

This is explained literally in the next sentence of the article.

First one is, my bad.

The second one is clearly a bug though.

Re: My favourite animation trick: exponential smoothing (2023)

#363

Earlier quoted context omitted.

> You are the one claiming to have numerical evidence to support your conclusions and failing to provide it. I think it is unreasonable to expect me to give that which you cannot. That appropriately applied animations are a valuable part of interface usability is not controversial. A four second google search will confirm that and I'm not going to do that for you just because you refuse to look. Anyone dismissing the…

> appropriately applied animations Appropriately applied anything is good. I am disputing whether this is an appropriate application. > How conceited of me to not scramble to go grab citations This what not conceited. There is nothing wrong with not having the numbers for something, you should just try to avoid claiming you do if you can't actually find any. The conceited bit was your general attitude. Writing many l…

> Appropriately applied anything is good. I am disputing whether this is an appropriate application.

Ok, explain why this animation is not an appropriate application of this animation in a technical demonstration of this animation.

> I would likely agree with them. Most software is quite bad, and most of it isn't designed much better. When I say a lot of designers are wasting time on this stuff, I base this on developers doing the same thing.

Copout.

> If the people making these claims were incorrect about something, I would simply explain why that is rather than saying "I have a bunch of experience that you don't have and there are some studies that prove your silly little feelings wrong. Your opinions are worthless compared to mine." The reason I wouldn't say this is because it's conceited and it doesn't convince anyone of anything.

Read the comment I wrote initially, where I explained, at length, why the comment I responded to was not correct.

> I am more concerned with what users think than I am with the current trends in design. Anyone can be a designer, that doesn't mean they know what they're talking about.

Yes, anybody can be an anything, and luckily we've got gobs of Dunning-Kreuger mountaineers in the software business to assess their competence.

Re: My favourite animation trick: exponential smoothing (2023)

#364

Earlier quoted context omitted.

Somtimes. Checkboxes work for "yes" or "no", but they're not idiomatic for other "a" vs "b" selections.

A checkbox should always have a label which should always be a question. The checkbox should be a tick not a cross. Then there is not ambiguity. Toggle switches should have two labels to the left AND right which are binary enumerations. yes (O----) no vanilla (----O) chocolate off(O----) on The problem is that designers with their bias towards animation and colors get it wrong. They do things like Turn on? (O----) An…

Bad design != Design. UI design is a communication medium, like technical writing. Within a weekend of fiddling, damn near anyone can operate the tools to assemble interfaces, but that does not mean they are interface designers. Failing to use color to appropriately communicate actions or state and thoughtlessly applied labeling are the actions of graphic designers trying to make things look pretty, or developers do to make things look 'designed.' That happens all the time and is no more an indictment of UI design than wordpress sites running janky homespun themes made from copy-and-pasted tutorial code are an indictment of web development.

Re: My favourite animation trick: exponential smoothing (2023)

#365
post #12

> Animations are not just a fancy visual thing, they help the user understand what’s going on. Instead of teleporting the toggle indicator to its new position, let’s move it smoothly Unfortunately it is, just a fancy thing that too often makes it worse or just focuses on the wrong thing. Like in this case, what exactly is "going on" that requires this visual delay? It looks worse vs the original instant response, why…

Before css animations landed I was utterly convinced animations could help the brain track relationship between items between views, but it turns out mentally it's not really that useful. To the point that I started missing win31 era pivot table like UIs.

There's still some case of adding a few short animations (microinteractions in todays parlance) to give a bit of polish and indicate concurrency or liveness.

Re: My favourite animation trick: exponential smoothing (2023)

#366
post #292

Earlier quoted context omitted.

How is it wasting time? It's not like you have to wait for the animation to complete

It's delaying the feedback I use to know if I clicked correctly.

You know that as soon as you see the first frame of movement

Re: My favourite animation trick: exponential smoothing (2023)

#368
post #13

Earlier quoted context omitted.

While in small doses it's a bit nice to affirm to the user they didn't blink while the state changed, it adds significant complexity. Nearly every one of the animations in that website flicker and the map rendering actually has a bug where it doesn't stop jittering back and forth very visibly indefinitely. Definitely makes me not want to implement stuff like this.

You were so close to reading the part where it explains why that's happening and how to fix it.

Why do absolutely all of them flicker?

Re: My favourite animation trick: exponential smoothing (2023)

#369

For some reason this makes me want a toggle that: * Moves slowly to about 75% of the way there while you hold the touch/click * Snaps the rest of the way on release I’m not sure what this could mean in terms of UX though. Maybe the setting is actually applied or saved at the end. Or it could be part of an “are you sure?” dialogue. The setting is applied as you hold, but you can hit escape to undo before it snaps into…

I have seen a lot of (eldery) people try to slide the toggle but then nothing happens. So while your at it: also make it possible to slide the toggle. Or just use checkboxes.

I also did this in the beginning with these new-style sliders that are really just checkboxes. Because they look different, I assumed they were different. (I was probably like 17 when these things became fashionable, not quite elderly just yet and also deeply into technology in general.) I also did it because it wasn't quite clear which direction was "on", so I tried to make it go in a specific direction. They did work, though, also on swiping, so that didn't help the learning process either.

Anyway, point is: potentially more of an "it's new to me" thing than an "elderly" thing.

Re: My favourite animation trick: exponential smoothing (2023)

#370

It's fascinating that easing, which is what this article mostly boils down to, is something that each new generation seems to need to (re)discover on their own. I remember being fascinated by Yugo Nakamura's experimental websites back in the late 90s because they were some of the first that I'd seen that had an organic feel due to liberal use of easing. https://www.youtube.com/watch?v=NLt7Gwnt3WY

I remember sitting on the front row of a conference where Yugo was presenting and watching all the other Flash experts lose their minds as he ran through his demos.
Post reply on HN