Live data from Hacker News

Hacker News Redesign

jsbin.com

51–60 of 60 posts

Re: Hacker News Redesign

#51
post #4

I usually visit http://hckrnews.com , I like the clean design there... But yours is a nice effort

My favourite too, simple, clean, and shows everything in an order that makes more sense. The latest changes to the site were excellent improvements as well!

Re: Hacker News Redesign

#52
post #5

One of the things I like about the existing Hacker News design is that it's simple and very easy to read. Your redesign uses smaller fonts, which, in my opinion, is definitely not an improvement.

The font size is the same size for me. I do like the increased padding on the design.

Re: Hacker News Redesign

#53
I prefer bigger fonts. I also prefer off-white backgrounds and dark fonts, but still keeping high contrast. High contrast is good, but this is a bit much.

I really like the way it fits in my narrow browser window! Many redesigns don't.

And I like the bigger upvote button.

Re: Hacker News Redesign

#54
post #34
post #5

One of the things I like about the existing Hacker News design is that it's simple and very easy to read. Your redesign uses smaller fonts, which, in my opinion, is definitely not an improvement.

Really? On my computer it's the exact opposite. The HN design looks like the font is around 8pt; the redesign looks like it's around 11pt.

I opened up two, identical browsers (Chromium version 25) on my 27 inch IPS monitor. I opened up the redesign in one browser, and the regular Hacker News in the other. The redesign has visually, noticeably smaller fonts.

Re: Hacker News Redesign

#55
Wow! I really didn't expect this much attention and feedback! First, I want to say thanks for all the comments!

I designed this last, late California night. So the design isn't finished; this is a first draft.

Obviously the posts themselves are an issue. I didn't put much attention to the posts. I'll do that. Some of the feedback I got on it were: 1. Larger vote buttons. 2. Less contrast (too hard on the eyes). 3. Too much white space, a little too small of text. 4. Focus on title, not author.

Some other feedback I got was on the orange color. I pulled this straight from HN's header bar. I guess because the bar is taller that the color is brighter. I need to think about if it's the color or the surrounding elements that make it feel this way.

Keep up the commenting and feedback. I'm not finished here yet. I really liked the HackerWeb design, but it's too narrow; it feels like a mobile app. I'll pull some inspiration from there, but I really want to bring the design back to a "hacker" feel. So stay tooned!

Re: Hacker News Redesign

#56
post #42
post #21

Earlier quoted context omitted.

Support this statement! Design that sacrifices content for sake of nice looking white-spaces can be used only on personal pages that nobody reads.

Whitespace doesn't exist just for the sake of being pretty. At least to me I find this mockup much more readable than the current design, as the space between links clearly separates them. This makes it much easier to read their titles.

I agree. My intention is to use white space to separate things, vs lines or other graphical distractions. Having said that, I still need to work on the list part of the design.

Re: Hacker News Redesign

#57
post #21
post #5

One of the things I like about the existing Hacker News design is that it's simple and very easy to read. Your redesign uses smaller fonts, which, in my opinion, is definitely not an improvement.

Support this statement! Design that sacrifices content for sake of nice looking white-spaces can be used only on personal pages that nobody reads.

There will be less white space and it will be used more scarcely, however I'd rather use a little bit of white space instead of something like a horizontal line. Wouldn't you agree with this? :P

Re: Hacker News Redesign

#58
post #43
post #34

Earlier quoted context omitted.

Really? On my computer it's the exact opposite. The HN design looks like the font is around 8pt; the redesign looks like it's around 11pt.

The real HN has 10pt titles and 7pt metadata, at least on my PC. The redesign makes titles smaller and metadata larger, in effect making them the same size. I think this is a bad change, because now there's little distinction between title and metadata.

I want to remove the metadata if I can. Would you agree that the titles and "comhead" (the domain name) should be the visually promenant part? My goal is to minimize on the meta as much as possible without removing the usefulness of it.

Re: Hacker News Redesign

#60

For those on a wide-screen monitor, it would be nice if you used all of the empty real estate on the right. Move everything up to a single line and take what is currently your second-line content (comments, vote count, etc) and push it all the way to the right. It'll make it a lot easier to scan the headlines. For mobile devices you could always revert back to the stacked approach. http://i.imgur.com/in4x0Im.png

While this might look nicer, it's solving one problem by creating another, and in my opinion larger, problem.

The problem when it comes to listings is that information needs to be easily scannable. The information to be scanned usually has a certain hierarchy, so there has to be a separation that reflects this hierarchy. If you use your solution, you favour optimal separation while sacrificing scanability.

This is not exactly a straight-forward problem to solve because the hierarchy is different for everyone. But one thing we can all agree on is that the title is at the very top of it. So, having the title in a bigger font-size, maybe bold, but definitely more contrasted as the stuff around it goes without saying. So the current HN style is not that far off the mark, though I think it could do with less data and/or more whitespace, to counter the "gray haze syndrome".

A straightforward fix for this meta-data clutter would be to make it collapsable, you could then show it in a tooltip on hover for example. Or make it collapsable on a per story basis to cater for tablet/phone users.

Post reply on HN