Ask HN: How to learn design and UI/UX

[chiubaca]

I've long envied developers that are also competent designers. How does a developer without an artistic bone in their body acquire this skill? HN, please point me to resources, courses and books.

[ad404b8a372f2b9]

One of the revelations I've had while designing my latest website was that design is much more like programming than I previously thought.

I used to think that designers started from a blank page and came up with everything magically through their sense of taste. But since I started using Penpot (a Figma like open source design tool) I realized the process is entirely different, you have a bunch of pre-defined variables which you use everywhere and it's through consistency that you achieve beautiful designs.

For example, you pre-define your typography (4 to 5 font-sizes/weights/line-height combinations, ...), you pre-define your color palette (3 or 4 main colours with a couple of shades for each), you define your grid sizing with a variable "x" which will control white-space. Once you define all these elements it all comes together easily, you apply them depending on the role of each element and the consistency of always using the same stylistic components and spacing makes the site beautiful.

This is my advice as someone who used to be terrible and thought I had no artistic bone in my body. It won't make you as great as a pro but it does make everything easier, and it makes things make sense.

[Mezzie]

Can you work help desk or marketing? Or shadow?

I know it sounds weird, but a lot of my competency as a designer comes from the fact that I have spent an absurd amount of time with end-users and have developed a very good intuition for how they behave and what their pain points would be. (I gained this through teaching and librarianing, but help desk would a decent substitute).

And I suggest marketing because the relentless focus on segmentation and knowing your targets prevents you from falling into a pitfall I see even good UX/UI designers fall into which is designing how all the white papers/best practices tell you to without considering what audience you're designing for.

I wouldn't consider myself particularly visually artistic (I can, but my artistic abilities are very mid outside of writing), but I'm a decent designer.

[mtmail]

My answer would've been the same as the top comment on "Ask HN: Good resources for programmers to learn about UX/design?" https://news.ycombinator.com/item?id=31789362

[lproven]

My #1 top tip:

Use a desktop PC, not a laptop, and unplug the mouse. Learn to navigate solely with the keyboard. This is perfectly doable, works very well on Windows and some Linux desktops, and it will give you a good appreciation and understanding of good vs. bad UI design -- because there are a thousand small things that aren't noticeable when pointing and clicking.

This doesn't mean just using the shell. Any competently-written GUI can be navigated by keyboard alone.

It'll make you faster, you'll learn a lot of "power user" shortcuts and things, and it makes you better at designing software that is accessible to users with sensory or motor disabilities.

[codeptualize]

Lots and lots of practice.

Your first designs are going to be horrible, no way around it, just keep going, compare, reflect, learn, and things will get better over time.

If you can get feedback from experienced designers that will help a lot.

As to resources; Others mentioned Don Norman's book (and nngroup.com), great suggestions. I would also spend time looking at good designs and trying to figure out what makes them good. Just ask "why" about everything. "Why is this button this color, why is it this size, why is it placed here? etc etc".

Good design is about achieving goals, the better you get at focussing on those goals, mainly by asking "why", the better your understanding of design and your own designs will become.

[stcroixx]

I don't think art comes into it except maybe colors, but even artists use pallets or understand enough color theory to make their own. The discipline should be data driven - study what works and what doesn't, etc. but I don't think this is common anymore. UI design seems, as a field, at the lowest point I've ever seen it and I've been using computers since windows 3.1. A mess of undiscoverable stuff presented in just novel enough of a way as to make it a snowflake. I think lack of consensus around best practices and methodology would make this a very though thing to learn and be good at right now.

[User23]

Attend a Tufte workshop. If you’re willing to really listen and learn then I know of no faster way to improve your design skills. Rest assured that while there is an artistic aspect, the fundamentals are objective and based on human anatomy. An artistic genius might make a prettier design than you, but not a more usable one.

[tedyoung]

Highly recommend Stephanie Stimac's book: "Design for Developers" https://www.manning.com/books/design-for-developers

[uxcolumbo]

Try these:

https://designforhackers.com/

https://www.interaction-design.org/

[beau_g]

Highly recommend Design of Everyday Things by Don Norman.

[andrei_says_]

Some other recommendations:

Don’t Make me Think and Rocket Surgery Made Easy by Steve Krug

https://builtformars.com/ UX case studies

https://www.nngroup.com/ UX analyses and articles

Coursera has some UX courses you can audit for free

[codeptualize]

Seconded. This is a great starting point.