Hacker News new | ask | show | jobs
by julvo 1541 days ago
Comparing Gwern's to your website is really interesting. I'd argue, Gwern's website is a good example of minimalist design, whereas the website you posted is the opposite.

To me, minimalist design is as little design as possible (Dieter Rams). All design elements need to serve and enhance usability/functionality of the product. That doesn't mean that the total functionality of something needs to be minimal. E.g. you can still have tags, recommended articles and a comment section.

In the website you posted, I see design elements that don't serve the usability of the website, but are there just for design sake. E.g. the background image, the colour of the toolbar or the right alignment of the text

4 comments

> I see design elements that don't serve the usability of the website

Every single thing you listed has a purpose.

> the background image

is a blurry gradient of colors magenta and orange, angled off-axis. In other words, the complete opposite of the page contents: Sharp black and white precisely-aligned text.

The purpose of a background is to contrast the foreground. Mission accomplished.

> the colour of the toolbar

is one of the only persistently consistent visual elements across the entire website, which features many very different color schemes in its content. Take this page [0] for instance; as the menu elements you refer to lie on a higher level of interface hierarchy, this color of the toolbar sets the topmost brand tone of the entire website.

[0] https://hypertele.fi/d9a64d59472ad05b

> the right alignment of the text

Quoting the very page under discussion:

When your eyes read to the end of a line of text, they have to jump to the beginning of the next one. Left-justified text causes all lines to start at the same vertical, making your eyes sometimes miss the jump and begin reading a wrong line. This is why you're sometimes reading the same line twice by accident. By right-justifying instead, the left edge of the text is made variying, and your eyes have an easier time picking the correct next line.

Sorry, I realise my comment may have sounded a bit harsh, it was not meant as a criticism of your website - just describing why I don't perceive it as minimalist design
> your eyes have an easier time picking the correct next line.

Are you saying that right-aligned text is easier to read? Are there any studies on that? If that's the case then why isn't everybody like HN for instance already right-aligning their content?

Right alignment is just less common in general, right? It requires knowing how long a line of text is before rendering the line of text, and the more complicated implementation makes it probably the least used form of justification for blocks of text. (Of course computers make right justifying free)
Not aware of any studies, but I wrote a book experimenting with different typographical structures and this was my own conclusion.
Huh. I never considered text alignment like that. Mind => Blown.
I didn't find the right alignment of text to be easier to read, but though it was a mistake on your part. Of course, now I know it was intentional. Good job though.
> Gwern's website is a good example of minimalist design

It's not. It's black and white and grey, which makes it look cleaner than the other one, which is a mess of colours, although I think that's on purpose. But it has a lot more going on on. Granted, most of it is at the top of the page (which is a _mess_) and the rest is okay, but the way some of the links are presented (with the icons) bothers me a bit too.

> Gwern's website is a good example of minimalist design

Eh, disagree. hypertele-Xii's website gets out of my way when I'm reading, and that's key. Gwern's website litters the body of the post with all kinds of stuff that the average reader won't use.

One of Dieter Rams' design principles is "as little design as possible".

> Less is more. Simple as possible but not simpler. Good design elevates the essential functions of a product.

https://en.wikipedia.org/wiki/Dieter_Rams#%22Good_design%22_...