Email or username:

Password:

Forgot your password?
Molly White

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
Molly White

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

2xfo

@molly0xfff
"Minimalistic by design"

I don't think that word means what they think it means

๐•ธ๐”ž๐”ฉ๐”ฆ๐”ซ

@RnDanger @molly0xfff
I thought I saw that word, doing a backflip and flying around the page, with a mere 50MB of Javascript dependencies.

Donnie Two Peaches

@molly0xfff wait 'til you try to find the actual recipe on a recipe page and slog through an endless story about Tuscan summers ;-)

Gabriel Garrido

@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.

ashleycollinge

@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

Gabriel Garrido

@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"

```
@media (prefers-reduced-motion) {
html {
scroll-behavior: auto;
}
}
```

ashleycollinge

@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!

Gabriel Garrido

@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.

Gabriel Garrido

@molly0xfff :cheff-kiss:

Love the `.grift-counter` class, too.

Neia

@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.

It's terrible.

Vertana

@molly0xfff It does cut down on animations, so there can be a perceived performance increase.

Molly White

@vertana this is the site with prefers-reduced-motion. a responsible web dev would eliminate the unnecessary animations IMO

Greg Brooks

@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.

BirdInFire :mastodon:

@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.

Justin (StayGrounded.online)

@molly0xfff Screw your SEO content, I want HEO (human eyeball optimized) content!

The Other Brook

@molly0xfff Back in the beforetime we called that Flash Abuse and every site had a "skip intro" button.

Molly White

@beep :blobfoxangrylaugh: a year later and it's only gotten worse

Phil Giammattei

@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

Ethan Marcotte

@molly0xfff the internetโ€™s tagline, right there ๐Ÿ˜ญ

Jerome (He/Him)

@beep @molly0xfff I made every single element on a PowerPoint animate for an 8th grade presentation. This is giving the same energy.

Fisher

@molly0xfff The spinning logo of 1998 will never die

Stuart Langridge

@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

Philipp Kruse

@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.

Rhys Jones

@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.

DeadTOm :d20:

@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.

C++ Guy

@deadtom @molly0xfff
This browser extension puts every Web site into dark mode. It works surprisingly well.

addons.mozilla.org/en-GB/firef

DeadTOm :d20:

@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.

Wild Eyed Boy From Freecloud

@molly0xfff You're not alone. I say bring back animated ๐Ÿ”ฅs!!!

st justin :debian:

@molly0xfff that doesn't appear very mimalistic by design

Bart Van de Poel

@molly0xfff Worked on a website like that for a customer seven years ago. These designs are really horrible.

David Bloom

@molly0xfff think of how many watt-hours of CPU/GPU energy on battery are being wasted worldwide to make web pages harder to readโ€ฆ

Cal Moody

@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 โžฐ

Molly White

@logicalmoody i can only hope it's not a matter of years ๐Ÿ˜ญ

IvanDSM

@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?

soy los leapy meses

@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.

Phil Giammattei

@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

ben

@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?)

Lars-Christian

@molly0xfff Gotta love how "Minimalistic by design" vibes with the look of their website ๐Ÿ˜‚

Mathaetaes

@molly0xfff 100%. Load the text all at once, and stop breaking ctrl+f.

cuan_knaggs

@molly0xfff but the management team thinks it looks so cool and modern

tinyrabbit

@mensrea @molly0xfff This. Not even a joke. โ€Our website needs a more modern lookโ€ is an argument Iโ€™ve heard time and time again

Andres Salomon

@molly0xfff I love the animations.

Mostly because I can immediately see which companies prefer flashy bullshit over actual usability, and avoid their products/services.

Jon Mitchell

@molly0xfff I like (hate) how this website says it is โ€œminimalistic by designโ€

Juan C Nuno

@molly0xfff Yep. I sometimes long for Web 1.0. Give me straightup HTML. No CSS. The default styling. No JavaScript. Walls of text.

Chuck Munson

@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.

Warlock Of Wires

@chuck @molly0xfff
Skeumorphism makes me all warm and fuzzy...

๐Ÿ˜

8r3nt gu14n0w5k1

@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.

Warlock Of Wires

@brent @molly0xfff

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

Zach Leatherman

@molly0xfff why let the browser progressively render HTML when you can use JavaScript to do it slower ๐Ÿ˜ญ๐Ÿซ 

cthos ๐Ÿฑ

@zachleat @molly0xfff can we add in a "sproing" sound every time a component bounces in? I feel like that would enhance the experience.

Marc Roberts :mastodon:

@molly0xfff you folks are minutes apart.

mastodon.social/@marioguzman/1

I wonder how many people per minute get frustrated by this horrible trendโ€ฆ

Emelia ๐Ÿ‘ธ๐Ÿป

@molly0xfff this is legit one of the worst design trends of late

samir, software unwrapper

@thisismissem @molly0xfff Whoa, they invented PowerPoint!

Iโ€™m looking forward to the web3 people rediscovering WordArt. Specifically the rainbow swoosh.

Dan

@molly0xfff theory:
this animal, Unusablei Sellsizzlus, has evolved to mimic the behavior of the distinct and separate Powerpointfor Middlemanageri. Including transition effects, art style, and the at-first confusing combination of a huge number of figures & buzzwords with almost no actual information. The latter of which lulls the prey into an MBA-like stupor long enough to sign a service agreement and the first check.

Molytov :donor:

@molly0xfff "If you self identify as a 'web dev,' you are probably responsible for all of the world's ills"

Eric Beavers

@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!

Joe Thompson

@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.

Tamir Bahar

@molly0xfff made me think of this Bing animation. Blurring the results on mouse-over is definitely the behaviour I want.

woolie

@molly0xfff A client once told me they trusted my firm's engineering skills because our website was so simple and retro.

Molly White

@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!

John Overholt

@molly0xfff I believe the phrase "Minimalistic by design" flashed by briefly.

Giles Edwards

@molly0xfff This was done firstโ€”and bestโ€”on hamsterdance.com.

Cefr

@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!"

ScootrGrrl

@molly0xfff that is very resume driven design. Ugh.

Mark Anderson

@molly0xfff HOLY FUCK GUYS THAT THING IS BUILT BY INTERCHAIN EXPERTS!!!!

M.O.M.O.

@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

Dana Fried

@molly0xfff this is every silicon valley startup marketing copy page

It's how you know they're unserious. IBM doesn't pull that shit.

Luis Villa

@tess @molly0xfff bad news, pretty sure the IBM WatsonX pages do that

Dana Fried

@luis_in_brief @molly0xfff

not on my browser?
ibm.com/watsonx

(Though if they did, I would point out that it's an AI product, which makes it inherently unserious.)

jr conlin

@tess @molly0xfff

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.

Dana Fried

@jrconlin @molly0xfff

If you have to make your text dance to make it seem more interesting, you're telling on yourself.

tim6789

@molly0xfff Just imagine if they weren't "minimalistic by design"!

Advanced Persistent Teapot

@molly0xfff that's gonna give me motion sickness ๐Ÿคข

jenesaisquoidirehelp

@molly0xfff Damn no-js no text no website !!!
but why why why

Noah Cook

@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.

Davy :ferris:

@molly0xfff that, parallax and infinite scrolling ๐Ÿ•ณ๏ธ. Oftentimes requested by marketers and/or designers.

Josh โ€œYoshiโ€ Vickerson

@molly0xfff I've had multiple designers insist it "adds to the experience" and none of them can quantify how ๐Ÿคก

Heather Buchel

@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.

Josh โ€œYoshiโ€ Vickerson

@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 ๐Ÿ™ƒ

Swift

@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.

bujiraso

@molly0xfff

> See distracting web page
> Hit Reader mode; junk decimated to beautiful plain-text
> Valuable content? Keep reading. If not, close tab

That's my new web surfing algorithm. Front-eng is better when it's subtle and doesn't fire that mental subroutine.
I love beautiful web sites; not excessive wacky waving inflatable arm flailing web-content.

Ovan

@molly0xfff Same with apps and iOS tbh, could be so much faster if half the transitions would be shortened or removed.
I tried Reduce Motion for a while, but then you mainly get fades which doesnโ€™t really help.

Eugene Parnell

@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.

Jay of the Iceni

@molly0xfff you should because you could. No longer enough.

MTRNord (they/them)

@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)

bjb :devuannew: :emacs:

@molly0xfff It's the new scrolling banner-text, it can't go out-dated soon enough.

raganwald ๐Ÿ“

@molly0xfff

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.

Tizian

@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:

Ian Z

@molly0xfff hah, this is definitely a "we just got ahold of the Motion library and applied it to literally everything" moment

Wolfgang Mรผller (DE:er/EN:he)

@molly0xfff if this was the way to go, the first books would have been printed on pig bladders.

grant henry

@molly0xfff agreed, mobile sites are the laggiest things on earth these days especially.

Will Deakin

@molly0xfff this has strong 2010 PowerPoint circles of hell vibes but for the Web3.0 generation

Mirko

@molly0xfff Nowadays I am happy if they don't hijack my scrolling, make custom scroll bars or force feed me caroussels and background videos.

DELETED

@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 ...

Gilgwath

@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 ๐Ÿ˜ฌ

ToddZ

@molly0xfff

It's a Framer site, and holy smokes, look at the sourceโ€”it's like looking at Matrix code:

John Willis ๐Ÿ”ฐ

@molly0xfff @siracusa

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!

fleamarket.or.jp

Eric's Edge

@molly0xfff bring back table based layouts without CSS I say /*ducks*/

JustAFrog

@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.

Andreas Steinkellner

@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.

AppleFanboy

@molly0xfff Makes me miss the early web. ๐Ÿ™

noodle

@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".

John Timaeus

@molly0xfff

I appreciate websites like this.

They let me know that the company:
- prefers trendy design over actual function
- probably spends more on trendy design than functional development
- doesn't understand that "trendy design" isn't a compliment
-doesn't give a damn about customer experience

I appreciate websites like this; they stand as a warning.

@molly0xfff

I appreciate websites like this.

They let me know that the company:
- prefers trendy design over actual function
- probably spends more on trendy design than functional development
- doesn't understand that "trendy design" isn't a compliment
-doesn't give a damn about customer experience

Animtrash

@molly0xfff flash pages never left us. They just changed their name.

keet

@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

Kensan

@molly0xfff Can we have <blink> back please? That would be an improvementโ€ฆ

Sandstone37

@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.

Merc

@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.

mu

@molly0xfff The othre day, I saw a website with a link to the very next section. (one pg dn away)

Karrbs

@molly0xfff
I find it does the exact opposite when it is used in abundance like that

Leon

@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

jjmartucci

@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: amie.so

Tushar Chauhan

@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.

groxx

@molly0xfff yeah... at that point I back out or smash the readability button. It's so awful - design by fad rather than research.

Jochen Wolters

@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?

CindyS

@molly0xfff

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.

Go Up