The UI of Hacker News Is Perfect

91 points by Vishal19111999 ↗ HN
Just saw a few creators building better UI versions of HN.

I realize now, that one of the important factors that keep HN's audience selective is its simple UI.

IMO if we put the design and UI/UX elements of modern social platforms, it may start to attract a wider audience which certainly is not the intent of this platform.

67 comments

[ 2.8 ms ] story [ 140 ms ] thread
I'd say it is perfectly functional. Far from perfect in terms of design.

There have been minor improvements over the years, but just like other products with a long history, change becomes ever more expensive.

what would be an example of perfect design?
The UI doesn't have anything to do with it. Hacker News is heavily moderated by smart people, that's why it's a nice place to visit. A poorly moderated HN would turn the site into influence-spamming hellscape like Quora.

Amazon.com is the ugliest e-commerce site going, but they aren't worried about losing visitors to Wayfair.com, because they're not competing on looks.

Same thing with HN, they are not in direct competition with any other site. The high quality of discussions (thanks to moderation) helps the site show up in search engines, which is how most people discover it.

There are lots of alternative front-ends to HN, those are personal projects and not done to try to boost HN traffic, just to improve the UX for regular visitors. For example I use a browser extension that adds additional menu items to the HN orange bar, like "shownew".

Thank you Dan. If I ever meet you in person, beverage/meal on me.
> The UI doesn't have anything to do with it.

I'm going to disagree somewhat...I think it has _some_ to do with it. I think the UI acts as a sort of pre-filter. I think just having a list of boring looking text (like HN) draws some types of people and repels others.

>I think just having a list of boring looking text (like HN) draws some types of people and repels others.

It is true that HN draws some types of people and repels others, but I think it's because of the culture more than the UI. I mean, old Reddit looked almost exactly like HN and it's as mainstream as a site could be. Craigslist was even more minimalist than HN.

Old reddit was at least a bit more tech and intellectual adjacent than new reddit. The "mainstreamification" of Reddit came largely with the UI change and mobile app. Even with old Reddit it was more mainstream because of UI aspects YC doesn't have (social media sharing, video embedding, custom subreddit CSS)
I do like some things better about https://hckrnews.com/ as a front page.

The left numbers almost act as a bar graph to tell you how popular something is, and it is otherwise chronological.

High text interfaces are also dense compared to modern mobile touch based interfaces trying to render on a desktop. https://signalvnoise.com/posts/1407-why-the-drudge-report-is...

I also like hckrnews.com because of chronological and the lights of the numbers.

I find that some of them are not highlighted even though the numbers seem high enough.

I'm sure it's an algorithm cut-off thing, but I'd like if the lighting scale was a little more linear.

This. I’ve long thought that you get better users when you filter out the people who both need the site to be pretty and are incapable of tweaking it on their end.
Chans look pretty similar...
I'd wager HN has a larger overlap with /g/ than Reddit does.
> HN is heavily moderated by smart people

I don’t think it’s as moderated as you’re saying.

I would say, on the other hand, that the average comment is much more thoughtful, in-depth, as it originates from individuals who possess extensive insights on the topics they comment on.

This deters people from making dumb or useless comments and look like fools in front of smart people that visit HN.

People that is not deterred by that will most likely learn the lesson a couple of minutes later from HN members feedbacks.

The average comment is more in-depth because there's a long history of thoughtful moderation by people like dang. The community has learned what the bar is, and now holds itself to it (more or less). The social standards here didn't come for free, and if you were to take a random selection of the HN audience and get their Reddit profiles, I strongly suspect you'd see a notable difference in the quality of the content they post to the different platforms.
> The high quality of discussions (thanks to moderation) helps the site show up in search engines, which is how most people discover it.

How do search engines recognize discussions as high quality?

Search engines probably just look at page length and domain authority. Anybody can create a 10,000 word blog post on [topic] but something that gets a lot of discussion on a message board (Hacker News, Reddit, Metafilter) is a reasonably good proxy for relevant content (if not "high quality").
The reason a wider audience doesn't come here is that this site is called "Hacker News", it's attached to a subdomain of a Silicon Valley startup incubator most people have never heard of, only a few people ever discuss it outside this forum, and most of those people are complaining about it when they do.

The audience here has definitely grown over the years, but like any niche subreddit the reason the unwashed masses don't flock here is simply because they don't know about this place, and if they did, they wouldn't care, or they would be turned away by its reputation.

And TBH the way people here sometimes fetishize this forum's layout is kind of creepy.

> it may start to attract a wider audience which certainly is not the intent of this platform.

Web sites on the front page are regularly collapsing under the load of visitors emanating from this place.

You are not part of a small elite club

Speaking of the perfectness of the HN UI, the text size is very small on mobile. I assume this must be deliberate for some reason - maybe to put people off using it on their phones :)?
Can't reproduce, it's normal for me. Although the desktop version font does seem a bit small.
It's tiny on Desktop too on a my 27" 1440p main monitor. I have it permanently zoomed in at least ~150%. There's no need for the font size to be that small in today's environment of high res monitors.
Definitely not perfect. The default "collapse comment" buttons being right-aligned is pure insanity, IMO. They should be left-aligned so they're all in line with each other as you scroll down the page, so you barely have to move your mouse.

Fortunately this extension[1] takes care of that.

[1] https://github.com/insin/hn-comments-owl/

Also, proper hyperlink support in comments would be appreciated.

Do you like this extension?

I'm working on this:

https://plzat.me/

Would love to hear your thoughts if you have them.

I have a userCSS for that as well:

  .togg { float:left; margin-right:.5em; letter-spacing:5px; } /* Collapse button to the left and larger */
But then people would complain about it being too close to the vote arrows, no?
Having it on the right is pretty convenient on mobile because it makes it much easier to use just one hand (assuming you are right handed).

Ironically (given how much hate they get), I find reddit new site and official app to have the best collapse ui. On the left on the web (and with a 100% vertical high which means you never have to scroll up to collapse), and tap anywhere on the message on mobile (much bigger and easier target than hn, works for both right and left handed people).

Yes, I agree with this, the UI design is very good. I can uses it using many browsers even lynx when necessary.

Plus as others indicated, there does seem to be any "nastiness" here.

What really bugs me nowadays is lack of dark mode support on HN. Quite many websites Will autodetect it when I turn dark mode on on my phone, but for some reason HN refuses to do that. It seems like a no-brainer feature to autodetect it.
I think HN’s success is a mix of great people with incredible views and knowledge, good moderation, and the data-dense simple UI. Most social media sites and forums have a vastly lower content-to-noise ratio — all the emoji madness, UI cards for far too many things, wasted space, infinite scrolling, etc. Here you have nice threaded discussions that focus on content above shiny, blinky, noisy UI distractions. Love HN and the excellent people who share here.
I keep seeing people praising the HN UI but just can't see it. The lack of padding makes it hard to differentiate between articles. The many low contrast links below look cluttered. Not to mention how horrible the site is to use on mobile.
You should try mailing lists…jokes aside, I wish the up/down votes would be more touch friendly. Too many accidental votes. At the same time I wish they could store my written comments in local storage until I submit it. Sadly scrolling up too far on iOS or closing the wrong tab happens seldom. A simple onchange callback would be enough. I wouldn't mind some minimal KISS improvements…
One aspect I really don't like is the slot-machine mechanic of mixing yesterday's (or day before's) top stories with today's trending stories. That makes me re-read so many titles, looking for that dopamine hit of something new and interesting. I like many have made a front-end that serves my own purpose and lists stories in reverse chronological order, only showing stories that made the cutoff of 'top' according to the API request.
Something like https://hckrnews.com ?
Very much so. It[0] didn't start out that way. It was first a way of reading the list offline (while underground commuting pre-pandemic), opening a bunch of link tabs at station stops.

The other thing it does is group stories by type and made-up keywords to put uninteresting/noisy stuff at the bottom, leaving the deeper cuts at top.

[0] https://hackerer.news

I was hoping for a thread with a UX deep dive on the pros/cons of a simple UI vs other equivalents (Reddit, Reddit Enhancement Suite, social networks, RSS readers).

There's no way to say this is a perfect UI. We don't know if people churn because of the experience, or drop off because it's tedious. Maybe the lack of notifications is a problem? Maybe the archaic search is? Maybe the way the top items are rendered skews towards a certain type of interaction and reduces overall interactions?

It's super arbitrary to say it's perfect, or that it meets the best goals it could achieve.

It took me several goes over several years to become a HN user. The design put me off. It made me think this was a site for CLI nerds.

And of course it is, but it’s far richer than that.

Nevertheless, now I think the design helps keep the riff raff out. :) you have to appreciate the content to appreciate HN.

As a graphic designer myself I tend to be attracted to some products because of its visual design or user interface. Case in point - I couldn't wrap my head about Reddit only until they launched their infamous redesign. It seems many people like interfaces with a huge information density, but for me it was too overwhelming - the redesign has many negative aspects but its readability/scanneability is definitely a positive one.

But that "attraction" doesn't guarantee one would keep using something, so in the end it's just a small ingredient.

Please support reader mode on iOS. Or at least fix the small fonts.
I hate the Hacker News UI. It is ugly, inaccessible, and confusing. I have some stupid Chrome extension just to make it dark mode.
What's confusing about it?
I mean, a moderator has to turn up and explain how pagination works in every large thread.
I browse HN mainly on mobile and it can feel quite cluttered, definitely useable but non idempotent operations like flagging a post have no confirmation. For the most part, I think I've noticed when I've accidentally flagged a post and unflagged it, but I feel I can't agree to call the UI perfect.
I keep logging out while trying to click my username.
Yes, I wish some of the actions were larger and further apart.
It's fast, does not have ads, doesn't have layout reflows, doesn't have popups, doesn't have marketing overheaad and BS.

Those things alone would make 90% of sites better.

My god man just give us the goods!

Some buttons/links are too small for touch
Hn loading in poor network conditions is maybe it’s best modern ui feature.
I don't know about perfect. The tiny action button/links result in misclicks for me fairly often.
IMO, support for more rich comment formatting would be very beneficial.

While I would prefer if HN supported Reddit-flavored Markdown, just supporting a quoting syntax would probably provide 50% of the benefit.

The important thing the HN UI gets right is letting people quickscan vast amounts of information to find what is interesting/relevant for them together with an instant sense what the rest of room thinks.

It all goes downhill from there, but hitting that goldilocks zone where people can drink from the firehose without getting whacked is an undeniable accolade.

The UI of "modern social platforms" doen not optimise matching these impendances, thats why their users brains are fried.