Like where is the goto psych/CS UI 101 class/book/YT that over simplifies but grounds someone with no background or previous knowledge? Maybe something like the “Blender Doughnut” of great UI design?

I’ve changed UI twice with an app recently. I have a slight intuitive grasp of what I don’t like, but I lack the language and depth in this niche to express the emotional response well. I have no clue where to start with my own designs if I ever felt motivated to create one.

  • taladar@sh.itjust.works
    385·
    8 months ago

    If there was hard science behind UI design they wouldn’t totally redesign everything every couple of years.

    • morrowind@lemmy.ml
      26·
      8 months ago

      There is a decent amount, these companies just like to ignore it. Problem is, boring familiar design is best design, but that’s not what gets the interest and jobs

      • jws_shadotak@sh.itjust.worksEnglish
        15·
        8 months ago

        It’s not just that companies like to ignore it, it’s also that they have incentive to make shitty UI if it means they’ll make more money off it (e.g. intentionally showing things in searches that people weren’t looking for in the hopes that they might click/engage/purchase)

        • MonkeMischief@lemmy.today
          2·
          8 months ago

          “Check this box if you don’t not want to be on our mailing list and don’t not agree to us selling your data to third parties.”

      • Luke@lemmy.mlEnglish
        101·
        8 months ago

        We ought to stop calling it UI when it’s not meant to benefit the user anymore. A lot of changes are probably more accurately called VCI because they are dark patterns meant to benefit the VC instead of the User.

        • Hexarei@programming.dev
          41·
          8 months ago

          This is such a weird statement given UI refers to what the user interfaces with, dunno what wacky drugs you’re on friend

          • Luke@lemmy.mlEnglish
            1·
            8 months ago

            I see what you mean, I could have phrased it differently. What I meant is that the interface is no longer designed to serve the user (even though the user is using it). The purpose of the interface of a lot of things has shifted from being user focused to exist entirely to serve the interests of the VC (venture capital, e.g., investors) behind the product. It is literally an interface for the investors to generate more money, not for the user to accomplish their tasks better.

    • emb@lemmy.world
      5·
      8 months ago

      Excellent book. It’s very far from hands-on, and doesn’t even address UI in particular most of the time. Won’t tell you how to lay out anything, but puts you on the right empathetic mindset for design in general.

      Based on OP’s description, might be just the ticket, but may also be too general for some tastes.

      • captainlezbian@lemmy.world
        2·
        8 months ago

        As an engineer with a human factors bent it’s the most valuable professional text I’ve consumed. I still can hear the narrator saying “Bad Design”

  • Matriks404@lemmy.world
    182·
    8 months ago

    Mid-to-late 00’s had best UI design. Nowadays everything is less-functional and to do simple tasks you need to click through 5 different menus, and move your fingers in all directions, because there’s no standard to do anything.

    Just to see my watch later playlist on YouTube on my phone I need to click 2 buttons, scroll down through playlist list and click on the conventionally placed watch later playlist on the bottom of the list. What the fuck?

    I wonder what all these UI specialists even do. Just blindly do everything upper management tells them to do, even if that makes no sense?

    • amorpheus@lemmy.world
      4·
      8 months ago

      I truly despise how simplified things have gotten. Interacting and modifying YouTube playlists is such a chore now.

  • rtfm_modular@lemmy.world
    12·
    8 months ago

    Speaking as a designer, it’s important to separate the style/trend of a UI from its function. I think what you’re looking for is actually UX design.

    As a discipline, User Experience uses evidence-based research to understand how and why users behave they do. This leads to specific design patterns and principles that underlie all the good UI design seen from the giants like Apple, Google, Microsoft, etc. It gives you the language to evaluate designs. This is the foundation of your UI and the rest is just style — fonts, colors, imagery and icons which is subjective and less important. I lost ambition to be a trendy UI designer, so every design looks the same, but usability will shines through. Clean, simple and accessible is timeless.

    Study the articles from nngroup.com. They pretty much established the field of UX Design, with content talking about user behavior in the 1990s. https://lawsofux.com is a more attractive and consumable option, also heavily influenced by NN Group. Finally, accessible design is good design for all, not just those with disabilities. Understand the guidelines set by the W3C for accessibility, like minimum font sizes or contrast ratios for colors.

  • winnie@lemmy.mlEnglish
    142·
    8 months ago

    I think that’s what is learnt on Design courses at university. Also ergonomics.

    But IDK. I saw “professional” web-designers who don’t consider colorblind peoples in their colors.

    But I didn’t ask if they had professional education.

  • InfiniteFlow@lemmy.world
    9·
    8 months ago

    Alan Dix’s book (aptly named “Human Computer Interaction”) is quite good, even if somewhat old by now. HCI is an actual academic discipline with, yes, tons of theoretical and empirical results that govern what a good UI should be. Many of which are indeed grounded in psychology, others in physiology, etc (what we call Human Factors). There is a whole special interest group of the ACM just about it: SIGCHI.

    Do not confuse this with fashion/trends/taste. These change, resulting in widely different possible flavors of UI over the years. But the underlying principles are the same.

    Another thing to remember is that the fact that Apple, Google, or someone else implemented an UI in a certain way doesn’t mean they are following best practices and guidelines. Novelty sells, even if at the end of the day it does a worse job of things…

    Edit: added link to SIGCHI

  • captainlezbian@lemmy.world
    8·
    8 months ago

    Begin with The Design of Everyday Things. Is it specifically for tech or software? No and barely touches on it, but it outlines what UX is for and provides easy to imagine examples of realistic conflicts and solutions that are eminently realistic.

    The ultimate goal is always intuitive interaction. I can’t appreciate the beauty of a functional object after it’s frustrated me when I tried to use it

  • reddig33@lemmy.world
    6·
    8 months ago

    Start with a book called “Tog on Interface”.

    The book “Design of Everyday Things” might also provide some good background.

    And then there are the endless Human Interface guidelines put out by Apple and many other companies that usually try to explain the “why” behind their decisions.

  • intensely_human@lemm.ee
    5·
    8 months ago

    Google for “Material Design Spec” for a super highly opinionated, highly-arbitrary, but still kind of interesting intro to UI standards.

  • Zachariah@lemmy.world
    5·
    8 months ago

    It may not be exactly what you’re looking for, but if you’re interested in user interface, I can’t recommend this book enough:
    GUI Boopers by Jeff Johnson

  • stoy@lemmy.zip
    41·
    8 months ago

    UI design is increadibly complex.

    A UI isn’t just an app, or a program running on a screen, everything man has built to interact with by others have a UI, from simple tools cutlery, to complex industrial control systems.

    UI design has a very simple goal, “simplify usage”, from the shape of the handle of a knife to a color coded matrix of indicator lights at an industrial monitoring system, it all comes down to “simplify”.

    Unfortunately there are just so many, many different needs of the person interacting with different systems that there are very few exact rules to follow.

    You mention apps, so let’s limit outselves to software…

    The first question that the UI designer needs to know is “what should the UI allow the user to do”.

    It could be as simple as “register a smartphone when issuing the phone to a user”.

    This means the UI needs to accept input of six pecies of data:

    1. Manufacturer of the phone
    2. Model of the phone
    3. IMEI number of the phone
    4. Name of the user
    5. Date
    6. Name of the person issuing the phone

    Ok not that bad, so you make this, but then you quickly realize that the user of the system needs a way to check if the phone was added to the system correctly.

    If this is just added in Excel, then it is a solved problem, but if you are building a completely new system, then you need to add a way to get a list of all phones issued in the system to the UI, you also need to add a way to update posts in the list.

    Then you realize you it would be very helpful to have a way to see the actual status of phones in the system, there will be times to log if a phone is sent for service or if it gets stolen or so, so you add a status field.

    After a few months of accumulating data, the list looks good, if a bit messy, you can’t get a good overview of it.

    So you add color coding to the status field, white for in storage, green for in production, yellow for on service, red for lost/stolen, grey for retired.

    You have now a functioning UI.