i am so over the web design trend where every piece of text on the page has to animate in
i am so over the web design trend where every piece of text on the page has to animate in 199 comments | Expand all CWs
12
@RnDanger @molly0xfff @molly0xfff wait 'til you try to find the actual recipe on a recipe page and slog through an endless story about Tuscan summers ;-) @molly0xfff Running into sites using media queries or checking for reduced motion is somewhat like running into a legendary pokemon when starting out in Pallet Town. @ggpsv @molly0xfff what do you use for mobile clients without media queries? Is there a better way? I've been trying to make my website as fast as possible, no JS etc. using Hugo @ashleycollinge @molly0xfff Sorry, I was not clear. I meant using the media query for "reduced motion": `@media (prefers-reduced-motion)`. I use this in my Hugo site so that the "jump to top" button is immediate if this setting is set in your device. Otherwise, the scroll is "smooth" ``` @ggpsv Ahh I understand! I'm going to save that. I prefer websites to be snappy, too often I've managed to move the cursor to the next button before it's loaded, not good! @ashleycollinge To be fair, CSS has changed a lot and it may be hard to keep up with all the latest things. But if you're doing a lot of animation/transition like Molly's example, it's good practice to respect that setting. @molly0xfff@hachyderm.io Yeah, I use uMatrix to prevent sites from using CSS or javascript โ originally when every site decided we only needed text weight to be at homeopathic levels and ultra low contrast, but I've managed to mostly escape this drek. @molly0xfff It does cut down on animations, so there can be a perceived performance increase. @vertana this is the site with prefers-reduced-motion. a responsible web dev would eliminate the unnecessary animations IMO @molly0xfff I was going to respond with that site that is super fast with no javascript ~โthis site is really fโing fastโ, but web search is so completely broken today that I canโt find it. @molly0xfff Yeah i've read i don't remember where that all those shenanigan where also one of the reason the web was unusable on lower hardware. @molly0xfff Screw your SEO content, I want HEO (human eyeball optimized) content! @molly0xfff Back in the beforetime we called that Flash Abuse and every site had a "skip intro" button. @molly0xfff molly i appreciate you and *yes* https://follow.ethanmarcotte.com/@beep/110022616524644135 @molly0xfff @beep it feels very much like a signal for โwe spent a lot of money on this siteโ without conferring any user benefit whatsoever @beep @molly0xfff I made every single element on a PowerPoint animate for an 8th grade presentation. This is giving the same energy. @molly0xfff everyone who builds a website where all the text slowly slides and fades into place will be punished by having their phoneโs home screen do the same thing for a week, or until they throw it out of the window, whichever comes first @molly0xfff My theory is still that the proliferation of Wordpress and its commercial theme ecosystem has been a primary driver of this trend. But yeah, itโs gotten pretty ridiculous. @sphire @molly0xfff This is definitely what Iโm noticing. Iโm currently going through the process of evaluating Wordpress as an option for the company I work for and their aging Wordpress site. The majority of themes heavily focus on animating content all over the place, I guess that sells? I know the marketing department loves them. I think Iโm just going to give up on Wordpress however and build the site in Astro and use Builder as the CMS. Oh and no animations. @molly0xfff Oh, gods yes. I'm guess I'm old and cranky, but I just like text. Good old, fast loading text, preferably with a dark mode option. @deadtom @molly0xfff @CppGuy @molly0xfff Yeah, I use that one. There are a few sites that don't like it much, but it does the trick most of the time. @WildEyedBoyFromFreecloud @molly0xfff What did you expect when the 'marquee' tag got deprecated in HTML5 .... @molly0xfff Worked on a website like that for a customer seven years ago. These designs are really horrible. @molly0xfff think of how many watt-hours of CPU/GPU energy on battery are being wasted worldwide to make web pages harder to readโฆ @molly0xfff I can only hope that in a few years weโll all look back on this trend like we do on PowerPoint slides where every bullet point swooshes in โฐ @molly0xfff @logicalmoody Web Devs have been working on these pointless endeavours for over a decade now, I don't see it getting better anytime soon unfortunately. But hey, whatever runs fast on their top tier rigs is good to ship, right? @molly0xfff For real. And every theme for CMSs does it. Also when they do that sidescroll animation suddenly, like no, please save it for a portfolio bro. @molly0xfff this is such a โonce you see itโ thing and I wish I had never noticed it because now it just makes me mad every time @molly0xfff Wow yeah I hate that. Also sites that override scrolling to do some weird animation almost never should be doing so. (Which I guess is the same 'featureโ actually?) @molly0xfff Gotta love how "Minimalistic by design" vibes with the look of their website ๐ @mensrea @molly0xfff This. Not even a joke. โOur website needs a more modern lookโ is an argument Iโve heard time and time again @molly0xfff I love the animations. Mostly because I can immediately see which companies prefer flashy bullshit over actual usability, and avoid their products/services. @molly0xfff Yep. I sometimes long for Web 1.0. Give me straightup HTML. No CSS. The default styling. No JavaScript. Walls of text. @molly0xfff Most of the website content on these kinds of sites is brochureware and SEO bait. Gotta impress the people paying for the web "design." I'm so glad I exited web dev in December after being a developer since 1995. I focus now on making sure my websites are full of quality information an content. Also redesigned most of them with skeumorphism effects because they are my websites. I'm not going to follow trends. @molly0xfff I blame Core Animation (Apple technology invented for iPhone OS). Fancy and easy-to-use APIs for giving every UI element frivolous slow behaviours, when all you want is to get on with it. Edit: I mean, this explosion of animations was the inspiration for similar behaviours everywhere. Though it may have been destiny. With the sheer irony that every major operating system out there and program is flat as a pancake. Mac OS seems to have changed very little in the last 20 years... Relative to its counterparts... Shame IOS was / is a mess @molly0xfff why let the browser progressively render HTML when you can use JavaScript to do it slower ๐ญ๐ซ @zachleat @molly0xfff can we add in a "sproing" sound every time a component bounces in? I feel like that would enhance the experience. @molly0xfff you folks are minutes apart. https://mastodon.social/@marioguzman/112282090991290983 I wonder how many people per minute get frustrated by this horrible trendโฆ @thisismissem @molly0xfff Whoa, they invented PowerPoint! Iโm looking forward to the web3 people rediscovering WordArt. Specifically the rainbow swoosh. @molly0xfff theory: @molly0xfff "If you self identify as a 'web dev,' you are probably responsible for all of the world's ills" @molly0xfff @Meyerweb Same! Thanks for saying it out loud and helping uncover a thing I didn't even realize was bothering me, but boy howdy does it ever! @molly0xfff Itโs really enlightening to browse the web with a JavaScript blocker and watch how many sites break *badly* until you allow the pointless content-animation JS library from RandomSiteOfUncertainProvenance.ai load. @molly0xfff made me think of this Bing animation. Blurring the results on mouse-over is definitely the behaviour I want. @molly0xfff A client once told me they trusted my firm's engineering skills because our website was so simple and retro. @wooliex yeah, my sites might look overly simple and perhaps a little retro but they work without javascript, won't make you motion sick, and are accessible! @molly0xfff Useless exec: "PowerPoint animations are the worst! Just display the content..." Same useless exec at a planning meeting hiding the fact they know nothing about websites, but needs to speak up or the boss will confront him later: "Hey, can the text slide in when they scroll the page? That looks really slick!" @molly0xfff@hachyderm.io A site isnโt complete without buttons that have no purpose but to laggily โsmooth scrollโ to an element a quarter of a page below @molly0xfff this is every silicon valley startup marketing copy page It's how you know they're unserious. IBM doesn't pull that shit. not on my browser? (Though if they did, I would point out that it's an AI product, which makes it inherently unserious.) I like to think of it as the same reason that LLM render one word at a time. It might be trying to look smart, but it's just making it up as it goes. If you have to make your text dance to make it seem more interesting, you're telling on yourself. @molly0xfff Yeah, I'm epileptic and while this doesn't trigger anything (I'm not really photosensitive), it makes me queasy enough to worry. I'm trying to read text that won't stay still and keeps moving past flashing objects... As I was writing that sentence, I'm thinking maybe I'm not wrong to worry. @molly0xfff that, parallax and infinite scrolling ๐ณ๏ธ. Oftentimes requested by marketers and/or designers. @molly0xfff I've had multiple designers insist it "adds to the experience" and none of them can quantify how ๐คก @josh @molly0xfff This and explaining that some animations can still be annoying to people, even if they don't straight up cause you to have a seizure, is such a frustration with this trend. @hbuchel @molly0xfff I've often quietly slipped in prefers-reduce-motion queries to remove all animations on things. sometimes designers test that and insist there still be a fade animation and I just can't with the hubris ๐ @molly0xfff I learnt this was tacky writing PowerPoints at school. It's so nice of them to revive the practice a full quarter century later. > See distracting web page That's my new web surfing algorithm. Front-eng is better when it's subtle and doesn't fire that mental subroutine. @molly0xfff Same with apps and iOS tbh, could be so much faster if half the transitions would be shortened or removed. @molly0xfff There's a big overlap between the people who are impressed with this kind of design and the people who are into cryptocurrency and NFTs. At least they know their audience. @molly0xfff especially if it takes not 150ms but like 1s or even longer. I WANT TO READ YOUR STUFF NOT WATCH A MOVIE! (Usually it also is a page which is closed before the text loaded) @molly0xfff It's the new scrolling banner-text, it can't go out-dated soon enough. Absolutely. Setting reduced animation in your browser helps but many sites don't respect it. I don't want to see, hear, or even imagine the words "Minimalist by Design" on a page designed by someone who appears to be ignorant of the fact that animation draws attention to itself rather than to the ideas being communicated. Animated text is nothing like a windowpane. @molly0xfff I for one like that. However, I think providing both an interactive and "no JavaScript" website (for e.g. Tor users) would be a good trade-off. :Blobhaj: @molly0xfff hah, this is definitely a "we just got ahold of the Motion library and applied it to literally everything" moment @molly0xfff if this was the way to go, the first books would have been printed on pig bladders. @molly0xfff agreed, mobile sites are the laggiest things on earth these days especially. @molly0xfff this has strong 2010 PowerPoint circles of hell vibes but for the Web3.0 generation @molly0xfff Nowadays I am happy if they don't hijack my scrolling, make custom scroll bars or force feed me caroussels and background videos. @molly0xfff I think it is to deal with the shorter and shorter attention span of the current young generation. So the website has to "do something" when you scroll, to give you that dopamine hit. ... we are lost ... @molly0xfff my AuDHD brain just quits and I leave the site immediately. Usually I can get what ever I need in a more brain friendly space ๐ฌ I go to flea markets occasionally in Japan, and every time I check the calendar on this NPOโs web site, I am reminded of my favorite version of the web: tables & panes haphazardly working together. The Density! See you at the Maebashi Sports Ground flea market on April 20th! @molly0xfff Web pages like this make me shut the window. I despise dancing text. I despise big everything, scroll much. It's like they're trying to make me feel very unwelcome. And it's getting very common to do it like this. I guess I'll only be using a tiny subset of the internet, in the not too distant future. @molly0xfff I feel like weโre going to see that trend for like another year before itโs replaced by a different kind of animation. Everybody is just copying this trend from each other. @molly0xfff I can't find the post, but I'm pretty sure someone here coined this scathing invective "pumping the scroll wheel powering an obnoxious marketing hurdy-gurdy". @molly0xfff This is just the modern day equivalent of the old-school <blink></blink> tags. On a related note, get off my lawn! I need to go take an ibuprofin for my back! /s @molly0xfff This happened to me at a MAC machine the other day. I had to wait a few milliseconds after pressing every button to watch as the next menu item slid into the screen. @molly0xfff What's worse is that much of the time, those sorts of things also break other standard things like scrollbars and copy-and-paste. @molly0xfff The othre day, I saw a website with a link to the very next section. (one pg dn away) @molly0xfff we should force everyone back to dialup speed so they can learn to appreciate fast load times oh wait i'm in australia, the nbn is already doing that for us @molly0xfff I just saw this one today, a calendar app which buries in it's 4,000 animations that it doesn't support Apple Calendars: https://amie.so @molly0xfff I think there is something to be said for silent space. Space where the user can click or wave their mouse about without anything on the screen changing. @molly0xfff yeah... at that point I back out or smash the readability button. It's so awful - design by fad rather than research. @molly0xfff Well, you have to cultivate _one_ fine way to push neurodivergent usersโ brains into overload while they simply want to peruse your companyโs website, no? As a non tech-ie (is that still the preferred term?) when I see that kind of nonsense they immediately lose my eyeballs. If your content is reliable, coherent, and professionally presented, you don't need distraction. Only sub par content requires smoke, mirrors, and dancing bears. |
web devs spent years agonizing over time to FCP only to now make people wait for their unnecessary animation to finish before visitors can actually read anything