Hacker News new | ask | show | jobs
by akuji1993 821 days ago
Site's nice, it's a simple idea with a simple solution.

Some feedback if you want:

- You're overdoing it with the shadows. Simple flat design looks cleaner

- A little too many colors, that are not really aligned with each other. If you're not a designer, check out Tailwind colors and pick 1-2 you like that work complementary. Only use those and white/black/grey.

- For further reading on color picking, read up about the 60/30/10 rule in color design

- Since you've built your site with react, you could think about adding some simple animations (for example, when the books are switched on "next-book" button) by using Framer Motion. This is an opinionated thing from me.

Cool project, good start in the indie hacking community :) Keep doing cool stuff. If you wanna connect, find me on Twitter: @icebearlabs

2 comments

> - You're overdoing it with the shadows. Simple flat design looks cleaner

I'm not a designer, but I strongly disagree with this one. Given a choice between using something flat or something with shadows, I will almost invariably lean towards the latter. The one place I might eliminate shadows for on this site is the "info" callouts on each book page; I don't think shadows communicate anything there and all other shadowed boxes on the site are clickable, while this one is not.

In this specific case the shadows do not fit the style, they make things look blurry instead of distinct.
Thanks for your message! For sure, I will! What's happening here is definitely a huge motivation for what's next. I'm already looking forward to it! :)

Your comment is gold!

I will bookmark it and refer to it for my future projects. It's good to have feedback on the design so I can improve it next time.

By any chance, do you have any design resources or books you would recommend for something getting started with that (ideally actionable)?

Some other not yet mentioned feedback: The 'Show more' button which only revealed the last half of a sentence in both choices I made basically made me ditch the site. There's absolutely no reason to do this if there's no other collapsed content on the page, and also should be avoided if its only collapsing a tiny amount of text. Each book summary has its own distinct page, so its just annoying and to me serves no purpose.
Thanks for your feedback! Initially, I thought it would be a good idea, mainly if a description were too long. But, after reading your feedback and trying again on a few pages, it's never practical.

I just pushed an update to remove the "Show more" button.

Refactoring UI is approachable and actionable https://www.refactoringui.com/
Thanks for sharing! I've bookmarked the book.