Live data from Hacker News

Design of This Website (2021)

gwern.net

91–100 of 261 posts

Re: Design of This Website (2021)

#91
post #52

For a site that lists its #1 principle as minimalism, it sure has a lot going on at all times. Multiple menus all over the screen, many different kinds of links with distinct underline and icon suffix, popups within popups that reinvent OS window functionality, historiated initials, graphical horizontal divider with hidden links, a recommended articles carousel, and a very (visually) busy comments section. Minimal it…

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…

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_...

Re: Design of This Website (2021)

#92

Earlier quoted context omitted.

> a small icon with the three flags this does not address the main problem that flags do not correspond to languages. German is spoken in more than "the three" countries, and in these countries there are more languages than German. Thus, using flags is insensitive and alienating to German speakers from other countries (e.g., Belgium), and non-German speakers from these three countries (e.g., Lugano). And this is just…

I get it, but - what's the solution? At least the flags, while being offensive to some, are generally understood as a "signal for language".

This feels a little nitpicky to me - as a short hand for language and currency flags are commonplace. But I understand the thinking: "a language is nothing but a dialect with a flag"

The alternative is to use ISO (En, De, Es) in brackets before the text begins. i.e. [DE] Wie Studien verdreht werden

Re: Design of This Website (2021)

#93

Earlier quoted context omitted.

> a small icon with the three flags this does not address the main problem that flags do not correspond to languages. German is spoken in more than "the three" countries, and in these countries there are more languages than German. Thus, using flags is insensitive and alienating to German speakers from other countries (e.g., Belgium), and non-German speakers from these three countries (e.g., Lugano). And this is just…

I get it, but - what's the solution? At least the flags, while being offensive to some, are generally understood as a "signal for language".

None of the major sites that deal with languages (wikipedia, google translate, deepl) ever use flags to represent languages.

In the case of your website, however, I don't see why you need to specify the language of each entry. Is it a sort of "warning" for non-english entries? It seems unnecessary. And why aren't entries in English marked with the flag of the USA? (or Canada, or South Africa).

Re: Design of This Website (2021)

#94

Earlier quoted context omitted.

> If you want to see a professional minimal design, check out mine: text-align:right? WTF? This really hurts when reading. So, while it might be minimalistic, it's not good design.

It's explained on the linked page, under 'typography': > 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…

> By right-justifying instead, the left edge of the text is made varying, and your eyes have an easier time picking the correct next line.

Is there any research done on this?

> You actually experience physical pain?

No. It slows down my reading and it makes it difficult to understand text.

Re: Design of This Website (2021)

#95
post #55
post #35

Yet again, this is a website that has clearly only been tested on a hiDPI screen. At 100% scaling on Windows, the serif font used doesn't kern or render properly; crossbars in letters such as 't' and 'f' are overweight compared to other strokes, and makes the font look uneven. Designers all seem to think we use 4k screens at 200% scaling, for that ultra smooth look, when in reality, that's far from the case[1]. Edit:…

Looks fantastic on a real operating system at 1920x1080. Gwern is many things, a few of them positive, but he's not a designer. He's just a guy with an internet connection. The site works, though. Just install a better operating system, ideally with X11, that can do proper typography.

X11 does not do proper typography at all and in fact its text support is not used these days. You might be thingking of freetype / harfbuzz / pango.

Re: Design of This Website (2021)

#96
post #86

Earlier quoted context omitted.

Black, white, magenta, and orange. That's a lot to you? It's very few to me.

Yourself and Gwern both need to learn how typography works before you declare yourselves arbiters of digital design. On the plus side, your site is friendly in reader view. • Never justify text in digital • Never right align long form in digital • Both need to learn balance between type size and line height

From the article, it looks like Gwern, at least, thought quite a lot about text justification --- see the "Abandoned" section --- so the "learn how typography works" comment seems a bit unfair.

Re: Design of This Website (2021)

#97
Not a fan at all. I'm on a 1080p monitor and the main font is janky and tiring to read.

There is far too much going on all over the place, popups and side notes distracting from all directions and apparently it loads ~4Mb of resources to achieve what is largely a text only site.

Re: Design of This Website (2021)

#98
post #75

Love the comments. Blows my mind how diverse the reactions are. I read most HN on a 9 year old iPad. It's savage, raw compute would be fast enough, but limited RAM and pinned to a very old version of Mobile Safari. I generally keep JavaScript disabled, otherwise hangs are all too common. If I can't at least read the basic idea of a web article at these settings, I move on. Perhaps it's arrogant of me, but I'm exasper…

[deleted]

Re: Design of This Website (2021)

#99

Earlier quoted context omitted.

> If you want to see a professional minimal design, check out mine: text-align:right? WTF? This really hurts when reading. So, while it might be minimalistic, it's not good design.

It's explained on the linked page, under 'typography': > 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…

That is some solid bullshit and is exactly the opposite of everything known in design theory and studies alike.

Left-aligning text actually helps by providing a fixed start, so your eyes/brain know that they have to start left and a little bit lower. With your way it's exactly the opposite.

Will save further details, doesn't look like it's worth the time.

Re: Design of This Website (2021)

#100
post #72
post #23

I fund gwern unreadable, despite their focus on typography. Maybe it's just my b rain not working very well with serif fonts.

> serif fonts Can't understand why websites choose serif fonts. I find long passages of text a chore to read when the font is serif. They're less readable than sans-serif, as the little feet on every letter adds up to unnecessary visual clutter. And when rendered as white text on a black page, with compacted line spacing, the contrasty serif fonts won't be inviting to the reader.

Meanwhile, I purposefully change the font of ebooks I read on my kindle to serif as I find it easier to read.
Post reply on HN