Is it just me, or does a little square flash around the toggle. I am on FF Focus. It totally derails the exploration of the smoothing variants.
Similar experience in Safari on IOS
Me too. Orion on iOS. So the border radius has a light leak?
My favourite animation trick: exponential smoothing (2023)
11–20 of 390 posts
Re: My favourite animation trick: exponential smoothing (2023)
#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 does the user need to care about intermediate movement of this binary toggle?
Then this is the fanciness that detracts from solving the major flaw of these sliders: you can't easily tell whether it's off or on
Re: My favourite animation trick: exponential smoothing (2023)
#13> 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…
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.
Re: My favourite animation trick: exponential smoothing (2023)
#14The resource I come back to often for animation curves:
Re: My favourite animation trick: exponential smoothing (2023)
#15> 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…
I miss old school checkboxes for UI toggles. They're crisp and clear and don't entice bored people to animate them.
Re: My favourite animation trick: exponential smoothing (2023)
#16> 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…
> It looks worse vs the original instant response
I think that’s an unpopular opinion. The instant response looks janky, exponential smoothing looks well polished as long as it’s not too slow.
Re: My favourite animation trick: exponential smoothing (2023)
#17PID Controllers for animations
Re: My favourite animation trick: exponential smoothing (2023)
#18thanks for sharing. this must've taken a lot of experimenting.
Re: My favourite animation trick: exponential smoothing (2023)
#19Standard easing has one advantage being frame rate independent. Spring functions need some extra care to prevent things from... exploding.
Re: My favourite animation trick: exponential smoothing (2023)
#20everything old is new agin, dozens of this exact article in the flash era.
We lost a lot of collective wisdom when flash died IMO