Remix.run Logo
tsunamifury 6 hours ago

Motion is critical for reorientation after transition.

Often with out it your brain has to rescan the entire page on each refresh.

mrob 6 hours ago | parent | next [-]

Outside of dedicated notification areas, a GUI should only change state in response to user action. Because the user requested the state change, they naturally know how it changed. This means any animation is a redundant waste of time.

The notification area doesn't need animations either, because a GUI is only appropriate for displaying non-urgent notifications. If something really needs urgent attention, you need alarms and flashing lights, not an animated "toast".

tsunamifury 3 hours ago | parent [-]

This is the standard confusion HNers have with real life.

I think it should work this way vs “how it be”

geokon 6 hours ago | parent | prev | next [-]

Do you have some concrete examples?

"Back-in-the-days" you'd click and stuff would instantly happen, and I don't remember anything being more difficult to visually interpret.

On my Kubuntu desktop if I disable all animations (the whole compositor) I don't feel there is an increased cognitive load of rescaning things - but maybe it's my preexisting memory of the UIs and certain baked in UI expectations. Maybe this animated stuff helps people that are computer illiterate? (software made for the lowest common denominator)

billyp-rva 2 hours ago | parent [-]

Consider trying to follow along with this app [0] without the transitions. Without them you'd experience much more cognitive load to staying oriented.

[0] https://app.ilograph.com/demo.ilograph.Ilograph/Request

jstanley 2 hours ago | parent | next [-]

I think this is actually a perfect example. The animations make it more complicated to follow, not less! If it just highlighted the stuff you were hovered over it would be easy to understand, I honestly don't get the motivation behind the animation.

cyberax an hour ago | parent | prev [-]

Well, yeah. This app's UI is horrible. It's both cluttered and sparse. But what's worse, it's ANNOYING.

The key here is that animations happen outside the foveal area. Our vision is tuned to be extremely sensitive to motion and changes _outside_ the foveal area. So when something moves at the corner of your vision, it distracts your attention from your current focus.

This makes a lot of "modern" UI literally anti-productive. It actively _slows_ _down_ people and increases cognitive load.

voidnap 4 hours ago | parent | prev | next [-]

This isn't true generally. I am personally far more comfortable with disabling smooth scroll. It has more to do with your mind's expectations. Which can vary between people. Some people expect smooth and others don't. Motion itself isn't necessary.

The only time I have to "rescan" is if I input a scroll and anticipate a scroll and it doesn't scroll. It has nothing to do with motion. In fact, in that case, I "rescan" even though the page hasn't changed, but because it doesn't match my expectation that it would change.

lukeschlather 2 hours ago | parent | prev | next [-]

The OS shouldn't be making many big changes that force me to reorient. When I'm moving between different UIs I often want to compare them; animations make it harder to compare state A to state B. I can detect very fine differences between two images by switching between them within a second, if there's a 1-second animation it not only means it's going to add a second, it adds a bunch of visual noise which might make it impossible to be able to distinguish what's an actual difference and what's just noise introduced by the animation.

helterskelter 2 hours ago | parent [-]

Try using a tiling window manager. I generally dislike animation in my UI, but when a window, especially an unexpected one opens up and changes your layout it can take a second or more to reorient and it can really interrupt your flow. Animation would alleviate that.

That said, I still prefer sway over the animated alternatives for other reasons.

ikesau 6 hours ago | parent | prev | next [-]

Ah yeah, that makes sense, but I still feel like there's room for a little more discretion.

https://tonsky.me/blog/every-frame-perfect/toolbar@2x.mp4, for example

I don't think I would have to rescan the entire page to figure out where things were afterwards. Everything's shifted to the right, just like when I open my browser bookmarks.

encom 4 hours ago | parent | prev | next [-]

>Motion is critical for reorientation after transition.

The only case I can think of where this is true is on scroll, and that barely counts as animation. Anything else is an irritating waste of time.

The absolute worst offence is animating page content on scroll. Great job making me wait on pointless nonsense while scanning your website for the bit I'm looking for. People who do this should be sent to reeducation camps. Both for the animation, and for disregarding 'prefers-reduced-motion'.

jstanley 3 hours ago | parent | prev [-]

True in 3d CAD when switching between work planes. I can't think of another application.

hollerith 2 hours ago | parent [-]

It is easier for me to play speed chess with smooth animation of each move rather than when a piece instantly teleports from origin to destination, but I have reason to believe that I'm unusually intolerant to frequent activation of my orienting response.