this post was submitted on 06 Apr 2024
59 points (100.0% liked)

Asklemmy

1454 readers
72 users here now

A loosely moderated place to ask open-ended questions

Search asklemmy 🔍

If your post meets the following criteria, it's welcome here!

  1. Open-ended question
  2. Not offensive: at this point, we do not have the bandwidth to moderate overtly political discussions. Assume best intent and be excellent to each other.
  3. Not regarding using or support for Lemmy: context, see the list of support communities and tools for finding communities below
  4. Not ad nauseam inducing: please make sure it is a question that would be new to most members
  5. An actual topic of discussion

Looking for support?

Looking for a community?

~Icon~ ~by~ ~@Double_A@discuss.tchncs.de~

founded 5 years ago
MODERATORS
 

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.

top 8 comments
sorted by: hot top controversial new old
[–] walter_wiggles@lemmy.nz 17 points 7 months ago

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

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

[–] SkyNTP@lemmy.ml 15 points 7 months ago (1 children)

The Design of Everyday Things

[–] SnotFlickerman@lemmy.blahaj.zone 3 points 7 months ago* (last edited 7 months ago)

https://www.amazon.com/Design-Everyday-Things-Revised-Expanded/dp/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.

[–] winnie@lemmy.ml 14 points 7 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.

[–] jaguargoosey@lemmy.ml 7 points 7 months ago* (last edited 7 months ago)

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.

https://www.learnui.design/

[–] stoy@lemmy.zip 4 points 7 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.

[–] intensely_human@lemm.ee 4 points 7 months ago

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

[–] muntedcrocodile@lemm.ee 2 points 7 months ago

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.