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 ain't.
If you want to see a professional minimal design, check out mine:
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
> 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.
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)
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.
Precisely in the sense of "NOT a lot going on at all times". Just the content, presented pleasently.
And importantly, it's not only minimalism in look-and-feel, but also technically: even a long post with an embedded image like https://manuel.kiessling.net/2021/05/02/tutorial-react-singl... weighs in at under 200 KiB. Loads in under 3 seconds even on "slow 3G" in Chrome. 362 milliseconds via my office's wifi.
Also, no JavaScript. Nothing moves or jumps. Perfectly usable and consumable in a CLI browser like Lynx.
I'm not exactly sure the best way to solve this for your blog. Maybe something like adding alt-text to indicate "German Language" and adding a parenthetical to the end of titles "(German)" or something?
Very good point, and I've thought about this a lot. Still not sure what the best solution is... there is also a "flag-mashup" of the Austrian, Swiss, and German flag, but that's looking weird, too.
Maybe a combination: a small icon with the three flags in one row, and underneath, the text "German post".
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 for German! The situation is even more complicated for nearly all other languages in the world. Please, never use flags of states to identify languages. I have been on the receiving end of this unnecessarily offensive thing, and it did not feel nice.
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).
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
Flags for currency mostly work because nations choose their flag and choose their currency. Flags for languages doesn't work because it's common for the same language to be popular in different countries and for multiple languages to be popular within a single country.
ISO language abbreviations would be a better alternative than the flags but I don't think anything is needed at all; anyone who knows German will recognize the post titles written in German and anyone who doesn't know it will still recognize that they're not in English.
The links do have `hreflang="de"` which in theory can programmatically indicate the language used at the destination, I'm not sure there's any technology that takes advantage of that. They could use a ::before pseudo-element with content: attributes(hreflang) to display the ISO code instead of the flag images. I would like to see `lang="de"` attributes on the German headings and paragraphs on the home page, they would tell screen readers to switch to a voice appropriate for the language when read aloud.
Which flag would you use for euros? Obviously not the european union flag, since there are many countries inside the EU with a different currency (like Sweden or Poland) and even countries outside the EU whose currency is the euro (Montenegro, Kosovo, Andorra, ...).
Yeah, you're right. I did think EU membership was more aligned with use of the Euro (I only knew about the UK using the Pound but they're out). It's still true that each country chooses its currency but it would be just as weird to pick one country in the EU to represent Euros as picking one country to represent a language.
Same goes for Spanish. Which country's flag should represent it? Most people probably don't even know the flag of Spain and readers in Latin America might be offended.
I think the fact is that languages simply don't have visual symbols for them. They are spoken or written, not "looked at". Languages are linear, not 2-dimensional. Euros and Dollars have their symbol because that's what is printed on the 2D surface of bills.
Do the posts in German really need an indication that they are written in the German language?
Just from the title I can immediately see that "Die Metapher der Stadt für das Bauen und Betreiben von Softwareprodukten" is definitely not going to be in English.
I assume readers fluent in German don't need to be told that post is in German, the same way I don't need a little UK or US flag to know "March 2018 Book Recommendations" is in English.
If you can read the title and introduction you will immediately know which language its written in with no need for flags at all.
The site you link is nearly identical to mine, only less visually-oriented (which I feel is excusable as my site focuses on visual arts, not programming).
> Just the content, presented pleasently.
Please explain which part of my site isn't just the content, presented pleasantly?
> minimalism in look-and-feel, but also technically [...] weighs in at under 200 KiB
The exact page I linked to [0] weighs 160 KiB, less than your example. I'm confused about you bringing that up. I win?
> Please explain which part of my site isn't just the content, presented pleasantly?
I'm not the person you asked, so forgive my jumping in here, but I feel I have a helpful answer.
Design serves function. The function of a website with text is to be read. Your site's design is hard and unpleasant to read. Here's what made it difficult for me to parse and read your page:
1. The title looked like a banner offering a newsletter or cookie preferences. I ignored it. My eyes jumped to the subheadings "router" and "template". It took me too long to discern what I was reading. At first I thought it was a list of blog posts titled "router" and "template".
2. The white, thin text on black background was difficult to read. My astigmatism makes dark on light a strong preference for me. Light on dark can be okay if the font has enough weight to minimize deformation of the letter forms. Here you chose a very thin font.
3. The ragged left edge of each paragraph is harder to scan. The return sweep took longer. It is also reminiscent of poetry which felt out of place.
4. The bright background lines drew my eye in a downward on the right and upward on the left, further making the return sweep less comfortable. It is brighter than the text and nagging at my peripheral vision.
5. The text in the comment box was too low contrast to be comfortable.
6. The right menu was invisible to me until I was critically looking over the design.
It was very stylistic and striking. Aesthetically good. But these design choices are at odds with the functionality of reading, at least for me.
> The title looked like a banner offering a newsletter or cookie preferences
That's a problem with other sites though isn't it?
> My astigmatism makes dark on light a strong preference for me
You can find accessibility-enhancing browser extensions. I use one for the exact opposite myself, to turn bright sites into dark ones. Can't account for every disability.
> It is also reminiscent of poetry which felt out of place
Great! My site has lots of poetry. Not out of place at all.
> The text in the comment box was too low contrast to be comfortable
Thanks, I've suspected this to be the case. Will address.
> That's a problem with other sites though isn't it?
I think of design as being done in a context. Few websites use green to indicate a toggle has been turned off and red to indicate a toggle has been turned on because most websites use green to indicate on or go and red to indicate off or stop. Websites are designed in that cultural context where that makes sense (there are cultures in which it's not those colors). I wouldn't expect for a website to buck that context and then say it was a problem with other websites and not the one that's deviating from norms.
Toast banners being colorful on white or black backgrounds is a design language I see all over the place. It's the context of the web. So when I encountered a colorful banner on a black field, my eyes ignored it (based on their experience elsewhere before I browsed to your site) and traveled elsewhere first. It was only when I became confused by the contents elsewhere did I take a second, closer look at the top and realized what I was reading.
Not a big deal really, but I wanted to share this one reader's experience with first impressions.
> You can find accessibility-enhancing browser extensions. I use one for the exact opposite myself, to turn bright sites into dark ones. Can't account for every disability.
No, you cannot. I don't expect sites to. I have a custom CSS I use to improve readability when it's low. But, I have noticed that many sites that are white text on dark backgrounds are reasonably readable when they choose fonts that have some weight to them. Face weight is the lever there. If you wanted to, you could increase the weight of your font a smidgen and provide a good experience to both people with astigmatism and people who prefer dark color schemes. But design choices are personal and you can keep it nice and thin too. Again, I was sharing my first impression on readability.
> Great! My site has lots of poetry. Not out of place at all.
Maybe it's not out of place, but I didn't see any poetry on that page. It was a colophon. If it was meant to be poetic, it went over my head. But, I am a mere student of poetry. Not a poet myself.
As I mentioned, I like the look of your site. I find some of the design choices to hinder readability which I value over aesthetics. Design is about finding that balance between aesthetics and functionality and not everyone agrees on where that balance should fall.
I was not the only one who found that some of the design choices distracted from the content or made the content harder to read. Now you know and can do or not do what you will with that information. But saying that your readers are "wrong" is an odd way to go about it.
I can add to antiframe's feedback, by saying that I agree with them. The text is rather hard to read to me (without repeating antiframe's points). Also, on the CV page, the text is going back and forth - first on the left side, then right, then middle, and there's pictures here and there that adds to the visual cognitive noise.
The bar on the right also has two icons that doesn't seem to do anything (save, next).
Finally, as a non-native english speaker to another, I respectfully add that the tone of your comments come across as a bit confrontative, which together with seemingly strongly held opinions and seemingly not very open to feedback, makes me hesitant to engage in this discussion. Perhaps you are not aware of this, so I just wanted to in the most best-meaning manner I can point it out to you.
Although I’d agree with the fact that gwern does have a more going on, I definitely don’t think your site is any more minimalistic, I’d ever argue it is far far from it. My first reaction was « THAT’s minimalistic ?? »
(Not OP) But I would point out the “fixed” elements used for the top and bottom bars eats away a large amount of real estate for users (I’m using an iPhone SE for reference)
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.
> Some devices just aren't suitable for some types of content
I think that’s rather dismissive when said content is simple text in the browser. Easy solution: don’t use fixed navigation - it is a very bad UX pattern for content/informational websites. That’s why scrolling exists. I assure you that users don’t require access to your menu 24/7 when reading through your website.
My point is that if it is built out in HTML - it should work on any device that can render HTML.
Many other art-based, photography focused and creative writing projects work fine in my browser. You seem to just be avoiding the removal of bad UX patterns (fixed elements) for personal reasons - which is fine.
But you shouldn’t hint towards the fact that it’s “how things are” and they “can’t be fixed”. You’re hurting user experience for personal preference - not limitations.
Home button on a keyboard, tap the top of the screen on iOS, and I believe Android implements something similar.
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.
Home-button is a good trick to know about but I wish there was an easy way to jump between the top and the location I came from to get back. It seems back-button does not do that on my browser at least.
Since browser's don't do it there could be a side-ribbon that had a TOP-button and then a BACK-button. I think that would be useful on sites like HN.
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.
My point being that applying rules learnt from hundreds of years of literary culture and printing do not 1:1 translate into digital.
Justified copy is as much about saving paper as it is about any formality/legibility. It really has no place in long form digital space where space is infinite.
Type designers like consistent and even rhythm between the ink and page. Rivers of white and large gaps between words give the ick.
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 reduce it to three.
> 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.
That subtle background gradient is lovely. I like how it adds a frame to the text without distracting from it. It evokes the right vibe, I think.
That's a design element that serves the functionality well and doesn't feel superfluous at all. But the image on the colophon page I'm less excited about. It gets in the way and feels unnecessary.
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.
I mean, this has to be a joke right ? There is seemingly no way for me to go to the homepage from that link. This is less usable than anything else posted in these comments.
Navigation of some sort is absolutely a necessary function for any type of UI that references multiple locations in the same domain. There are none there.
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 text is made variying, and your eyes have an easier time picking the correct next line.
Hey dude, I just want to give you some feedback as an outside observer.
You advanced your own website as somewhere between a solid execution and an ideal for minimalistic design. Virtually every reply you've gotten has been some variation of "Wow, I don't much like this design". You reply to each of the replies insisting you're right and demanding people explain to you how you're not. People are taking time out of their day to give you (admittedly critical) feedback. It probably doesn't work that well to demand more of their time. When you send signals that you're not internalizing the feedback you're getting, people are going to be loath to offer more.
It's OK if you don't want to incorporate feedback because you're happy with your work, but the context under which you linked it is such that it's perfectly natural people are going to give it to you unvarnished.
Anyone who submits critical feedback must be prepared to receive critical feedback in return. I'm not sure what you're saying. This is a discussion forum. Discussion unavoidably demands participants to take some time to participate.
I think notafraudster might be suggesting that you're lacking self-awareness because you seem very defensive when it comes to your design decisions instead of really listening to people's complaints.
Just as an example, I find right aligned text hard to read, no matter your rational behind it. Might be because I'm not used to it, but who is?
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.
Thank you. Reading their original comment & looking at the site: I assumed it was a troll? Seems like they're deliberately doing the opposite of what makes for good UX / reader experience.
* Tiny non-standard font size.
* Their rationale for right text alignment is the exact inverse of why left-aligned text is widely regarded to increase readability. (Also they don't seem to understand what justification means in paragraph formatting).
* Navigation bar falls in the exact area (right edge) where most users' eye gaze rarely falls. (Top left, top right, mid left are the areas where eye-tracking studies show left-to-right language users fixate).
* Weird Geocities-style pinned background with distracting colours.
* Inconsistent use of capitalisation on headers / pages.
etc. etc.
Yeah. The dude is a Grade-A asshole. His site is complete garbage, yet he insists that it's amazing. I've never seen someone so confidently wrong in every single reply to criticism ever.
Oh, I didn't realize that. When I move it to my own server that shouldn't be an issue. The peprojects.dev domain is for student work. Thanks for the tip!
Interesting. I saw the Beeline Reader before and their method is different in a way that doesn't negatively impact my reading. Their grayscale palette is actually fun and unobtrusive enough that I forget it exists after a while.
BeeLine founder here! I would guess that parent is referring to the fact that BeeLine assists with visual tracking during line transitions, and having a ragged edge (as opposed to justified) helps with this also. I've not seen people use right-justification as a way to achieve this, but the general consensus is that line transitions are easier when there's a ragged edge instead of justified text.
Oh hey! The funny thing is, I originally contacted BeeLine for a quote but was refused one without an already-existing website. So I resorted to experimenting with right-justification.
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".
The right align is absolutely horrible and in no way improves readability. The fact that your website is literally the only one I've seen in multiple years using that style should have been a clue.
Consider this: you're up against millennia of development in writing and typography. People have tried a lot of different ways of organizing and presenting text. And I mean a lot. Different symbols, different fonts, different page layouts, different text orientations. There was even a long line of symbols spiraling on a disk, getting denser as it approaches the center. There's a good chance somebody tried different ways of aligning long text in a paragraph. And we settled on one. Maybe there was even a good reason for it. It's consistent across cultures too. Justified and centered text aside, left-to-right languages are flushed to the left; right-to-left languages are flushed to the right.
Is it objectively the best way? I don't know.
Writing, fundamentally, is used to communicate your thoughts - to yourself or to others. Publishing your writing on the web (and sharing it here) implies you want others to read it. In order to reach your readers, you want to make it easy for them to parse this text. Over the years, people developed a set of patterns that make text more readable. Some are fundamental. Some are nice to have. Some are so universal they are expected - and noted when they are missing.
Think about why left-to-right languages are left-justified.
It's because when you're writing by hand, you can't possibly know in advance exactly how long the line is going to be, so you have to start at the beginning and write until space runs out.
But now we have computers. We no longer write by hand. It's trivial to have the computer justify text however we wish.
So now we ask the same question again, which way should we justify text now that it is trivial to do it either way? To me, "do it the way it's always been done without question" is a non-answer that leads to exactly no evolution whatsoever.
Right but someone doing something different alone doesn't typically mean it is a better way. For every new better way there are an infinite number of new worse ways
Every website listed under your projects are examples of minimalism. The other guy should visit those projects and take some hardcore notes, but he's too busy being an asshole to everyone criticizing his terrible website.
This is tongue in cheek right? I mean just the colors to begin with, and then the hardly readable buttons on the right. Right aligned text, and the background that screams for your attention more than the actual content....
I mean maybe its rendering strangely on my work computer (forced to use edge), but it's pretty bad.
I guess this person would also describe their involvement in this thread (aggressively dismissing every single comment) as a perfect example of minimalism?
Your site is more "minimal" in that it has fewer text elements on the screen. But your site is much harder for me to read than gwern's. First, I hate dark background, white text; white background, dark text is much easier for me to read. (Note that gwern's site gives both options.) Second, your background image is a huge distraction for me, as is the weirdness of the non-image background at the top and on the right. Third, your paragraphs are right justified instead of left justified, which I find distracting. Fourth, your font is too small for me to read easily.
The upshot of all that is that I read the entire content of gwern's page. I didn't read more than a few headings of yours.
> The upshot of all that is that I read the entire content of gwern's page. I didn't read more than a few headings of yours.
Unintuitively, this is a success for me! The headings clearly stuck out, you were able to quickly scan them and determine you didn't care to read the details. That's how I'd expect a minimal design page to work.
> The headings clearly stuck out, you were able to quickly scan them and determine you didn't care to read the details.
That's not what happened. What happened was that after trying to scan a few headings of your page, I was so put off by the site design that I didn't even bother trying to figure out from the content of the headings whether I wanted to read the details. So your site design prevented me from doing what you describe.
Gwern makes it pretty clear that the objective is a minimalist aesthetic, not a minimalist design through-and-through.
Not to mention that the same paragraph specifies a design requirement of the site:
"What does it take to present complex, highly-referenced, link-intensive, long-form text online as effectively as possible, while conserving the reader’s time & attention?"
Even the minimalist answer to that question would probably feature the things you're objecting to.
Other commenters have mentioned BeeLine Reader as a way to achieve the same visual tracking benefit that you aim to achieve with right-alignment.
I'm the founder of BeeLine Reader and wanted to mention that we have a JS widget and I'd be happy to provide it to any HNer for free. Over the years, several HNers have put our tech on their websites (examples here [1]), and we've even worked with a YC company (Insight Browser [2]).
Feel free to contact me (info in profile) if you're interested in trying out BeeLine Reader on your website.
"Your name" isn't a required field and pressing Enter doesn't do that when the textarea is focused.
Additionally, not everyone knows that's the default behavior for pressing Enter in a text input and it's common for forms to be implemented in such a way that it doesn't work.
Your site is not "minimalist". There is no such thing.
There's no standard for "minimalist" websites, no way to define what is or isn't minimalist.
There's no need for one either. Your visitors don't require "minimalism" per-se. There's no threshold that you can cross to achieve or reach it. Minimalism is an ideology. It's a heuristic you can use to guide your decision making.
If you find yourself comparing how minimalist you are or competing with others on minimalism, I feel like a better description for that is "maximalism".
There's a rather large blank space at the top, occupying significant vertical space. Since vertical space is most precious on all screen orientations, I'd consider cutting it.
The art on the 'visual' page looks very interesting, but clicking on them does nothing. At least make them links to the images themselves. The two with school buses are my favorites. I'd move them to the top to make the best first impression (though this is of course subjective! Place your best works first).
Would love to hear any elaboration on what makes you think that. Otherwise your opinion will only amount to "I don't like it", which is just about the least actionable criticism anyone could ever hope for.
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 ain't.
If you want to see a professional minimal design, check out mine:
https://hypertele.fi/ec997be8c5933e87