zlacker

Purposeful animations

submitted by jakela+(OP) on 2025-09-05 14:34:57 | 546 points 134 comments
[view article] [source] [go to bottom]

NOTE: showing posts with links only show all posts
◧◩
13. mickae+8s[view] [source] [discussion] 2025-09-05 17:01:40
>>wonger+sp
> Also, I think a lot of people would be happier if web apps exposed settings like zero animation

This exists as a browser setting, it's called "prefers-reduced-motion", an example usage in my code: https://github.com/mickael-kerjean/filestash/blob/master/pub...

◧◩
36. robenk+1D[view] [source] [discussion] 2025-09-05 17:56:02
>>daniel+Vn
> Delight is overblown, in my opinion. I think most of the people truly delighted by fancy animation are just other designers.

Appreciating delight (for it's own sake) in software design I'd consider a core trait of (old-school?) Apple fans. E.g., lamenting the decline of whimsy in the post-Jobs era.

I don't know of a canonical piece that summarizes this idea, but it's referenced a bit in this short piece https://daringfireball.net/linked/2024/12/05/festivitas

I think there's truth to it being relatively niche, appreciating delight that is, but it's certainly not confined just to designers. E.g., like I'm saying here, a core trait of Apple fans is appreciating these kinds of details.

◧◩
41. pverhe+gF[view] [source] [discussion] 2025-09-05 18:07:41
>>w4rh4w+dz
Worth noting, the prefers-reduced-motion media query is great for this:

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pref...

47. stack_+7K[view] [source] 2025-09-05 18:30:03
>>jakela+(OP)
Here's a subtle problem: An animation that looks "delightful" on the screens you have, might look pretty bad on a screen you don't have. For example, the author's animation for scaling a button looks fine on my M1 MacBook Pro, but jittery and sluggish on the crappy IBM ThinkVision monitor attached to my MacBook. See for yourself:

MacBook: https://drive.google.com/file/d/1UjJnxobPlBh_nv18Ych0XHwHEMw...

Crappy Monitor: https://drive.google.com/file/d/1jtwJKIFvteLOWD1Pzj1mTZjQwVX...

◧◩◪
59. w4rh4w+MX[view] [source] [discussion] 2025-09-05 19:43:41
>>pverhe+gF
Interesting. Apparently browsers (at least Firefox) uses the OS' setting for this. I still have animations enabled in Windows 10 due to how windows are rendered when they are opened, but the content isn't painted yet.

However, there seems to be way to set this manually in Firefox. [1] Go to about:config and add `ui.prefersReducedMotion` set to `1`. Can be verified with https://animate.style

[1] https://stackoverflow.com/a/59709067

◧◩◪◨
100. mackey+yP1[view] [source] [discussion] 2025-09-06 02:35:38
>>evulho+wj1
it got on my nerves to the point i switched to https://github.com/nikitabobko/AeroSpace, lol. things like smooth scroll help you follow your place in the text (its something i cant live without, even in a tui editor). a fullscreen workspace switch should not need that.
128. AfterH+zX3[view] [source] 2025-09-07 00:56:20
>>jakela+(OP)
Ethics and design guy here-- I think this is one of the most, "purposeful" articles I've seen in forever if you don't mind the pun. (I'm from Utah).

I'm asking myself the question of fundamentally why UI designers are making decisions to include the, "tasteful delay" and its ultimately as the article points out prioritizing, "delightful presentations" for, "tools that ultimately serve the users purposes most effectively." I don't think I have to preach to a converted choir here about that but I'm reminded of Thorstein Veblen's famous book and I wonder; at a deeper level isn't misanthropic to reduce software to, "tools?" Lumiere created motion pictures and we told stories. We invented the interactive motion picture and we jerry-rigged into an automated office suite. Outside of the very sexy Alan Kay-Dan Ingalls fringe computer interfaces of all stripes descended from that very idiosyncratic paradigm.

I wonder what crazy shit Ted Nelson is building with Claude right now. Sweet fuck.

https://moglen.law.columbia.edu/LCS/theoryleisureclass.pdf

[go to top]