Thank you for making this. My one suggestion would be to make the upvote/downvote arrows larger and farther apart. I'd say around 5% of my votes on mobile are incorrect. Often I'm lazy about zooming in to make sure I hit the correct arrow.
Actually, I'd like that change on larger devices as well. I've often misvoted on my Surface. As large touchscreens become more popular (iPad Pro, the Surface line, etc), I could see this becoming a problem for more users.
Edit: I see white margins on my iPhone 5, but not on my iPhone 6. It looks like you need to tweak the media query in the following css:
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
...
The iPhone 5's device width is 320px. Changing that 375 to something lower should fix the issue.
What about placing the vote buttons on the left side of the ranking number?
There would be less of a chance to misclick and end up clicking the article link instead. You would also have the opportunity to make more room for the vote buttons since you can then afford to place the ranking number closer to the article title, since the ranking number is non-interactive.
I'm really curious what it was trying to social-engineer. I've seen dozens of sites with vote buttons and all of them except HN allow you to change your vote, because why wouldn't you? It's easy to engineer and obviously superior.
I personally think "having an interface that makes it nigh impossible to downvote when you meant to upvote" should be a prerequisite for the "think thrice before using your votes" goal...
Well at least they're doing something to address it now.
In any case, I still disagree with the lack of a reverse vote option, especially when upvoting also serves as an archival mechanism, and downvoting removes the opportunity to use that functionality permanently.
> especially when upvoting also serves as an archival mechanism
Right - it's not even about _changing_ votes. Just an hour or so ago I accidentally upvoted the wrong submission (on mobile), so now that's stored in my "saved stories"; nothing I can do about it.
Also it's a little unfortunate that the up-vote button can be easily mistaken for a link-to-parent button. I've lost count of the number of comments I've up-voted when actually I just wanted to know who they were replying to.
Actually, I'd like that change on larger devices as well. I've often misvoted on my Surface. As large touchscreens become more popular (iPad Pro, the Surface line, etc), I could see this becoming a problem for more users.
Edit: I see white margins on my iPhone 5, but not on my iPhone 6. It looks like you need to tweak the media query in the following css:
The iPhone 5's device width is 320px. Changing that 375 to something lower should fix the issue.