Why did UI’s turn from practical to form over function?

E.g. Office 2003 vs Microsoft 365

Office 2003

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.

Microsoft 365

Seriously? Big ribbon and massive padding wasting space, as well as the ribbon being clunky to use.

Why did this happen?

  • @[email protected]
    link
    fedilink
    English
    79 hours ago

    no, I’m willing to die on the hill that the ribbon UI is one of the greatest UIs period - especially how it was done in office 07 and 10. As a computer noob at the time, it was a huge improvement over the previous office 2003 UI.

    The icons always gave you a good idea what something was doing, important functions were bigger and when you for example selected a table the table tab was visible and with a different color so you knew that you could do things with that table.

    I think however many 3rd party programms did the ribbon UI poorly or had not enough features for it to make sense.

  • @[email protected]
    link
    fedilink
    English
    1913 hours ago

    Part of the problem is that people who grew up on phones and tablets are now old enough to start entering the tech industry as UI developers.

  • @[email protected]
    link
    fedilink
    English
    410 hours ago

    Yea, I agree that Office 2003 was the pinnacle of Office UI design. And I’d go so far as to say that about Windows 2000.

    Having controls in predictable shapes and locations really contributed to “ease of use”. One of my pet peeves is the more recent trend where clickable elements aren’t obviously so. Such as a string of text that one has to hover across and see the cursor change shape to know that it’s clickable.

    As others have said, I think a significant part of why the UIs have changed since then is to accommodate touch screens and “webification”.

    'Glad to see your posting. I thought I was just being curmudgeonly :)

    • @[email protected]
      link
      fedilink
      English
      11 hour ago

      Not sure I follow, even in the example above there’s many icons that are interactive but aren’t enclosed in a button, do you have any other examples?

  • @[email protected]
    link
    fedilink
    English
    814 hours ago

    I would like to see them add something like the VSCode command pallette. That way if I know the name of the tool but can’t remember or don’t want to go click for it, I just just type the name and fuzzy find it.

  • @[email protected]
    link
    fedilink
    English
    412 hours ago

    I bet it’s capitalism.

    The answer for enshittification of the entire reality seems to always be

    capitalism.

    • @[email protected]
      link
      fedilink
      English
      310 hours ago

      This is why I believe that they are still chasing Metro UI and reinventing every app out of control panel .

      Windows phone was ahead of it’s time.

      But now my computer is becoming a phone.

      Maybe that’s the point?

      I mostly use my phone now anyway…

      But it’s Samsung…

  • @[email protected]
    link
    fedilink
    English
    19 hours ago

    I always hated the ribbon context menu system. It ruins the way I learn watch involves where something is just as much as what it’s called, kinda like remember where on a physical page something is even if you don’t remember the page.

    Static, nested menus are superior.

  • @[email protected]
    link
    fedilink
    English
    18
    edit-2
    19 hours ago

    The Ribbon is much better, and has been a part of the Office suite for over a decade, easily.

    Poor examples aside, designers and engineers are rarely given a seat at the table in big tech companies. Most tech CEO’s were either tech managers or sales people at some point, and are so far removed from IC work or valuing specific crafts for their user value that someone on the UX side probably doesn’t get a say in how this shit is built.

    Some UX designers either work to very specific business constraints, or work on stuff that has zero benefit to the end-user. Some engineers work on stuff that solely provides metrics for shareholders and leadership.

    I’m tempted to set up a blog just to post about this subject, because it’s everywhere, but big tech is now so top-heavy that for years many huge decisions have been made on a whim by execs. Tech has grown so large and powerful that tech execs (and those clinging to their coat-tails) put themselves outside of the echelons of what an IC can reach, and far above the user. Years of MBA double-speak and worshipping the altar of guys like Gates, Bezos, and Jobs means that it’s “good” to be opinionated and ignore fact over your own judgement. This results in senior management deciding “let’s put AI here” or “the colour scheme should be mostly white”, despite reluctantly paying hundreds of people many thousands of dollars a year to KNOW about this stuff.

    That, in essence, is why everything feels shitter nowadays. It’s because some fifty-something MBA cunt believes that you need AI, or a good UI needs more buttons - stuff we’ve known for decades is fucking stupid. That’s irrelevant though, because by being “General Manager of UI at MegaCorp” and having an assistant to arrange their Outlook calendar, they know more than you, pleb.

  • @[email protected]
    link
    fedilink
    English
    1822 hours ago

    Because everyone is switching from a custom ui to a css standard so they can have a web app that is also a desktop app.

    To sum up, your app became a web page.

  • Dr. Moose
    link
    fedilink
    English
    241 day ago

    UI designer here - people are simply getting dumber, tech-wise at least.

    That being said, there have been a lot of improvements in UI and UX world in the past 20 years the problem is that many users are so technically inept the drag down the entire curve all the way down.

    • @[email protected]
      link
      fedilink
      English
      71 day ago

      Think I kinda agree with this. Yesteryear’s software took training and experience, and business either hired or trained that experience. Now businesses don’t want to waste time or money on training, so thy hire experience, contract it out, or find some kit that is “easy” with minimal learning curve.

    • @[email protected]
      link
      fedilink
      English
      317 hours ago

      30 seconds in and subbed because “man rants about DAW UI/UX” is a genre of video that I never knew existed but suddenly can’t live without.

      • @[email protected]
        link
        fedilink
        English
        29 hours ago

        Funniest thing is, this video series ultimately landed him the job as lead UX designer for Musescore, lol

  • @[email protected]
    link
    fedilink
    English
    91 day ago

    I have no problems with it, so I guess I’m some sort of savant? There is such thing as good and bad UI, but I think this is a case of ‘what you’re used to’ causing problems with ‘what is.’

    • Lemminary
      link
      fedilink
      English
      424 hours ago

      I don’t want to insult your intelligence, but you may just be tech-savvy, or at the very least, tech-literate. I also don’t have a problem with either because I simply follow the UI logic as the average Jane should.

  • Horsey
    link
    fedilink
    English
    30
    edit-2
    1 day ago

    I’ll just straight up say that the problem is with Microsoft more than anything else. Their UI design is abysmal. Nothing is consistent, nothing is smoothly animated, nothing is easily identifiable by its icon, nothing is glassy and good looking like Win7/macOS. Even in their peak design of Windows 7, they still had those awful legacy UI elements in system settings and the registry settings.

    Even with multitouch trackpads being a thing on Windows now, there’s STILL not linear trackpad gestures as of 6 months ago when I played with the display units in the store.

  • Xylight
    link
    fedilink
    English
    282 days ago

    Padding is a very versatile thing in UI design, and none of it will make anything look terrible.

    Even in your first example, the toolbar has slight padding on the edges and so do the buttons.

    The reason there’s more padding now is because it makes it easier for new users to process everything.