Whenever I need to build a UI/interface for a side-project, I always feel frustrated that I cannot create anything that looks or feels good to use.<p>What are your favourite resources to learn about UX/design? Doesn't have to be web-related.
Refactoring UI (<a href="https://www.refactoringui.com" rel="nofollow">https://www.refactoringui.com</a>) is a fantastic resource, and we’ll worth the price in my opinion. I refer to it again and again. You can also find videos on YouTube of the author doing “live” UI redesigns/refactorings, and those are also very useful.
My go-to resource is the NN Group (<a href="https://www.nngroup.com/" rel="nofollow">https://www.nngroup.com/</a>). One of the most serious publication that tries to back up insights with actual data.<p>Then there are the publications from people in the industry that can be interesting, but that's case by case. You'll have better results for specific problems like building and maintaining a design system.<p>You also have the UX collective (<a href="http://uxdesign.cc/" rel="nofollow">http://uxdesign.cc/</a>) but their articles are hit or miss. Good ones at least provide references for you to explore deeper.
I enjoyed Gwern's "Design of this website" <a href="https://www.gwern.net/Design" rel="nofollow">https://www.gwern.net/Design</a>
These are expensive but fantastic more than worth the cost courses. [1] [2]<p>[1] <a href="https://learnui.design/" rel="nofollow">https://learnui.design/</a><p>[2] <a href="https://learnui.design/courses/learn-ux-design.html" rel="nofollow">https://learnui.design/courses/learn-ux-design.html</a>
Making UX that feels good to use: <a href="https://www.udemy.com/course/ultimate-guide-to-ux/" rel="nofollow">https://www.udemy.com/course/ultimate-guide-to-ux/</a><p>Making UI that looks good (at least decent): <a href="https://getbootstrap.com/docs/5.2/examples/" rel="nofollow">https://getbootstrap.com/docs/5.2/examples/</a>
First: UX is not visual design and visual design is not UX. Industry tends to blur them ("oh this person does Photoshop so we'll make them in charge of UX"). If you want to learn design, I'm less sure of what to recommend outside of "read a lot about Dieter Rams".<p>For UX, read Nielsen Norman and Dr. Weinschenks book "100 things every designer needs to know about humans".
Design Systems Repo - A frequently updated collection of Design System examples, articles, tools and talks<p><a href="https://designsystemsrepo.com/" rel="nofollow">https://designsystemsrepo.com/</a><p>Awesome Design Systems<p><a href="https://github.com/alexpate/awesome-design-systems" rel="nofollow">https://github.com/alexpate/awesome-design-systems</a>
For usability, "don't make me think" is gospel.<p><a href="https://www.amazon.com.au/Dont-Make-Think-Revisited-Usability/dp/0321965515/" rel="nofollow">https://www.amazon.com.au/Dont-Make-Think-Revisited-Usabilit...</a><p>For design itself I'm just not that way inclined and use existing frameworks instead.
Adam and Steve (of TailwindCSS fame) have some valuable resources. I have purchased both TailwindUI and Refactoring UI: <a href="https://www.refactoringui.com/" rel="nofollow">https://www.refactoringui.com/</a>, both of which I can highly recommend besides from their many free youtube videos.