News for hackers. Stuff that matters.

Yet Another Hacker News Redesign

I wanted to create a design that I could use, so instead of pie-in-the-sky, I modified the CSS as suggested by the 'A Better HN: Aligned' post using Stylebot (awesome tool!). While its just a visual skin and not a complete UX overhaul at least its functional and useful right now.

Screenshot: http://cl.ly/1E182J1r0V040M3H302J

CSS: http://pastebin.com/JHEUQjcq

My concern with the previous designs I saw on HN were they weren't too readable.

In my design, I am giving prominence to the article title - bold and contrasty. The comments is what I personally like to see next and I went with a subdued orange/brown for these links. I increased the line-spacing and generally have a bit more white-space without overdoing it (you see about 15 of 30 articles above the fold on a 13" MBP). Additionally, I removed any distracting elements (such as the header or orange lines) except for the Y-Combinator logo.

( 4 comments | 2 points | on HN )
Re:Yet Another Hacker News Redesign by joelmaat on Saturday April 21, 2012 @02:00PM (#3872417)
I have a userscript and zoom (twice) in Chrome to get the text larger. I like being inspired and made happy when I read through the titles, and I like Feedly's UI, so I made my version of HackerNews look exactly the same.

Some days, I just love being a programmer/designer. So much independence and control.

Re:Yet Another Hacker News Redesign by tuananh on Saturday April 21, 2012 @02:06PM (#3872435)
I found extensively use of bold text very eye-sore. Maybe it's just me!
Re:Yet Another Hacker News Redesign by thinker on Saturday April 21, 2012 @02:24PM (#3872501)
Yeah that was one decision I was unsure about, but I'm going to try it out and see how it feels after a few days.
Re:Yet Another Hacker News Redesign by zinbiel on Saturday April 21, 2012 @02:24PM (#3872500)
Not just you. Half of the text is bold which makes it tiresome for the eyes.