8 ms·
The UI of Hacker News Is Perfect
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.
- ricardobeat 3y agoI'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.
- alexstyl 3y agowhat would be an example of perfect design?
- rchaud 3y agoThe 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".
- mey 3y agoThank you Dan. If I ever meet you in person, beverage/meal on me.
- bigthymer 3y ago> 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.
- krapp 3y ago>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.
- atleastoptimal 3y agoOld 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)
- basch 3y agoI do like some things better about https://hckrnews.com/ 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-one-of-the-best-designed-sites-on-the-web https://signalvnoise.com/posts/1407-why-the-drudge-report-is...
- sshine 3y agoI 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.
- mattrighetti 3y ago> 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.
- mtrpcic 3y agoThe 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.
- badpun 3y ago> 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?
- rchaud 3y agoSearch 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").
- krapp 3y agoThe 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.
- jeanlucas 3y ago> I realize now, that one of the important factors that keep HN's audience selective is its simple UI. Well... https://xkcd.com/552/ https://xkcd.com/552/
- mikojan 3y ago> 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
- nmeofthestate 3y agoSpeaking 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 :)?
- PhilipRoman 3y agoCan't reproduce, it's normal for me. Although the desktop version font does seem a bit small.
- pyrelight 3y agoIt'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.
- agumonkey 3y agoless is more strikes again
- wackget 3y agoDefinitely 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/ https://github.com/insin/hn-comments-owl/ Also, proper hyperlink support in comments would be appreciated.
- xrd 3y agoDo you like this extension? I'm working on this: https://plzat.me/ https://plzat.me/ Would love to hear your thoughts if you have them.
- arp242 3y agoI have a userCSS for that as well: .togg { float:left; margin-right:.5em; letter-spacing:5px; } /* Collapse button to the left and larger */
- dang 3y agoBut then people would complain about it being too close to the vote arrows, no?
- arthens 3y agoHaving 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).
- jmclnx 3y agoYes, 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.
- kennu 3y agoWhat 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.
- DLA 3y agoI 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.
- malmz 3y agoI 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.
- faebi 3y agoYou 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…
- karmakaze 3y agoOne 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.
- badtension 3y agoSomething like https://hckrnews.com https://hckrnews.com ?
- karmakaze 3y agoVery 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 https://hackerer.news
- tetrisgm 3y agoI 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.
- doctor_eval 3y agoIt 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.
- Gualdrapo 3y agoAs 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.
- innagadadavida 3y agoPlease support reader mode on iOS. Or at least fix the small fonts.
- wilg 3y agoI hate the Hacker News UI. It is ugly, inaccessible, and confusing. I have some stupid Chrome extension just to make it dark mode.
- andrewmackrodt 3y agoI 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.
- Gigachad 3y agoI keep logging out while trying to click my username.
- doctor_eval 3y agoYes, I wish some of the actions were larger and further apart.
- jasmer 3y agoIt'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!
- rado 3y agoSome buttons/links are too small for touch
- zephlower 3y agoHn loading in poor network conditions is maybe it’s best modern ui feature.
- zephlower 3y agoThough dark mode would be really nice. And seemingly pretty trivial to implement?
- pg5 3y agoI don't know about perfect. The tiny action button/links result in misclicks for me fairly often.
- nordsieck 3y agoIMO, 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.
- nologic01 3y agoThe 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.
- lucsky 3y agoPerfect? LOL, it's mleh at best. And the blatant disregard for better typography in such a text heavy place is borderline criminal.
- omgmajk 3y agoThe only thing that is lacking from this site is darkmode, using extensions to fix this problem is tedious in my opinion. Otherwise I love everything about it.
- spirit557 3y agoI don't like the visited link color, it's grey. It easily blends in with links that haven't been visited and it seems to get worse when any "amber"-like tint is bieng used on the display (nightshift, nightlight, flux etc). I alway use my displays at least some tint. It's the one thing about HN that always bugs me, trying to find a link I visited in the mix of the rest.
- AH4oFVbPT4f8 3y agoReading an item I agree but viewing the submissions I prefer https://hckrnews.com/ https://hckrnews.com/
- iinnPP 3y agoReminds me of PunBB. I loved working with PunBB.
- devinprater 3y agoI mean it's not bad, but I do wish I could tell the indentation of comments, using a screen reader. I just kinda don't even focus on that though, but it does make comments just, mainly, a flat list of comments to me.
- Conscat 3y agoI'm pretty stupid and the color palette didn't deter me.
- joshxyz 3y agomy fat fingers dont agree
- revskill 3y agoBecause HN allows only text format, it's a very simple site by design. So, perfect is achieved by having nothing else to remove.
- cabalamat 3y agoNot perfect, but if it had Markdown with code highlighting it'd be getting there.
- rumori 3y agoDefinitely not perfect on mobile. Tap targets are too small, you have to really focus to hit them. You also have to learn what is what, the arrow resembles a collapse / expand icon used in file browsers especially with it’s placement on the left, it really goes against UI conventions, it has a different function with a way too similar look. Font size is a bit too small. Definitely misses a dark mode, I’m using it from an RSS reader and get really annoyed when reading it in bed and going from a nice dark list view into the comments blasting almost full brightness. I think these can be easily fixed without loosing the simplicity, which is excellent.
- nokya 3y agoFully agree, HN's basic/simple UI is of paramount importance to me. The "modern" UI proposal is clearly aimed at an audience that I have never felt part of. I have wondered several times how come has HN not yet abandoned its core principle of simplicity by letting some toxic product designer or typical alike position to step in and "modernize" HN's interface. Everyone does this today and always ends up alienating the audience on which the product is built (coughredditcough). I admire HN for not doing that, yet, after so many years.
- guest__user 3y agoUmmm. I think the ideals behind it are perfect. Simplicity, clarity, ease of use, resilient. But I still can barley figure out how the comments and reply functions work. While I agree that the brutality/minimalist UI might perform a filtering function. I definitely think that some basic readability/usability improvements would be great.