What is the deal with Graphical User Interface/app psychology?

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.

muntedcrocodile,

Its incredibly cultural actually so there is no universal solution. Asian cultures tend to be able to and prefer having a higher density and more information compared to western world. Americans require more simplification than everyone else for some reason I recon iq.

captainlezbian,

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

Matriks404, (edited )

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,

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

stoy,

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.

jaguargoosey,

This is one of the best/most effective UI courses I’ve seen that takes someone from 0 to very good. It’s quite expensive though.

www.learnui.design

rtfm_modular,

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. 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.

intensely_human,

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

walter_wiggles,

I would start with the classic: Don’t Make Me Think by Steve Krug

en.m.wikipedia.org/wiki/Don't_Make_Me_Think

can,

Just wait until you hear about UX

Zachariah,
@Zachariah@lemmy.world avatar

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

SkyNTP,

The Design of Everyday Things

SnotFlickerman, (edited )
@SnotFlickerman@lemmy.blahaj.zone avatar

www.amazon.com/…/0465050654

Indeed, this book is an excellent starting point and it’s a little disappointing it’s not upvoted further simply because it isn’t aimed at Graphical User Interface. It’s still about how people think things work, and how to make them work how people think they work.

captainlezbian,

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”

emb, (edited )

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.

InfiniteFlow, (edited )
@InfiniteFlow@lemmy.world avatar

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

technojamin,

I had a course in college that used this book, and I’d definitely recommend it.

reddig33,

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.

winnie,
@winnie@lemmy.ml avatar

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.

taladar,

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

tsonfeir,
@tsonfeir@lemm.ee avatar

iOS has looked pretty much the same since 2009, adding additional features, but keeping most of the stuff the same

morrowind,
@morrowind@lemmy.ml avatar

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,

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,

“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.”

lukecooperatus,

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,
@Hexarei@programming.dev avatar

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

lukecooperatus,

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.

otp,

And they didn’t even explain what VC is, lol

jws_shadotak,

Venture capitalism?

otp,

You were right!

lukecooperatus,

Yeah sorry, that’s a commonly used abbreviation for venture capital, e.g. the investors who own stock/capital in the company that makes the software. I shouldn’t assume everyone knows what that means.

otp,

Thank you for clarifying! That makes sense!

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • asklemmy@lemmy.ml
  • kavyap
  • thenastyranch
  • GTA5RPClips
  • tester
  • InstantRegret
  • DreamBathrooms
  • ngwrru68w68
  • magazineikmin
  • everett
  • Youngstown
  • mdbf
  • slotface
  • rosin
  • cisconetworking
  • megavids
  • khanakhh
  • normalnudes
  • osvaldo12
  • cubers
  • tacticalgear
  • Durango
  • ethstaker
  • modclub
  • anitta
  • provamag3
  • Leos
  • JUstTest
  • lostlight
  • All magazines
    •