Pinned toot

concept: get on my lawn software.
a software design philosophy that believes good software ages like a fine wine. it shuns trends and salesmen disguised as programmers, shuns the fancy new framework. instead, gomls curates quality old software like a carefully tended forest. software that has stood the test of time, and, though it seems antiquated, it’s as robust as cast iron anvil.

Pinned toot

Principles of UI, A Thread:
1. natural mapping
2. visibility of system state
3. discoverability
4. constraints and affordances
5. habits and spatial memory
6. locus of attention
7. no modes
8. fast feedback
9. do not cause harm to a user's data or through inaction allow user data to come to harm
10. prefer undo to confirmation boxes. For actions that can't be undone, force a "cooling off" period of at least 30 seconds.
11. measure using Fitt's, Hick's, GOMS, etc. but always test with real users.

Pinned toot

big list, nerd stuff. 

list of things people like about command line interfaces/unix, for @dredmorbius

- nearly everything is ubiquitously text based, so everything people like about text applies to CLI
- everything that you can do in a CLI can be turned into a script with virtually no friction.
- many programs produce detailed logs of their activity which are more useful for diagnosing issues than opaque progress bars.
- everything is forced to be keyboard accessible by its text based nature

Pinned toot

going to very slowly rebuild my procgen links thread here.
first up, the procgen wiki.
a little sparse, but not so bad.

1. pcg.wikidot.com

Pinned toot

guys guys guys I think you’re missing the point. accumulating money is not the point of money.

anyone else who set up their own invidious instance wanna trade notes? i set mine up using nginx reverse proxy, and I keep getting 502’s at random. any ideas about what is causing this?

just read an article titled “How did VIM become so popular?”.

Spoiler: the article fails to answer the question in the title. it only recaps how VIM came to exist.

51. Humans make mistakes. It’s no use pretending they don’t. You’re just going to have to deal with it. So just make them easy as possible to fix. Include infinite undo, back button, home button, version control.

Autocorrect, I am not so sure about. I for one don’t like the computer to insist it knows better than me and then provide no way to easily insist i am right. Let me make mistakes! just make it easy to fix them.

Show thread

50. We use too many damn modals.
see also: 10., 23, 29 and 30.

need to use a confirmation box?

are you sure?

cancel, okay.

modalzmodalzmodalz.com

Show thread

like seriously, i know half of you only as “vaguely orangey smudge”, work on your avatar sillouettes people!!

Show thread

49. Figure-Ground and sillouettes.

The fastest and most well developed stage of visual recognition is of the sillouette of an object. In character design, getting the sillouette of a character to be disctinct is most important. in portraiture if you get the shape of the head right, you’re 90% there. it takes far longer to notice the interior features. time how long it takes you to spot what is wrong with adele. This is important in icon design too- don’t mask all your avatars in circles please

Show thread

in the url spec it’s called “fragment identifier”

in javascript it’s called “location.hash”

in html it’s called “anchor link”

in css it’s called “:target”

those standards wizards really can’t agree on anything can they?

i know there’s popular open source projects like lucene and solr that are full on search engines, but has anyone bothered to like, codify *just the way search queries typically work* ?

Show thread

is there some kind of standard language parser/definition for search engine queries? something simple and human friendly that defaults to plain full text search of input terms but includes the basic things you expect like “quoted terms” AND boolean operators and -exclusion ?

i feel like “figma” should be the lead up to some juvenile internet joke but it’s apparently just UI design software

i keep going over and over this one and i am never satisfied with how I worded it. i have no idea if anyone else gets what i am saying here.

Show thread

48. Things that work different should look different.
in linguistics, false cognates are words that look and sound similar, with similar meaning, but different origin. false friends are words with similar sound but different meaning. software has false cognates and false friends too. In 2018 they nearly ended the world:

core77.com/posts/71726/Bad-UI-

Show thread

47. Optical Adjustment
In the course of creating visual designs, designers very very often accidentally create optical illusions. This usually *isn't* desirable. Objects the same size appear different sizes. Lines that are meant to be straight look curved. The only way around this is to carefully adjust things by hand until they "look right". This is called "optical adjustment"

Show thread

46. Untitled%20toot%208_FINAL.docx
less a principle than a specific criticism of a ubiquitous concept.
problem: filenames try to be both a programmer interface and a user interface and it’s bad at both. spaces, special characters and long names cause problems for programmers. being overly restrictive causes problems for users. Asking for a filename on file close is the wrong time to ask the user to think about a good findable name- exactly when they’ve just decided to do something else.

Show thread

45. in olden times, type was carved by hand into metal for each type size. the different sizes were not just scaled versions of the same design: tiny adjustments were made for each size for color and workarounds for printing technology. With the invention of computer fonts, "hinting" was only done for screens at small sizes, wrong anti-aliasing later accidentally mimicked the effect. Few noticed laser printed documents looked slightly wrong or why. Now retina screens have the same issue.

Show thread

thank god multiple masters are coming back in fashion, but it’s called opentype variants

I mean, if you set your website at 10px you’re just invoking the wrath of Stella Young’s ghost. watch your toes.

Show thread

44. Past the age of 40, vision tends to decline at a steady pace. mine certainly has. Us old people can’t really deal with font sizes much below 14pt- which tends to look large and goofy to younger folk. whatever size you choose or however you set up your grid, please gracefully permit users to override your choice, and ideally design and code your thing to not break when this is done. this isn’t just politeness, it’s the law in USA, the UK and Australia, along with the rest of WCAG 2.0

Show thread

43. The web, and UI frameworks will fight you on this, but if you establish a vertical rhythm in your typographic grid, you’ll increase the feeling of unity in the design and help the eye flow better across the design. Choose a verrical spacing that suits the size and style of your main text font. there’s no hard and fast rules, but it’s good to aim for the vertical spacing to be around 1.33-1.5 the point size of your body text. heading sizes can be neat integer multiples of 1/2 or 1/3 of main

Show thread
Show more
Mastodon

Server run by the main developers of the project 🐘 It is not focused on any particular niche interest - everyone is welcome as long as you follow our code of conduct!