Improve UX of Mobile Ratings

Major issues


Issue 1

Like/Dislike Placement

Positive is always to the right, negative is always to the left.

image
e.g. Youtube

image
e.g. Netflix

image
e.g. Roblox on browser

image
e.g. Roblox on Xbox

Mobile should similarly be positive to the right, negative to the left, to retain both continuity and as to not confuse users.

Current ratings:

image

Issue 2

Color

Positive is green, negative is red. Or, simply don’t use color at all, e.g. the examples provided above.

Current ratings:

image

image

This is really confusing.

Issue 3

Always use thumbs

Or arrows if you prefer, e.g. Reddit. But not triangles, it is much harder to see which is like or dislike at first glance especially with the swapped positions brought up in issue 1.

image

Minor Issues


Issue 4

Pluralization of Vote

It would be nice, but is not strictly necessary to have exactly one vote be “Vote” instead of “Votes.”

Current ratings:

image

42 Likes