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..)
I'm an early stage founder who had the same question when I started.<p>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.<p>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].<p>[0] <a href="https://www.refactoringui.com/" rel="nofollow">https://www.refactoringui.com/</a><p>[1] <a href="https://tailwindui.com/" rel="nofollow">https://tailwindui.com/</a><p>[2] <a href="https://getmagistrate.com/" rel="nofollow">https://getmagistrate.com/</a>
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): <a href="https://uxknowledgebase.com/table-of-contents-4d24ed5114ac" rel="nofollow">https://uxknowledgebase.com/table-of-contents-4d24ed5114ac</a>
Then look into design thinking methods: <a href="https://www.designkit.org/methods" rel="nofollow">https://www.designkit.org/methods</a>
Last but not least, eyeball this: <a href="https://www.mural.co/templates/the-official-remote-design-sprint-template" rel="nofollow">https://www.mural.co/templates/the-official-remote-design-sp...</a><p>Now go experiment! and make sure to talk to your users.
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 :)<p>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."
Suggestion: Don't roll your own. Start with someone else's template and roll with it until you can learn the basics.<p>Your users will thank you. IMO your website isn't an art project, just follow someone else's existing best practices.
here is my list of design related books that might help <a href="https://medium.com/p/2da6cbae45c5" rel="nofollow">https://medium.com/p/2da6cbae45c5</a>
this online course (free) may help - i have it saved from a previous discussion on HN:<p><a href="https://www.uxdatabase.io/free-product-design-course-curriculum" rel="nofollow">https://www.uxdatabase.io/free-product-design-course-curricu...</a>