top | item 1722914

Unofficial alternative UI of hackernews

82 points| rvivek | 15 years ago |hckrnews.com | reply

62 comments

order
[+] cubicle67|15 years ago|reply
You know, you could probably harvest quite a number of passwords by adding a small 'login' link to the top right corner of the page
[+] wvl|15 years ago|reply
Sure, I could. Which is why I didn't.
[+] AgentConundrum|15 years ago|reply
It looks a bit odd for me in Firefox. I'm assuming the comments/points totals were supposed to line up...

http://imgur.com/RLkXX?full

[+] aik|15 years ago|reply
I'm getting the same thing in Chrome. This way anyway it seems harder to read than the original.
[+] wvl|15 years ago|reply
Hmmm, that is strange. I did test it in Firefox a while back, but I must have changed something in the meantime. I run Safari and Chrome personally, so I never noticed that. I'll see if I can fix that.

edit: It should be fixed now. Thanks for reporting the problem.

[+] bonaldi|15 years ago|reply
Hoped this would be for the comments page -- would love one that didn't reorder the comments as they are rated.

I find it desperately hard to find what's new when revisiting a comment thread, unless I've posted in it and can go in via "threads".

[+] wvl|15 years ago|reply
If you go to the about page[1], you'll find extensions for both chrome and safari. These extensions will highlight new comments, as well as make comment threads collapsible (a la reddit).

http://hckrnews.com/about.html

[+] pavel_lishin|15 years ago|reply
I really wish HN would adopt some of Reddit's features - ability to choose how comments are sorted for one, and the ability to collapse comment threads.
[+] jbeluch|15 years ago|reply
The browser extension found on the about page highlights new comments.
[+] isleyaardvark|15 years ago|reply
Overall, I dislike it. On the plus side there are more stories to scroll through and the hover effect is nice. But I don't think that makes up for the font. Plus, when you scroll down there's no way to tell which column is comments and which is points.
[+] wvl|15 years ago|reply
What OS/browser are you using? What is your issue with the font? edit: Others seemed to be saying the same thing. I switched to a sans family stack. Let me know if that is better.

As for the column thing -- this is something I use every day, so I designed it mostly for repeat usage. I didn't want to pin a header or add extraneous text to make that clear. Use it for a while, and it should become second nature that points is closest to the story description.

[+] chaosmachine|15 years ago|reply
Sorting by date is a great idea, easier to keep up with than a list that randomly reorders every few minutes because of changing point values.
[+] wvl|15 years ago|reply
Thanks! I'm glad someone appreciates it. Seems everyone else is very worried about my spare time and how I wasted it... :)
[+] jessor|15 years ago|reply
Awesome! You fixed the HN frontpage for me. This has exactly what I was missing.
[+] KishoreKumar|15 years ago|reply
I really like your site. I want to completely switch to your site. But..

1. Some stories are Missing: For example, http://news.ycombinator.com/item?id=1787019 ("When Intel’s Hyper Threading goes bad") was posted on Oct 13, 2010. But it is missing your list.

2. How often do you update #Points & #Comments? I mean if I just post a comment or upvote any OLD story on news.combinator.com & then if I browse back to that day on your site. Its not showing the updated values. I guess you are storing the stories but not updating them. What is your criterion for updating the #Points & #Comments?

3. What is your criterion for "top" in top 10, 20, 50%? Its definitely not points.

PS: How are you getting the stories from news.ycombinator.com? Scraping or do they offer some JSON API?

[+] tzury|15 years ago|reply
I do not like this design at all. It is simply not personal taste, yet I must applaud you for taking the time and energy to do that.

HN with new look is something I think of at least once a day during one of at least 15 visits to the site.

[+] wvl|15 years ago|reply
Author here. Part of the reason I built this is so that I could skip a day or two, and still come back and see what was posted. Unfortunately, that means finding this thread 11 hours after it was posted. I'll respond to the comments.
[+] ecaradec|15 years ago|reply
This isn't exactly news. There is a page that include several HN related services here : http://resourcey.com/site_details/2/news.ycombinator.com/
[+] wvl|15 years ago|reply
I'm not sure who posted this this time, but when I first posted it, it never found much traction.

One of (IMHO) the problems with Hacker News is that there is no good way to store and locate meta information. So all the mashups, meetups, resources that have been inspired or built around and by the community live and die by being posted as stories. If someone isn't an obsessive reader of the site, it's pretty easy to miss these things. Resourcey is a good link, but you must also know it exists in order to find the other links.

[+] MrJagil|15 years ago|reply
This is where I actually think Digg is better than HN and Reddit. Their content and community may not be nearly as good, but at least they ATTEMPT to improve their UI and general functionality. Soon I have been on HN for a year, and I do not think I have noticed a single change to the site.

I know that interface is not everything and that once you get used to this simple one, you really get to like it, but I would just expect that a tech site, where 1/4 of the articles are about design, would try to push itself a bit more.

[+] endtime|15 years ago|reply
I'd suggest you educate yourself on the origins and goals of HN before you start complaining that it's not trying to compete with Digg.
[+] joshuacc|15 years ago|reply
Looks nice overall. But Caslon is a bit blurry and hard to read at less than 18px on Windows with Cleartype enabled. I'd either switch to Georgia or bump up the size.
[+] wvl|15 years ago|reply
It seems this is a common theme. I switched to a sans stack, that should be easier to read, if not so pretty.

An aside, but one thing I love that both Safari and Chrome now do (at least, maybe others do as well) is remember the font size instructions for a site. So, if you bump up the font size -- next time you visit it keeps it at the larger font size.

[+] tfh|15 years ago|reply
Apparently there's another one on http://hckrn.ws/ . What's with the HN redesigns?
[+] bl4k|15 years ago|reply
I figured that pg has kept HN feature and design limited so that the users can hack and chop it how they want it (eg. I have simple email thread alerts)
[+] mmacaulay|15 years ago|reply
Considering HN's minimalist design (a good thing IMO), and the readership, it should be no surprise that we're seeing these "redesigns".

There are a few mobile apps for reading HN - also not made by Ycombinator.

[+] tnorthcutt|15 years ago|reply
I knew that the shapes in the orange boxes on the left were probably letters and numbers, but I honestly could not tell which ones they were (especially just looking at the top one, which for me right now is "6am"). I ended up copying and pasting the text into my address bar to read it. I'd suggest a different font. (I'm on Win7/Chrome Beta).
[+] futuremint|15 years ago|reply
The very first thing I tried to do was click on the words "comments" and "points" to sort the entries by that column.

Placing those columns on the left-hand side gives them the highest importance. Is that the intention of this UI?

[+] wvl|15 years ago|reply
I can understand why you thought they would be sortable. However, it's designed around being a chronological list. When I want to scan the higher rated stories, I use the filter links -- top 10, top 20, top 50%. Sorting by points or comments does make some sense, however, it is also a function of how long a story has been posted -- so I don't really think a javascript sort in place would be too useful.

As for the UI design -- I wanted a simple list of stories that I could scan, plus I wanted to be able to see the points and number of comments associated with that story. While I understand your point about highest importance, if I had placed the numbers on the right the ragged right nature of the text would make it hard to scan.

[+] zachinglis|15 years ago|reply
Well done on taking your time out to do this. Congrats on launching.

I find this one far less scannable. I see what you tried to do but it needs a bit more refinement.

[+] wvl|15 years ago|reply
Can you comment on why you find it less scannable? In fact, I find the opposite -- just the information I need, with no noise, on a clean white background. But, of course I'm biased.

I did add alternating backgrounds -- I'm not sure I'll leave it like that, but do you find that better for scanning?

[+] bretthellman|15 years ago|reply
Great idea but the UI needs some work... Everything blends together. What I'd love is notifications when a comment receives a reply. Sign me up for that!
[+] jacobolus|15 years ago|reply
I like it, but can we get a font with slightly less fiddly tiny details? They don’t work so well on a low-resolution computer display.
[+] spacecadet|15 years ago|reply
Agreed. Decent flow, find a cleaner font, it wont take long ;)
[+] wvl|15 years ago|reply
Is that better for you now?
[+] Kilimanjaro|15 years ago|reply
A better exercise would be to redesign HN in HTML5. Instead of font tags and tables it needs an urgent injection of CSS.
[+] Kilimanjaro|15 years ago|reply
After further examining the source I dare to say the size of the html sent could be cut in half.