The design is bad because it uses full justification, which hurts readability by making all the lines the same length, which weakens the visual cues for vertical position, and makes the spacing between words inconsistent. But I don't really care, because the site works correctly with Firefox's Reader View, which is better than any custom design because it always looks the same.
> hurts readability by making all the lines the same length Do you regard all books as poorly desgined?
Design of This Website (2021)
141–150 of 261 posts
Re: Design of This Website (2021)
#142I like the design, but semantics and accessibility aren't great. We have lists implemented like divs, navs like divs, lack of appropriate attributes, aria labels and few other things. That's not great considering there's basically only static content without interaction. Articles speaks about optimizing for performance but will still attempt to load 150kb of analytics library and doesn't handle fallback fonts and fon…
I see content organized into sequential, distinct blocks of text which include multiple paragraphs— LI elements are block-level and can contain multiple paragraphs. There's no semantic problem here and no accessibility problem. In HTML5, for accessibility purposes, divs should be used for presentation only. They have no semantic meaning. Lists do.
> Articles speaks about optimizing for performance but [...]
Agreed, mostly.
> they will find fonts that will be great among the system fonts
Having sane fallbacks in your font stack is important, but that statement is false and is why developers don't make those decisions. That's fine— it's not your job— but even as a long-time developer I won't tell developers how to do their job if I'm serving in a design role on a project.
I was also as a culinary school trained chef. Many insist salt omitting salt and letting diners salt food themselves yields equivalent results. Obviously, health conditions should be accommodated for, but in most senses, they're provably wrong. We perceive most of "flavor" through our noses. Tongues sense few things but stimulating it focuses our brain on smell. Totally integrated seasoning drastically intensifies the overall flavor of food. Salt is also chemically and mechanically important in many processes, such as searing. I'd say 60% of professional polish in food comes from proper seasoning.
Design details are like seasoning. A famous designer said "the details are the design". Users don't consciously perceive those individual details but they have tremendous impact on a whole. Even people without experience, however could easily understand the difference between a title set in the 'Display' style of a Pro version of a font vs the standard paragraph version. Setting paragraphs type in the display version of a font makes it much less readable. The visual impact of properly tuned kerning pairs alone gives the pro version of a font a ton more polish. Even different versions of Helvetica have drastically different quality. Target, one of the most savvy businesses on the planet, developed their own version of Helvetica at tremendous expense. They didn't do that on a hunch— they had good reason to believe they'd recoup their expenses by doing so.
Re: Design of This Website (2021)
#143Earlier quoted context omitted.
This is a completely valid issue and difficult to address. I've been testing on my phone, and my phone admittedly may have a screen larger than average. Some devices just aren't suitable for some types of content.
Difficult to address?! Just don't do it! Observe the website you are on right now: no fixed topbar. Perfect on any device.
Re: Design of This Website (2021)
#144Earlier quoted context omitted.
That would be the absolute extreme of minimalism, yes. But it's a never-ending rabbit hole. I don't really need a website, either. So the absolute extreme minimalist website is one that doesn't exist. To me, colors are important. I'm a visual artist. The minimal amount of colors to me is an additional two to your two. It's not arbitrary, I didn't just go crazy with colors, I settled on exactly four because I couldn't…
> So the absolute extreme minimalist website is one that doesn't exist. This is a fundamental misunderstanding of what minimalistic design means. If you've identified that you need a website, minimalism would be paring that down to the core essentials and ensuring it has everything it needs, but nothing more, to suit its purpose.
Re: Design of This Website (2021)
#145Earlier quoted context omitted.
Difficult to address?! Just don't do it! Observe the website you are on right now: no fixed topbar. Perfect on any device.
I wish HN had a fixed topbar so I wouldn't need to scroll to the top so often.
Re: Design of This Website (2021)
#146For 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…
>an HTML-only page that renders content semantically It would have been more semantic to use for emphasized text instead of . Placeholders on form fields are not labels. The comment submit button has tabindex="-1", preventing keyboard users from submitting a comment.
You can just hit Enter after typing your name. No need to select the button.
Re: Design of This Website (2021)
#147Re: Design of This Website (2021)
#148For 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…
Of all the developer blogs I have came across, nothing beats this page for me: https://krasjet.com/rnd.wlk/julia/ It has a perfect blend of minimalism, functionality, aesthetic, typography, accessibility, and mobile-friendly design. I strive to design my blog around the same principles.
Re: Design of This Website (2021)
#149Earlier quoted context omitted.
Difficult to address?! Just don't do it! Observe the website you are on right now: no fixed topbar. Perfect on any device.
I wish HN had a fixed topbar so I wouldn't need to scroll to the top so often.
I agree with the other commenter here. If a text-only article follows the tenets of some version of 'minimalist' design, I should be able to read it comfortably on my phone. Straight to reader mode for me.
I tried it on my desktop, where it was better. But I still wouldn't call it 'minimalist.' Again, it's just an article, but the background image draws my eyes away from the text. The top and sidebars do too, but to a lesser extent.
That's fine, but it's not minimalism. If I hear that an article on the web has been presented in a minimalist style I'm going to click on it assuming that once I start in on the article that's all I'm going to notice.
Re: Design of This Website (2021)
#150Earlier 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…
Not the parent, but I think people will experience a moment of confusion before they adjust. right-align is very unexpected, so even if it's somehow better, it takes time to adjust. That adjustment is undesired and uncomfortable.
I think it may feel similar to a car manufacturer putting the ignition on the left side of the steering column. The driver will briefly jab the key on the right side before understanding that this car is different from every other car the driver has been in. Even if there was extensive research showing that left was better, the first reaction from experienced drivers will be "WTF".