3

How To Design User Rating and Reviews

 2 years ago
source link: https://uxplanet.org/how-to-design-user-rating-and-reviews-1b26c0208d3a
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

How To Design User Rating and Reviews

Users rely on rating when they want to decide what content or product have higher quality. By it’s nature, user rating is quantitative information; that is why it’s recommended to supplement it with qualitative data (user reviews).

When to use rating and reviews system

User rating and reviews become a crowd’s wisdom, guiding users in what is good and bad. According to Baymard Institute:

95% of users relied on reviews to learn more about products

Rating system works well when you have a large user base — the comparison between items becomes meaningful only when you have a significant number of votes/reviews. The small user base is likely won’t be able to provide enough data to create a meaningful picture.

Essential properties of rating system

Simple

It should be easy for users to leave their opinion on a particular item. Use a simple rating system such as the one mentioned below:

  • Binary rating system (Like/Dislike). This rating system is known as all or nothing, and it works best for content such as articles, music, or videos.
1*aE-bG7bruPbQNv0BxbVSEQ.png?q=20
how-to-design-user-rating-and-reviews-1b26c0208d3a
YouTube uses a binary rating system.
  • 1–5 stars rating. This rating system relies on 1–5 stars rating scale, where one-star signals ‘terrible’ while five stars signals an’ excellent’ experience/product. This rating system is commonly used in eCommerce.
  • 1–10 stars rating. This rating system relies on 1–10 stars rating scale. It allows users to provide a more specific rating of a product/service.
1*Raf7aX5tRK482L2ZFz2LvQ.png?q=20
how-to-design-user-rating-and-reviews-1b26c0208d3a
IMDb uses 10-star rating system.

When a user rates an item, the system should inform users that the rating has been recorded.

Clear

Be clear when communicating what is being rated. For example, when users purchase a product from an online marketplace, they need to ensure what they rate — the item they’ve bought or the seller’s services.

Credible

“Are the ratings and reviews honest and authentic?” is the question that users ask when they browse the rating section. When users see only overwhelmingly positive reviews, they start to doubt the reviews.
Users should feel they can trust your users’ subjective opinions on items. Never manipulate rating to promote a specific product.

Best practices for prompting for reviews

Best practices mentioned in this section are more applicable for the eCommerce experience.

Add ‘rate product’ step into a post-purchase experience

For eCommerce websites, it’s recommended to trigger requests to rate a product after the user receives the product. When a person uses a product for a while, they can provide more valuable feedback.

Prompt users to upload photos

A picture is worth a thousand words. By allowing users to upload photos, you make user reviews more descriptive — it will be much easier for other people to understand what the reviewer means. Plus, photos add credibility and authenticity.

Provide specific criteria for evaluation

When you ask users to provide ratings and reviews, you can refer to some specific criteria for evaluation. It will help you collect more detailed feedback from your users.

1*qZWhXFb9UgWckyxjOI1rUQ.png?q=20
how-to-design-user-rating-and-reviews-1b26c0208d3a
Airbnb provides 6 criteria for evaluation.

Best practices for displaying user reviews

Provide a ratings distribution summary

Users rely on rating distributions to get an overall picture of how the product was rated. After they check the distribution, they might pick a few of the reviews to read in more depth. That’s why it is vital to provide a rating distribution at the top of the reviews section. Some users may wonder how the total rating was calculated, so it’s recommended to provide a textual explanation ‘How rating was calculated’ next to the rating.

1*jEu7j4OQ5-dPXIa-giv1rg.png?q=20
how-to-design-user-rating-and-reviews-1b26c0208d3a
Customer rating at Amazon.com. Image by Amazon.

Users expect rating distribution summary to be clickable. That’s why the ratings distribution summary should act as ‘star’ filters.

1*hnKFgg_0SSUxSPgeHokNWQ.png?q=20
how-to-design-user-rating-and-reviews-1b26c0208d3a
Filter by star reviews. Image by iHerb

Highlight ‘Most helpful positive’ and ‘Most helpful critical’ reviews

When users visit the reviews section, many of them will seek out the most negative reviews to learn what the product’s shortcomings are. When you provide this information up front, you save users time.

1*T9or7xYw-vwRm0mqcD95cA.png?q=20
how-to-design-user-rating-and-reviews-1b26c0208d3a
User review sections at iHerb. Image by iHerb

Introduce ‘vote to promote’ functionality to allow users to prioritize the most helpful reviews. Users can thumb up reviews that they find valuable.

1*8dKvNZAqf0ryJ8vT6x8rUw.png?q=20
how-to-design-user-rating-and-reviews-1b26c0208d3a
‘Vote to promote’ functionality at the user review section. Image by iHerb

Allow users to filter and sort reviews

If you allow adding photos to reviews, your users should be able to filter by reviews with photos only.

1*G6g-iKnviaN7c7SjoLSpMw.png?q=20
how-to-design-user-rating-and-reviews-1b26c0208d3a

Let users sort reviews by time (Most Recent) and by value (Most Helpful).

Want To Learn UX?

Try Interaction Design Foundation. It offers online design courses that cover the entire spectrum of UX design, from foundational to advanced level. As a UX Planet reader, you get 25% off your first year of membership with the IxDF.


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK