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:
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:
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?