Ask HN: UI/UX design guides for early stage founders?

#1

Post by mjouni » Tue, Sep 27, 2022, 5:37 PM UTC

What are good resources that can help an early stage founder in how to think of the design of their app/website. Since this is early stage, I am not planning on spending a lot of time on the design, but would be great to have some guides/books that can help with the basics. For example a checklist of things that you need to consider with advice on how to pick each (font, color palette, basic layout, etc..)

Re: Ask HN: UI/UX design guides for early stage founders?

#2

Post by hkhanna » Tue, Sep 27, 2022, 7:09 PM UTC

I'm an early stage founder who had the same question when I started.

Refactoring UI[0] is a book made by the folks at Tailwind Labs which opened my eyes to the basics of web design. It discusses in an accessible way the specific things your mention (font, color palette, basic layout, etc) and helps you build your intuition on those aspects of design.

I also recommend Tailwind UI[1], which is a software product made by the same people. Both of these resources were indispensable when I created Magistrate[2].

[0] https://www.refactoringui.com/

[1] https://tailwindui.com/

[2] https://getmagistrate.com/

Re: Ask HN: UI/UX design guides for early stage founders?

#3

Post by frankharrison » Tue, Sep 27, 2022, 7:53 PM UTC

Just use figma. I cannot believe how good it is and how little of my design training+theory is needed with it.

Re: Ask HN: UI/UX design guides for early stage founders?

#4

Post by cercatrova » Tue, Sep 27, 2022, 8:27 PM UTC

frankharrison wrote: post #3

Just use figma. I cannot believe how good it is and how little of my design training+theory is needed with it.

I don't understand this suggestion. This is like saying just use Photoshop or a canvas with paint when some asks how to learn to draw and paint. They're not asking about the medium, they're asking how to learn the underlying skill.

Re: Ask HN: UI/UX design guides for early stage founders?

#5

Post by robswc » Tue, Sep 27, 2022, 9:28 PM UTC

Just a general tip. Not startup, but I do make a different B2B webapp every other week, which lets me experiment and improve with each project :)

Consistency is great and underrated, imo. User should be able to use new elements intuitively. It's better to have a consistent design vs one really good and one "eh."

Re: Ask HN: UI/UX design guides for early stage founders?

#6

Post by an_aparallel » Tue, Sep 27, 2022, 10:15 PM UTC

this online course (free) may help - i have it saved from a previous discussion on HN:

https://www.uxdatabase.io/free-product-design-course-curricu...

Re: Ask HN: UI/UX design guides for early stage founders?

#7

Post by solardev » Wed, Sep 28, 2022, 2:51 AM UTC

Suggestion: Don't roll your own. Start with someone else's template and roll with it until you can learn the basics.

Your users will thank you. IMO your website isn't an art project, just follow someone else's existing best practices.

Re: Ask HN: UI/UX design guides for early stage founders?

#8

Post by joshxyz » Wed, Sep 28, 2022, 6:37 AM UTC

Keep it simple, dont fall into bikeshedding ;)

Re: Ask HN: UI/UX design guides for early stage founders?

#9

Post by solardev » Wed, Sep 28, 2022, 12:13 PM UTC

The LinkedIn Learning courses on this stuff is pretty decent.

Re: Ask HN: UI/UX design guides for early stage founders?

#10

Post by devteambravo » Wed, Sep 28, 2022, 5:00 PM UTC

As recommended already, refactoring UI is a great book/blog Check out Atomic Design by Brad Frost Then, take a dive into this amazing person's blog (krisztina szerovay): https://uxknowledgebase.com/table-of-contents-4d24ed5114ac Then look into design thinking methods: https://www.designkit.org/methods Last but not least, eyeball this: https://www.mural.co/templates/the-official-remote-design-sp...

Now go experiment! and make sure to talk to your users.