A visual comparison of macOS Catalina and Big Sur
andrewdenty.com
andrewdenty.com
When you have clickable elements in places where they might not be expected to be clickable, that’s when it gets confusing.
There are millions of iOS users that now will look at macOS UI with more familiarity and confidence. And like any business goal, it is far more important for them than any usability perspective (not that they don't care, but...).
Apple Silicon will help break this barrier even further. The two OSes will also share the same apps.
This is also what Windows 8 and Chrome OS tried, even hard, and failed, more or less miserably.
Ironically, the new Finder looks a lot more like the Windows 10 file explorer to me.
I think all the groups have just kept doing what they've always done which is to incrementally improve what they're good at.
so "I have these two codebases that are drastically different, let's combine them" - toolkit folks
and "I have all this hardware that's drastically different, let's optimize and make them the same" - hardware folks
and "I collect a little data, can I have a little more?" - marketing folks
and on and on until it's all mud.
No wonder people who didn't grow up with computers (elderly grandparents) find touchscreen tablets so baffling from the plethora of bizarre swipes and gestures and not knowing that touching some undecorated piece of text is actually a button and has a side effect. It's stupid.
This kind of design has been validated on enumerable sites and app.
I think it's important to note that the visual cues that make something look clickable are based on convention, not some inherent clickableness.
Generally, I like this trend because it deemphasizes window and by contrast emphasizes content. Content is the general point of apps.
Lack of UI differentiating decoration is a problem.
Now it's just a small flat gray icon:
https://www.andrewdenty.com/blog/assets/img/macos-new-ui/not...
In Big Sur the icons are visible. You just need to understand the design language that in a bar of icons, the icons are buttons.
Has it been validated? It's certainly been adopted by innumerable sites and apps, but I seriously wonder how much A/B testing has shown that it increases or maintains usage of the features.
The fat toolbar in Safari is a good example. I care about the web content but now I have to give up part of my window real estate to the meta concern of the browser controls.
This used to bug me about Gnome 3 and it's sad to see macOS heading in the same direction.
I wish people would put this common criticism in perspective though.
Maybe the buttons are a little harder to recognise in flat design but not a huge amount. And maybe it makes them look at little better.
Everything about software design is about tradeoffs and not everyone is optimising for the same thing. I don't think any commercial product is designed with 100% usability for every design choice, if that's even possible.
The actions bar redesign looks good to me. It's obvious they're buttons to me. It looks cleaner, more modern and less cluttered than before to me. Having the buttons not draw your eye too much can be good if they're rarely used because your focus is drawn to more important parts of the UI.
Not keen on the poor contrast white on mustard coloured button though.
What would you give out of the 10 for the design before and after? Is it really so bad or just a little worse for you?
I don't see the issue. It's obvious to me by looking that they're buttons and users aim to click in the middle so if they miss by a little it's likely going to work if you mean that.
Even if it was an issue, it sounds like a very small one and a tradeoff for a cleaner look. Nothing is perfect.
It's also harder to know where you can drag. Which bits of the title bar can I use to move this window around? If I try that next to the expanding search field, will it work?
When reading things like this, I am always left wondering what was wrong with Skeumorphism in the first place. Is it as cynical as it seems, which that an arbitrary element of the UI was designated for elimination so that triumphant but meaningless changes could be introduced into wave after wave of new products?
(I am aware that I am likely the one who is out of touch, not Apple.)
Really people need to just stop fucking around with user interfaces and breaking our workflows. The finest example recently being alt+tab broken in Windows 10 20H2
Thank you from the sales side for a utility with a "retro" UI.
Having said that, I could really use a little bit of skeuo these days. Buttons that look like buttons, sliders that resemble sliders, and the like.
Some apps need every pixel they can get for content, but some don't, and those ones can show some personality.
Eye candy happens when UI designers make something for a slide show demo and neither the designer or PM uses the UI while they iterate. Which is part and parcel to many areas of development today.
IMHO skeuomorphism is not evil per se, but it must somehow boost usability to be justified (sliders are a good example of this). Otherwise, it's like the visual equivalent of purple prose.
Now I'm really curious how things would look of skeuomorphism was still around nowadays when we have physically based rendering.
Faux paper tears and animated page turns in Lion's iCal.app were particularly unwelcome.
Oddly they “sort of” had this in very early scaling experiments, back in the days before Retina where Quartz Debug could scale to many sizes (1.5x, etc.). When those modes were enabled, the menu bar and menus had nicely scaled-up sizes and fonts. Not sure why they never enabled that.
It's like a snow blindness UI or staring at a white screen or seasonal affectedness disorder light all day.
Safari’s minimalist UI was tight and perfect. Took up minimum space and let you get on with it. Absolutely no one said what would be great is if we could have Padding += 20 and nothing else changed. Job done boys. Commit to master and let’s hit the pub.
Some dialog boxes use a horizontal button arrangement though, so I guess the vertical arrangement is not hardwired (the "randomness" is puzzling though).
Other then that the new design has surprisingly quickly grown on me, even though I'm a bit of a "flat UI luddite".
BUT the one really irking me is the huge horizontal space in the menu bar now.
It's not so bad with the text menus, but all my installed utilities on the right side are "double-spaced". In fact, several of them have disappeared because they don't fit anymore (until I switch to an app with fewer text menus).
What the hell, Apple? At a minimum you could reduce the spacing if things don't fit, rather than just hiding them.
In my case I actually do use all the icons. ;) I do a lot of audiovisual work so they're utilities for setting color temperature, webcam settings, CPU usage, and the like, along with my VPN and file sync.
The new Control Center at least makes it possible to free up the space previously used by the Wi-Fi and Bluetooth icons though.
Edit: I think the comment I replied to was edited? My response doesn’t quite make sense anymore.
My pet theory: someone high up at Apple still uses this. I actually do know someone at work who still uses this.
(I don’t think Big Sur is a regression compared to Catalina though.)
It's such a regression in usability. Imagine if they did this in cars - simply wave your arms around for the steering wheel to appear when you need it!
This one is even worse [2], the padding towards the left of the window is generally twice that of elements towards the right of the window, and what is up with that 'save' button..
Overall it looks like they stole the excessive titlebar size of GNOME 3 and the bad spacing/padding/alignments of plasma.
[1] https://www.andrewdenty.com/blog/assets/img/macos-new-ui/gen...
[2] https://www.andrewdenty.com/blog/assets/img/macos-new-ui/fin...
The system preferences menu is a good example...the icons are each doing its own thing, and they even seem to be from different eras. Some of them are the usual apple style, some others look like they're from windows vista or just have an unidentifiable style.
I feel like I'm using linux with one of those wannabe OSX themes, rather than the original macos.
Why would you actively degrade usability?
And predictably, it's simply not true. If you open the spotlight window and type "5+5", 10 appears immediately as the first result line. If you type "85lbs in kg" the first line immediately reveals it to be 38.56kg. In fact, I didn't even need to type the "in kg", since it did that by default.
So what precise regression are you talking about here?
This difference is more noticeable when I’m looking up a word in the dictionary, looking up a contact etc, or searching for an email/file. Why do I have to press another key?!
It can do popular currencies ("100 EUR in USD", CAD, JPY, GBP) and some minor ones (HKD, THB, SEK, NOK, HRK), but try lesser known ones (GEL, COP, PHP, KES), and it doesn't work.
Wonder where that list resides, and whether one could extend it.
In Mojave they broke this and it only ever displayed the first item, making quicklook now incredibly useless for me.
I sometimes wonder if they ever test anything.
Why?
This along with everything else going on recently I will most likely be switching back to Linux when 2015 MBP's aren't available anymore.
Does anybody know why MacOS renders websites better than Ubuntu? Is there any way to fix it?
Looking at the photos, holy shit, the new Notification Center aesthetic is basically... Dashboard widgets. Which I find hilarious given that one of the reasons I haven’t left Mojave for Catalina is that Catalina finally killed off the Dashboard.
I expect that in two or three years, the Notification Center will be able to fill the whole screen instead of being an awkward phone-width column at the side, and it will be hailed as new and innovative. Or at least I hope so because that is about when I expect to finally leave Mojave because I’m buying a new computer.
Change is always hard though. Some people will like it and some will hate it.
Look at the Mail app for example, you could previously view “inboxes” at the top of the app (useful because you could then resize the app to take up far lesser horizontal space); and now you can’t – just because, … no reason really?
Sure, I don’t deny it. However, just adding a ton of space doesn’t make a design good. Especially when you actively harm functionality while doing that.
From my limited experience doing design, I’ve realized that good contrast and active visual demarcations go a long way towards that goal (both things which the new UI is sorely missing).
See the old Mail UI: https://support.apple.com/library/content/dam/edam/applecare...
Notice the breadcrumbs that you could use to conveniently use as favorite inboxes. Those are gone now, which means that you have to keep the left sidebar always exposed (thus taking up significantly more horizontal space). This was what I think is really good design, thoughtful and non-intrusive.
Not everyone is working on large screens. Adding a ton of padding to all UI elements doesn’t improve usability in the slightest, regardless of what you might say.
View > Show Favourites Bar
Now, my opinion might change come Monday morning when I actually do some real work. But at first blush I'm enjoying the new feel.
Firefox seems noticeably faster to me. By "noticeably" I mean that when I started doing normal browsing after upgrading, not looking for or expecting any performance improvement, I found myself thinking "how did clicking that link display the new page so fast?".
Excel also seems a little snappier. I've got a spreadsheet that has a few worksheets, and one in particular seemed slow to switch to. It's responding quite a bit faster now.
Not that Big Sur doesn't have it design problems (at least from the screenshots from the first beta onward, I didn't tried it yet). And to be honest, even without Jony Ive, my impression is that designers still more care how the product will look on screenshots than in real use. But it's hardly just an unusable piece of shit that majority of comments here implies.
Truth is, design will always be a personal choice - some lean towards pragmatism over aesthetic and others lean the other way. Some people will like it, some people won't.
People are noticing Apple is choosing to go down Microsoft's and Google's direction in UI design with flat, big wasted lettering space, and contrasty icons. It's fair to complain about that as Windows users have for years.
I assumed Big Sur was designed that way because Apple would finally merge iPads with Airs and get MacOs with a touch screen, which would have made the tradeof make sense. Alas, not so.
In a few months we'll be able to have a more measured discussion about the good and the bad, but this reaction now is par for the course. Every UI change I've ever gone through has sounded exactly like this on internet forums when it happened.
Why is Spam now a separate Folder for each account? It certainly is not for the Inbox, those are still unified.
Also, what is it with centering all the icons? I can modify and rearrange all the icons but the left-most "filter" icon insists on staying there?
Why? :(
Thank you!
Now, if only i could get rid of that darn filter icon...
Note I’m a Gnome user mostly now which is a fine example of how stupid this is.
And there's also this:
Last thing I want is for my desktop computer to look like a touchscreen interface
Who on the earth think it is a good idea to make enabled and disabled button on menubar both gray but in different lightness?
I did not noticed that two of the button on the menu bar in icloud example was disabled until I saw the other image.
Do that ever pass the a11y test?
Now, it sure has on a laptop; the touch gestures are nice for switching between desktops, for example. But for a desktop, or laptop acting as a desktop? Meh.
In the next version the whole Notes app will be just one single white blank space. Icons will only show up if you hover over them. Hire me Apple!
Thank me later.
I switched to Mac around 2001 when OS X was first released. I made the switch so that I could run OS X. I have witnessed a continual decline in it. I stopped my OS upgrades with Mojave because I didn't want to lose the ability to run Adobe PhotoShop CS4 and Microsoft Office 2011 (both 32-bit).
I can't stand washed-out (overly white) UIs. Add a bunch of unused real-estate and it's especially maddening. Throw in cartoonish icons and coloring and I'm out of here. The dumbing down of the OS has crossed my level of tolerance.
If it were possible to run alternate OSs on M1, I'd seriously consider it. I'm done with OSX/macOS.