Tuesday, December 3, 2019

usability - Like/Dislike display order


I am researching and designing a new online community platform where developers can share their knowledge by writing articles with tutorials, tips & tricks etc. I want to have a rating system so that users can see which articles are well-received and which are not.


Based on this question about like/dislike and 5-star rating I have chosen to use a like/dislike approach. However I can't seem to figure out how to display this properly.


I currently have this displayed when viewing an article:


enter image description here


As you can see I want to display the balance between likes and dislikes. For other users to vote for this article I have made a design displayed at the bottom of the article:


enter image description here



Now, my question is if there is a best practice about displaying such like/dislike feature. I.E. should I display the dislike icon AFTER the like icon or vice versa? Or is there a more common way of displaying this?



Answer



If you are planning to display the balance between likes and dislikes - I think, these guys have done a great job. There are separate like and dislike icons, and also a meter to show balance along with views:


enter image description here


Note: Those who know the source of this image, please keep it to yourself. It just fits well for this question ;)


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...