Elektrine lite

← Feed

@tuomas_h@mastodon.social

Post #1513138

2025-06-15 16:51 UTC

Mockup time! What could be a reasonable "middle ground" between the Mac OS design that we have today and the radical Liquid Glass design we saw this week from #WWDC25? Disclaimer: this does not attempt to solve all the issues of modern Mac OS design, such as cramped toolbars caused by full-height sidebars and combining the toolbar with the title bar. I feel like the Apple of today is too far gone to do anything about those. Read on to see what I actually tried to address.

Replies (35)

  • @tuomas_h@mastodon.social 2025-06-15 16:57

    Several people have said having the sidebar float over the window feels weird, and I agree. Here I effectively reversed the visual hierarchy: the sidebar extends from "underneath" the window like a drawer. We gain back the pixels from the left of the sidebar and we don't have to figure out how to extend the content behind the sidebar. Conceptually, in most cases, the sidebar is not the most important part of your window, it's there to show/change the context of what's happening on the right.

    Open ##2417556

  • @paul@whisper.tf 2025-06-15 17:01

    @tuomas_h@mastodon.social soooooo much nicer 😭

    Open ##2417570

  • @tuomas_h@mastodon.social Looks great, and now I want an actual drawer at the bottom of the window with this style

    Open ##2417571

  • @czeins@mastodon.social 2025-06-15 17:22

    @tuomas_h@mastodon.social 👏👏👏

    Open ##2417572

  • @danielinoa@mastodon.social 2025-06-15 17:39

    @tuomas_h@mastodon.social This is infinitely better! 👏

    Open ##2417573

  • @joesteel@duck.haus 2025-06-15 17:46

    @tuomas_h@mastodon.social I like how it’s gone full circle to left side drawers. Haha. I still don’t love the stoplights being attached to the tab bar. I wish we could just have a solid title bar again where you could predictably drag the window, but there’s no way to do that with their stated design and material goals.

    Open ##2417574

  • @iam@ernestoacosta.org 2025-06-15 18:29

    @tuomas_h@mastodon.social I'd make you Vice President of Human Interfaces at Apple today.

    Open ##2417575

  • @HOsy@mastodon.social 2025-06-15 19:04

    @tuomas_h@mastodon.social Please send this design as feedback to Apple. I love it.

    Open ##2417576

  • @kaplag@mastodon.social 2025-06-15 19:18

    @tuomas_h@mastodon.social it’s not like visionOS at all. In visionOS the app chrome takes on the colors of the background “environment”, much like how current Mac side panels take on the desktop colors. Instead they inset everything and it takes color from the content. visionOS also has totally detached side panels while bottom toolbars float partially over content they modify. I think a lot of the changes derive from iPad’s hybrid tab bar/side panel. I get why Apple wants to keep the two on the same plane.

    Open ##2417577

  • @metaning@mastodon.social 2025-06-15 19:24

    @tuomas_h@mastodon.social Would still go back to Snow Leopard in a heartbeat.

    Open ##2417578

  • @seiz@mastodon.social 2025-06-15 19:58

    @tuomas_h@mastodon.social First question from me as a "user" would be: Can i scroll?

    Open ##2417581

  • @adacosta@twit.social 2025-06-15 20:08

    @tuomas_h@mastodon.social I like this, but I would prefer a fade effect where the content page fades into the glass sidebar. But that brings up issue of defining the separator for resizing, but maybe a small colored water drop could be that?

    Open ##2417584

  • @simonlou@typo.social 2025-06-15 21:22

    @tuomas_h@mastodon.social that makes total sense—I really could imagine using that.

    Open ##2417585

  • @buck@mastodon.social 2025-06-15 21:29

    @tuomas_h@mastodon.social Outstanding. Much much better.

    Open ##2417586

  • @dmd@mastodon.social 2025-06-15 21:55

    @tuomas_h@mastodon.social Very nice work. If the new design actually looked like this, I would be happy to adopt it in my Mac app, instead of dreading it like I am now.

    Open ##2417587

  • @noheger@wien.rocks 2025-06-15 21:56

    @tuomas_h@mastodon.social This looks sooooo much better!

    Open ##2417588

  • @gklka@mastodon.social 2025-06-15 22:18

    @tuomas_h@mastodon.social @siracusa@mastodon.social MUCH better.

    Open ##2417589

  • @tapforms@mastodon.social 2025-06-15 23:23

    @tuomas_h@mastodon.social this is really nice. The toolbar buttons look like they're part of the window instead of floating a foot above like in os26. And I love the sidebar.

    Open ##2417590

  • @tuomas_h@mastodon.social ah… some sanity. I feel much calmer looking at this.

    Open ##2417591

  • @lo_fye@mastodon.cloud 2025-06-15 23:36

    @tuomas_h@mastodon.social I wish the entire left sidebar was a single section so I could mix and rearrange the icons exactly as I see fit. I don’t want it separated into Favourites and Locations. That’s not how I think about things.

    Open ##2417592

  • @leon@peoplemaking.games 2025-06-16 03:01

    @tuomas_h@mastodon.social this looks way better. I’d love to see the toolbars also demoted in the z hierarchy

    Open ##2417594

  • @amyworrall@mastodon.social 2025-06-16 10:48

    @tuomas_h@mastodon.social I absolutely love the sidebar-under-the-window concept. I wonder about implementing it as an open source package, and trying to promote adoption amongst indie apps!

    Open ##2417595

  • @pasi@infosec.exchange 2025-06-16 11:13

    @tuomas_h@mastodon.social This looks really good. I particularly appreciate that you left out all progressive blur. Please get hired by Apple 🙏 You kept all the good parts, button borders, clearer structure and actual concentricity ✅

    Open ##2417596

  • @tuomas_h@mastodon.social @joesteel@duck.haus Vast improvement! Great work!

    Open ##2417597

  • @flogehring@mastodon.social 2025-06-16 19:07

    @tuomas_h@mastodon.social considering hierarchy I’d argue that the top bar needs to cover the whole top so the traffic lights are on there too. Otherwise it’s great. Love the „traditional“ sidebar.

    Open ##2417598

  • @betamagic@mastodon.social 2025-06-16 19:10

    @tuomas_h@mastodon.social This is endlessly better, especially the sidebar.

    Open ##2417602

  • @alpennec@iosdev.space 2025-06-16 19:27

    @tuomas_h@mastodon.social agree! I might be one of the "several people": https://iosdev.space/@alpennec/114669269359905656

    Open ##2417603

  • @cameron_bosch@floss.social 2025-06-16 22:52

    @tuomas_h@mastodon.social Honestly, if Steve Jobs saw the Apple of today and what macOS Big Sur and onward looked like, he would fire nearly every person in charge of that team. Like, the icons looked like crap, the padding was enormous, and the settings app in Ventura looks like an iOS app ported badly from the iPad or iPhone.

    Open ##2417604

  • @cdoncarroll@mstdn.social 2025-06-17 15:34

    @tuomas_h@mastodon.social I'd be curious to hear how you think iPad fits (or doesn't fit!) into the design thinking here. The new sidebars seem to stem the desire for consistent treatment across macOS and iPadOS (where the constrained width of the display makes floating sidebars feel more natural as the sidebar collapses and expands over the content). Do you think that's a worthwhile goal here?

    Open ##2417605

  • @tuomas_h@mastodon.social WeHaveToGoBack.gif

    Open ##2417610

  • @tuomas_h@mastodon.social 👏

    Open ##2417611

  • @tekcor@mastodon.social 2025-06-18 21:50

    @tuomas_h@mastodon.social I already like your sidebar so much more than that abomination they’ve given us.

    Open ##2417612

  • @bonumdesign@mastodon.social 2025-06-20 08:28

    @tuomas_h@mastodon.social this looks so much better, so mature.

    Open ##2417613

  • @rickfillion@mastodon.social 2026-03-26 02:25

    @tuomas_h@mastodon.social that sidebar looks like a modern NSDrawer. :)

    Open ##2417614

  • @huwr@aus.social 2026-03-26 03:49

    @tuomas_h@mastodon.social you’ve almost brought back drawers here

    Open ##2417615