Why did UI’s turn from practical to form over function?
E.g. Office 2003 vs Microsoft 365
It’s easy to remember where everything is with a toolbar and menu bar, which allows access to any option in one click and hold move.
Seriously? Big ribbon and massive padding wasting space, as well as the ribbon being clunky to use.
Why did this happen?
Microsoft was pushing all their designs to this new ribbon UI design, across their apps. I dunno why they thought that was a good idea. But I left Windows for years already. LibreOffice is just the old school layout, and if you really really want you could optionally also ribbons in LibreOffice.
It’s not UI backsliding. It’s Microsoft being incompetent. I have no idea how they’re still in business, and astounded at their valuation. It seems like everything they manage to push out is just barely functioning
Contrast is Satan to designers, because being able to distinguish the zones of a UI messes with their perfect colour blocking.
I miss 07 jfc…
Related: https://youtu.be/HdozqSVF-VM
I assume the extra padding was a function of touch screens becoming more prevalent since trying to hit the 2003 style buttons with a finger was not that easy, although I don’t remember offhand when touch first started becoming a thing in Windows so it might have happened the other way around. But either way it’s likely still a factor in why the ribbon with its extra padding has stuck around.
-
Larger click targets for touch screen users
-
Larger screens with higher resolutions, meaning less need for cramped UIs
-
Larger click targets for trackpad users, as the PC market moved from desktops with relatively precise mouse inputs to small, imprecise trackpads that laptops had
-
Usability studies showing people generally like padding and spacing in their UX
-
I think it’s a function of greater screen resolutions being available.
I’m so tired of neck beards assuming that any spacing in a design is a waste, as if a good design packs every milimeter with stuff. Proper application of negative space is common in art and throughout design.
You are among the first people I’ve seen online who hasn’t circlejerked about any level padding/spacing being too much padding.
People on Reddit/Lemmy always talk about how unusably shit any modern design is, and how UX/UI from 20+ years ago was so much better.
Yet do they use ancient copies of the software that broadly still performs the tasks people need of them? No.
Do they theme their system to look like the oh-so-superior Win98? No.
Don’t get me wrong, sometimes I see a design change I dislike. But as a general rule, UI has definitely got better over the years.
I look at 20 year old Linux DE screenshots, and they look bad. Cluttered, inconsistent, ugly. I look at them now and they look beautiful. Nostalgia goggles are a powerful thing.
For some, with only a small screen, wasted space means extra navigation to find hidden commands. A usability fail just so the app looks pretty. Also a symptom of “one UI fits all” just to save businesses money.
Almost like Microsoft did a tremendous amount of user research aimed at improving the accessibility of the most commonly used features. I don’t use their products much, but the design has definitely improved over the years and extra padding is a big part of it.
The design has absolutely not “definitely” improved.
It seems easier to find things for users. Probably part of dumbing things down.
My mom went through this last week with Libre Office. She said she couldn’t find anything because the ribbons from Word weren’t there. I found the option and enabled it and she said that was much better.
Whereas, I use Word 365 on a daily basis but I still know where things are from the classic menus.
But users want big pictures and less words, less menus.
So UI designers have done that.
You see that in the change between Windows 7 and Windows 8 in heavy ways. More buttons and less menus.
I fucking hate the dumbing down, especially on servers.
Thankfully, the normies are moving away from computer and maybe the ecosystem will heal in our lifetimes 🤞
There’s been a trend towards simplicity/minimalism in UX for a long time. Sometimes it works really well. Other times it makes it difficult to find things like setting preferences (or they just don’t implement them because the assholes think they know better than you).
For me, MS is a mixed bag. Some of the UX changes are good, some of it is horrible.
But I love a well done minimalist UX. Obsidian and Reaper are two examples that come to mind.
Weirdly as someone who has used both styles heavily, I’d say the ribbon is more practical than the old toolbars. That’s more contextual grouping and more functional given the tabs and search, plus the modern flat design is less distracting, which is what I’d want from a productivity application. Also for me two rows of toolbars & a menu is about the same height as the ribbon anyway, and you can collapse the ribbon if you want to use the space
I remember people being upset by it back when office 2007 was released. Their complaints made sense until I sat down and used it. Found it to be a great improvement. I switched my libre office to the ribbon layout as soon as they added it. Because I don’t use it often, the it’s great for finding stuff compared to looking through the menus.
The nice thing about the LO implementation is also that they added a couple of varieties of the design, like the compact one which pushes things closer together so it’s not distracting.
Flat design may be less distracting to you but that also means it’s less clear, because there are fewer obvious demarcation.
I despise flat design, it’s downright awful design, and done for looks rather than functionality.
Even saying it’s “less distractive” supports this.
Microsoft also did this to obfuscate features, which is pretty apparent when you consider new users used to “discover” features via the menu system. I supported Office for MS in the early days, and this was a huge thing at the time. It was discussed heavily when training on new versions.
How many UI/UX usability studies have you done yourself. Links to results.
Since when is it not okay to have an opinion on how you’d like your computer to work? You’re saying it as if usability was an objective truth, not a preference of majority of users. People are different, everyone is talking about neurodiversity, and you’re saying that loving lowest common denominator UIs are the only acceptable opinion in the light of objective facts.
Flat design may be less distracting to you but that also means it’s less clear, because there are fewer obvious demarcation.
I despise flat design, it’s downright awful design, and done for looks rather than functionality.
to you
Flat design dominates for a reason, the less visually busy something is, the easier it is for users to wrap their heads around it. This gets proven again and again in user studies, the more busy and dense you make things, the more users miss stuff and get lost.
People’s opinions on the ribbon specifically are obviously all subjective, but I would say the less distracting design would be the one done less for looks, rather it’s a pretty utilitarian design if you pick it apart. This an interface for productivity tools, and as such the interface should get out of your way until you need it—the ribbon just does that better IMO.
Microsoft also did this to obfuscate features, which is pretty apparent when you consider new users used to “discover” features via the menu system. I supported Office for MS in the early days, and this was a huge thing at the time. It was discussed heavily when training on new versions.
Why on earth would Microsoft want to obfuscate features? There’s no way that motivation would ever make sense.
IIRC one of the main reasons Microsoft introduced the ribbon was that grouping functionality contextually helped users discover features, because people kept requesting features that already existed, but they just couldn’t find. I remember there being a blog on the Microsoft developer site about the making of it that went into this.
Yeah, does anyone else remember the menu bars that would show up and disappear depending on what you were doing? Those were awful–the ribbon method of context-specific tabs is better (IMO).
I prefer the ribbon. It makes everything easier to discover and use.
It’s also entirely configurable so i was able to tailor it specifically to my needs, even include button for my macro, logically grouped and not thrown together with no heads or tail in a “macro” submenu.
It also allows widgets with much richer informational content than menus.
The ribbon is also entirely keyboard navigable with visual hints. Which means you can use anything mouse free without having to remember rarely used shortcuts.
And if the ribbon takes too much space, and you can’t afford a better screen, you can hide and show it with ctrl-F1 or a click somewhere (probably).
It’s actually a much much better UX than menus and submenus and everything hidden and zero adaptability. At least for tools like the office apps with a bazillion functions.
Most copies of the ribbon are utter shit though because the people who copied didn’t understand the strength of the office ribbon and only copied the looks superficially.
It’s funny to see people still hung up on the ribbon 17 years later.
It’s because of people like you that we still use qwerty on row staggered keyboards from the mechanical typewriter era.
You can use OpenOffice which hasn’t adopted any new UI since 1998.
Yeaaah, don’t use open office, it hasn’t had any code updates in like 15 years. Use and suggest libre office instead.
Except that OpenOffice has been forked into LibreOffice in like 2010 and has since gotten an optional ribbon UI.
The Ribbon isn’t the worst thing. It tried to solve the clutter of the previous interface, although I always preferred the old one.
Here is an interesting take on the problem of modern interfaces: https://datagubbe.se/decusab/
I kinda remember those conversations, wasn’t there an issue back then that Microsoft had a patent on the ribbon ?
I’ve sort of been forced over to Mac (not that it’s a bad thing, just a thing), and Paint.NET is perhaps my biggest loss in that transition. I’ve loved that program since its early days, and is always one of my first installs on any new Windows installation.
Wow, I still use paint.net. My needs are pretty humble, and it still hits that sweet spot between MS Paint and Gimp.
The ribbon is better than menus. They’re even customizable. And lots of non-Microsoft software uses ribbons, too.
Plus there’s a search function right at the top if you can’t find the option you’re looking for
