The user wants rate an object she knowledge about


Present a rating next to the product and the option to rate it

From www.download.com

Use when

In any site that deals with particular objects that are offered on the site and where users discuss, use or buy the objects. Typically such a site is a site with consumer goods such as cameras, movies, songs, hotels, holiday locations but also more virtual things such as news items, code samples, tutorials, articles and so on. In someway or another, when the site has a social aspect to it, rating may be applicable. Typically a E-commerce Site


A rating is mostly placed on a Product Page fairly close to the main product name or image. Usually it is placed below or to the right of it. There are generally 2 types of ratings that may appear: The audience rating
The rating by the audience has several important details to it that matter. First of all the number of votes that have been cast must be displayed in order to give some sense of reliability. In addition a 'rate it' link or Action Button must be present.

The rating task
There are several subtasks here: Rating for registered users only Very often it is required to Login before a vote can be cast. On the one hand this can be used to prevent multiple votes per person, but it also common when the site uses more extensive reviews of which the rating is simply an element.

Login issues Issues: - multiple votes - directness of interaction - logging in - seeing the current rating - when logged in you want to see your own rating! - explaining the scale - Combining rating with review


More Examples


Also known as

Rating an object

Code examples

Ajax style stars
Stars using CSS

plml logo


0 comments have been added to this pattern

Add a comment
Do you have something to add or say about this pattern? Perhaps some more examples of how this pattern is used in the wild? Add a comment to this pattern and I'll update the pattern when necessary. Please abstain from misuse. I reserve the right to delete or modify inappropriate postings.

Your Name


Enter the verification code you see in the image below