Visually attractive. A usability disaster, but certainly nice to look at.
The challenge: adding to a simple thing - but after the additions, make sure it remains simple or even simpler.
Unfortunately, I'd say that this redesign does not succeed in making HN simpler. An obfuscated "Y-meter" ranking is not simpler than a number.
Don't mean to be condescending here, but this is a great example of a portfolio piece that helps indicate whether the designer you're looking at is mature or not. If this landed on my desk, it would be pretty clear that I'm dealing with a talented, but somewhat junior designer.
I totally agree with you. While those Y-meters look good at first, for everyday use, and for busy tech people, it certainly makes the experience of browsing HN way worse.
I wouldn't say it is worse. It is just different. Maybe need to work out the idea a little more.
While the proposed Y-meter might not be a good solution, it does highlight which article in the list is rising or has more points, unlike the current Hacker News design.
Now while simply using the points numbers themselves would easily solve this, I think it's still a nice attempt at trying to invent new visual systems, which is something I personally rarely see in the current web UI trends.
I too gave a shot at the redesign (a chrome extension) http://vpj.svbtle.com/hacker-news-redesign
It's similar to current design but with a few changes to detail to make it easier to use (read, scan, skim)
It won't let me install your extension.
Visit http://news.ycombinator.com/news after installing the extension
From a frequent user of the site, the Y-Meter is one of the most jarring parts of this design. Even just looking at the comp, I feel like my brain has to do extra thinking to figure out what is going on. I always head designers say "Good design is invisible" and the fact that there is so much discussion around that Y-Meter should raise red flags.
Whenever a designer presents their designs in 3D and/or angled styles, I feel like the designer is trying to sell an OK design/idea by trying to make it unrealistically pretty. I never look at screen in that angle or never see pages in 3D.
Personally, I always tilt my borderless, 1 centimeter thick screen and browse everything at an angle.
way less than 1 cm
Haha, perhaps 10px thick then.
I call it the Dribbble effect.
I thought we decided to stop doing this.
I think redesigns are fun. They're not hurting anyone.
Fun is fine. Looks like the goal of this is to promote their (brand new) blog by doing a hackernews redesign.
So the purpose of making a hacker news redesign to get on hacker/designer news isn't meta enough for you? This person clearly hasn't done any other notable work yet.
Troll. Your comment is invalid, and not even constructive.
She's new to our community. We should welcome her!
Note: Hila didn't even post this herself... She didn't even post it on HN either.
She also doesn't seem to have any portfolio online, but looks to be young competent designer. Why does it even matter that she "hasn't done any other notable work yet"?
We all have to start somewhere. Even you did.
Yep, you're right. I'm projecting.
Unsolicited redesigns are fun for a lot of people. It's actually a great way for unemployed, or under-employed, designers and developers to stay busy and sharpen their skills. There's nothing offensive going on here.
There are worse things in the design community. Like trolls, ya know?
The person who posted this isn't the person who made this.
I know, but we're perpetuating the problem by posting it, upvoting it, and even commenting on it.
What exactly is the problem?
It's not solving a business problem. In fact, it's ignoring it completely. Therefore, it's not good design. (Yes, I'm trolling)
It's hard for me to see things like this, especially when designed by self-described UX experts, constantly missing the mark. To be clear—I absolutely love good redesigns like the ticketmaster ticket redesign from a while back—but design is about finding the right solutions to the right problems. This redesign, like so many others skips so many steps on the way to the final haphazard solution.
If you look over at the HN comments on the same story, it's clear that the target audience wasn't factored into the design process. That the problems this solves were contrived rather than discovered.
HN isn't pretty, but it's very usable. The only changes it really needs are typography tweaks and a functional mobile design. If you're adding features, add an integrated search functionality and the ability to fold comment chains. Things people want, not this Y-meter, which by the way takes way more time to parse and adds so much more noise to the page than many other solutions.
Please, more research and thoughtfulness and I'll be so into these unsolicited redesigns.
I can't read that website. Too light typography.
I just registered to upvote this. I'm assuming it's a Windows/Mac thing? (I'm on Windows)
It's on Mac also.
Note to self:
Don't use roboto hairline
I've thought he used -webkit-font-smoothing: antialiased; but it's the thinness of Roboto that makes it so scrawny.
I did not quite understand what those various square borders were supposed to mean at first. If your users must read an explanation to understand an element, then it's probably not the greatest UI choice.
What I want to see is a HackerNews redesign that is not minimal and is in fact extremely skeuomorphic. Perhaps, with excessive animation.
...and pointless parallax?
Can we make it into a slideshow?
I think what I always find to be the core issue with these redesigns exists is the lack of research, insights and discovery. If you look at the HN thread where people respond it's beyond clear that the artist overlooked a core principle of experience design. You are not the user. It's clean. It overlooks essential factors of article title, points, comments. Insights that could have been easily unearthed by research. Relegating comments to the far right is a chore.
Overall, it's simple and yet it's a mess.
Maybe DN should get together and build a nice HN client? more constructive than telling this guy how wrong his is.
Interested, I'll do the front end.
See, this is good. Actually making things is good.
I found myself trying to fill the outlines of the Y-meter with color for every thread.
This might just be me but I think a good design would make me focus more on the title and not on the visual representation.
A great idea, but I can't read half of the text. It's too light, man!
Much better. I can't use hacker news without an extension to make it readable.
It just burns my brain how all these "redesign" attempts just turns something solely simple, dead complex. If not broken, don't fix it guys.
At first sight I think I can prove no one will understand this metric system. You can understand a number, when you see more than one, you get the model fast. With this system you first need to understand what it's all about.
That Y-meter is too complicated to scan. It would be better as a solid square, tinted from white to orange based on upvotes.
Also, why not apply the same principle to the comments? Show what stuff is hot & what stuff is getting a lot of comments. Feels like a missed opportunity.
I think it looks better, although removing the meta data (time posted, etc) makes the list harder to read. The meta data breaks the content up and serves as a natural separator of content.
It tries to solve a problem that doesn't exist to begin with and… well… still fails. UX expert, indeed. clapping
I feel the same way. This redesign still feels like the same site as is, just with a visual square. It's not really solving for anything.
I posted a redesign of Hacker News back in Dec on Dribbble. https://dribbble.com/shots/1350709-Hacker-News In the post I describe what I was solving for and how I go about it using the site.