I'm making stickers of the venn diagram I used in my talk about AI vibe coding.

[nicol@social.coop]

@AlSweigart love it! Tho have seen enough terrible interfaces on functioning software to think the ‘works but looks like it doesn’t’ is a tad small..

[ulriknyman@mastodon.social]

@AlSweigart Use a different color for each circle and the same color for the associated text

[khleedril@cyberplace.social]

@AlSweigart Would love an example of software that works but doesn't look like it does.

[fubaroque@mastodon.social]

@AlSweigart Software that works is a too low bar. Anybody can cobble something together that works. Juniors do it all the time...

I demand good software.

[alsweigart@mastodon.social]

If I went with a two color scheme, which looks better?

[linuxandyarn@hachyderm.io]

@AlSweigart "Software that works" in black

[hipsterelectron@circumstances.run]

@AlSweigart second makes working software appear highlighted and emphasized which i like

[shanecelis@mastodon.gamedev.place]

@AlSweigart The left image communicates the idea that “software that looks like it works” is alarming.

[simulo@hci.social]

@AlSweigart I like it. For a smaller sticker (or one viewed from further away) writing and small cycle are probably too small.
I played a bit with the design and noticed that it is pretty hard to produce something balanced, yet easier to read in the same space.
Here is my attempt:

[simulo@hci.social]

@AlSweigart makes text harder to read, though.

[meejah@mastodon.social]

@AlSweigart tiny circle red (the right one) looks better to me. Although maybe a more "positive" colour like green or .. something that's not usually coded for "danger".

[oliverandrich@social.tchncs.de]

@AlSweigart I prefer the one with the big orange circle.

[ehmatthes@fosstodon.org]

@AlSweigart The one we care about is "software that works", so that's the one that should be emphasized.

To my eyes, the black text and circle is more prominent. I'd want to look at it through a color blindness tool, and choose a color combo that emphasizes the "works" circle in all conditions.

[diazona@techhub.social]

@AlSweigart I can't help but think the overlap between those regions should be much smaller

[snoopj@hachyderm.io]

@ehmatthes @AlSweigart interesting, I agree with the sentiment but feel that the not-black is the "emphasized" bit here, so I would choose the second image. I think because black text and lines is a default for 'signage'?

Could get a color-agnostic version of the same effect with hatching, but it would be a pretty big disruption of the existing visual.

[subm3rge@infosec.exchange]

@AlSweigart I feel seen with thf smallest slice, having written more than my share of (assembly level) software that provoked customer outbursts of "How the f is this code even working?!"

[koushiniku@hachyderm.io]

@AlSweigart The right one feels better.

[surfaceowl@mastodon.social]

@AlSweigart the one with small orange circle

[eestileib@tech.lgbt]

@AlSweigart

That top left zone with "works but doesn't appear like it should" is often the most important code to understand, cause the really elegant solutions are tucked in there along with the essential but fucked up things that actually keep your company working.

[drchris@mastodon.ie]

@AlSweigart right, use orange as a highlight not the focus.