Rating – Stars

It works like this:

  1. For each item, a rating of (usually 5) stars is displayed. This rating is the average of all ratings given to the item.

  2. In a detailed view for the item, the possibility for rating is shown. From left to right the rating is shown by highlighted stars. Notice how the rating doesn’t have to show completely highlighted stars, but also half highlighted stars to add more nuance to all ratings. When the user taps the stars…

  3. …a dialog appears for rating the item. The user can assign a number of stars by tapping them, and save the rating.

Use when

Ratings can be used when you want the quality of content to be judged by its users. The amount of stars given by other users matters when the user has to make a choice for downloading or opening an item. A high rating (a lot of stars) will persuade the user more likely to make the download. Usually, 5 stars are used to give a big enough rating range. As explained above, the displayed rating can also show half highlighted stars. Don't forget to add the number of ratings somewhere to make the rating actually valuable. An other way to let users give their opinion on items is by liking or disliking or commenting.

The Good

  • It's a quick way for users to add a rating
  • Adds value to your app's content, because the user gets involved in giving his opinion.

The Bad



    1 Youtube displays ratings for al videos in a list.

    2 In the info screen (also showing the amount of ratings), a toolbar is presented with a Rate option. When tapped...

    3 ...the user needs to sign in to his YouTube account.

    4 When logged in, a dialog appears in which the rating can be given.

    5 Tapping on the stars and the rating is stored. The user has to tap outside the dialog to return to the video.

    4 Responses to Rating – Stars

    1. mattias says:

      Should it be possible to rate zero stars? i have that problem in iPhone application and i solve it by making it possible to slider the starts and if you slide outside in the left side you rate zero. But it is not intuitive.

    2. Dorival says:

      Maybe we can add a “NO” sign in the left to tell the user you can clear the stars? But it will looks ugly, though.

    3. Julie Z says:

      Solution: – and + signs before and after the stars.

      This can increase and decrease the value in increments so that even half star ratings can be acknowledged and thus also enable the 0 star evalutation.

    4. Rebecca says:

      + and – buttons are gigantic — use more vertical space and add an ‘okay’ or ‘rate’ button so if user presses okay/rate -> no stars are used.

    Leave a comment