Skip to main content
2 of 4
added context
rojcyk
  • 1.1k
  • 6
  • 14

How to position Thumbs Up / Thumbs Down with progression on one line

Problem

I have this argument with one of my clients, about the position of like dislike button with the progress in between. Like the screenshot below.

enter image description here

I've always thought that it makes the most sense to have the positive action on the left side, and negative on right side (without any research on my part, just a feeling). This idea is probably based on YouTube, "Did you find this helpful" questions, and other voting services where the positive action was on the left side.

But his feedback was that the people he has asked for feedback found this confusing (we could speculate about the scope of ppl participating in the testing), which still quite surprised me.

It is for a mobile app.

Context

It is a rating for short "twitter" style news.

enter image description here


So, which one is the better way to do voting system like this one?


Option A

enter image description here

Option B

enter image description here

rojcyk
  • 1.1k
  • 6
  • 14