Live data from Hacker News

Slightly reducing the sloppiness of AI generated front end

envs.net

21–30 of 147 posts

Re: Slightly reducing the sloppiness of AI generated front end

#21
post #3
post #2

I think this says more about "modern" UI than it does about AI slop. The awfulness of all this comes mostly from the fact that widgets no longer have consistent shape, theme or interaction behaviour ever since desktop paridigms and original Xerox/Parc research were abandoned in favour of web slop. So yeah, this is much more Web Slop than AI Slop. AI is just amplifying it.

Continuing in that vein, it'd be interesting to see a Win98 version. Edit: https://retr0.id/stuff/deslop/

i love this so much it's unreal

Re: Slightly reducing the sloppiness of AI generated front end

#22

>> Slop is not a distinct style, it can be overlaid on top of many others. Even when I got it to make a page to look like X, it looked like X with slop. Today, I can visit a website and instantly tell it was generated using LLMs and agents from A to Z: 1. Everything is in blue or mauve gradient, with a white background, and a single JavaScript-heavy page that lags as soon as you scroll a little. 2. There are always a…

I don't think that is true, in the way that it always wasn't: How would you be able to tell when it's done properly?

Think WordPress installations: Depending on how it's done you can either tell at a glance (probably ~90% of WP installations at some points in time) or you have no clue until you look at the html source.

Of course, when given the option to not do it properly is always alluring and then you can tell.

Re: Slightly reducing the sloppiness of AI generated front end

#23

Does anyone have good examples of well designed web applications - not landing pages or peoples tech blogs, which are often listed here on HN. But like actual applications that do a complex task with the user using it as a tool.

https://www.mcmaster.com/ has a reputation

Re: Slightly reducing the sloppiness of AI generated front end

#25
I had to read the post about five times and still didn't see the link to the actual examples - I actually had to view source to see the URL.

I like the idea - all of the designs are pretty meh though. If I had to pick one, I'd pick the HIG one (apart from that cursed glass effect on scroll) and then probably the Win11 one.

Re: Slightly reducing the sloppiness of AI generated front end

#27

I had to read the post about five times and still didn't see the link to the actual examples - I actually had to view source to see the URL. I like the idea - all of the designs are pretty meh though. If I had to pick one, I'd pick the HIG one (apart from that cursed glass effect on scroll) and then probably the Win11 one.

"You can check some of the results out here" in Qt section

Re: Slightly reducing the sloppiness of AI generated front end

#28
All of these look quite terrible to my eyes. None of them really resemble the classic AI slop landing page, either (of which this [1] is a decent illustration). I'm no huge fan of that style, but it's at least readable and functional, and thus better than the results you got by a mile.

It seems like you were starting with an existing HTML file you asked it to redesign. Generating from scratch with strict guidelines could be more representative.

[1]: https://vorpus.github.io/performativeUI/

Re: Slightly reducing the sloppiness of AI generated front end

#29
post #16

Obviously this is a personal preference, but the multiple layers of beveled grey on the Qt UI is not something I like, as it forces a lot of grouping on the eye where it doesn't serve any purpose. I would go with the original, Apple or the Win11 one. Material would be good, what's with the lavender shades? I always try to reduce the palette: say two background shades max, no drop shadows, only as many foreground colo…

I liked GTK and WIn11.

Re: Slightly reducing the sloppiness of AI generated front end

#30
If you're just having fun with it, there are a whole bunch of other things that produce interesting options, like asking it to theme according to a movie (think Clockwork Orange, Backrooms, anything with a strong aesthetic), or throw screenshots and photos at it and use it as a "design system" (magazine/print layouts can work well with this on stronger models).
Post reply on HN