100 UI/UX Tips
A collection of tips to make your interface better
Start new thread

100 UI/UX Tips - Learn how to make your apps look awesome. In an hour.

byā€¢
This is the second edition of 100 UI/UX tips, originally written in 2021. Over the past 3 years, I've added new tips, removed outdated ones, and provided context for some of them. I've added links for further reading and improved the illustrations.

Add a comment

Replies

Best
Maker
šŸ“Œ
Hello, Product Hunt community! I originally launched the book in 2021. Since then, I've kept on learning and posting about UI/UX. It turned out that I had gathered tons of artboards in Sketch and Figma, and I decided to create the second edition of this book. I removed some of the previous tips that I considered less important, added new ones, and tried to provide more context for some of them. Now, who is this book for? šŸ¤” It's for everyone interested in user interfaces. It might be especially useful for developers, UI/UX designers, solo founders, and anyone who wants to learn more about digital interfaces. What's inside? Exactly 100 UI/UX tips across about 150 pages. I've included a few examples in the gallery, and you may have already seen my tips on Twitter, so you should have a good idea of what they look like. Grouping them into sections was challenging because one tip can belong to many categories. It's not very precise, but here are the sections I've covered: šŸ”¹ Typography šŸ”¹ Language šŸ”¹ Icons šŸ”¹ Layouts/Alignment/Flow šŸ”¹ Usability šŸ”¹ Forms šŸ”¹ Visuals šŸ”¹ Misc (everything else) I tried to be succinct so that you don't need to read a lot. Almost every tip includes an illustration. I hope you'll like it. If things go well, I plan to delve deeper into UI/UX, especially in such areas as responsiveness, mobile apps, and accessibility. My dream is to merge UI/UX knowledge with development so that you can learn both simultaneously, for example by providing code snippets. I even attempted to create an interactive platform but realized it would take a year of full-time work, so I've put that off for now. Thank you, guys!
that's sounds super useful, will definitely read through it!
wow, that's super cool, i appreciate how detailed and accountable these tips are. Instant buy
šŸ’Ž Pixel perfection
awesome, it looks well categorised and something handy to have at the side for reference when building something!
Maker
Hey, Prototypr 10 times cooler haha :) One day I'll get to your level Graeme, thank you!
Maker
Thanks Robo!
Victor has always stood out for his talent for combining complex information into simple ones. I recommend it guys!
Maker
And from my side I can recommend Oleg as a nice illustrator :) I remember hunting your products. Thank you!
I've been following you on Telegram for weeks, and your tips are pure gold. Congrats on the launch!
Maker
Thank you, really appreciate it!
Wow, thanks for sharing! Very useful info šŸ‘šŸ»šŸ˜Ž
Maker
Thanks Kate!
Very cool. Always enjoying the tips you share via email. Time to buy something from you :) Thanks for the great work!
Maker
Thanks Jonas! I've just tweeted how you have been writing a comment, I haven't seen such features on Product Hunt before:
So many AMAZING UI/UX tips in one place. It's just great!šŸ˜
Congrats on the launch, ! A small book with clear how-tos, easy to consume ā€“ that's what a quick education should look like šŸ‘
Maker
Thanks Denis!
Checked out the samples and I love how easy it is to implement these tips! Congrats on the launch Victor!
Maker
Thanks Kevon! I remember how I tried to make a mega-interactive-course in February, when we're were building in public, but I overestimated myself so much. So I decided to start with this book, let's see how it goes
Great thing, Victor !
Hey there Victor congrats on the launch! I've been a big fan of your UI/UX tips for a long long time, thanks for putting in all the time and effort into creating all this amazing content šŸ™
Maker
Looks like everyone who I knew for years are here :) Thank you Peter
12
Next