With Mac apps just all over the place (react native, AI slop, Catalyst apps, Mobile-first apps)... I thought I'd maybe try to rein it in a bit with this new article I have published.

It is not exhaustive and it is not done yet (I have more items to add) -- but I thought I'd share it now.

It's a checklist of things you can do to your #macOS app to make it feel more Mac-y. These are in response to things (even simple, obvious things) that I just don't see anymore. :(

https://marioaguzman.github.io/design/macintoshchecklist/

Macintosh Checklist

A list of to-dos before you publish your Mac app.

Mario Guzman

@marioguzman Not about content, but about formatting of the webpage itself:

You should experiment with the max reading width. For sections that go edge-to-edge, the jump to the next line is not comfortable.

Also when you go into single column narrow layout, the order of image vs section title is not working for me. When randomly scanning my mind interprets headers as the beginnings of the sections. Not sure how much of the whitespace there should be to visually convince me otherwise.

@marioguzman Less important things:

Code side note: why the jump from h1 right to h4? This probably has chances of having strange consequences for accessibility and alternative readers.

And now that I thought about accessibility, the image vs title order issue mentioned above should probably be considered not only visual parsing problem, but also structural info hierarchy issue.