Please note that as of October 24, 2014, the Nokia Developer Wiki will no longer be accepting user contributions, including new entries, edits and comments, as we begin transitioning to our new home, in the Windows Phone Development Wiki. We plan to move over the majority of the existing entries. Thanks for all your past and future contributions.

(Difference between revisions)

Mobile Design Pattern: Rating

From Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
m (Hamishwillee - Bot update - Fix metadata etc)
hamishwillee (Talk | contribs)
m (Hamishwillee - - Examples: - fix frame for images)
Line 29: Line 29:
'''OVI Store client'''<br/>
[[File:Wrt rating sample0.png]]<br/>
[[File:Wrt rating sample0.png|frame|none|OVI Store client]]
A sample client to '''browse and search Italian restaurants'''<br/>
[[File:Wrt rating sample1.jpg]]
[[File:Wrt rating sample1.jpg|frame|none|A sample client to '''browse and search Italian restaurants]]

Revision as of 07:16, 7 May 2012

Article Metadata
Created: jappit (29 Jun 2009)
Last edited: hamishwillee (07 May 2012)

This article describes the Rating mobile Design Pattern.



Rating is a technique commonly used to allow mobile application's users to rate the application's content from within the application itself.


OVI Store client
A sample client to browse and search Italian restaurants


This Mobile Design Pattern:

  • allows users to easily rate the application's content, so giving users an instrument to promote his preferred content
  • allows users to view the votes (usually the average vote) that other users gave to specific content, so helping to promote high-quality content, and thus improving the overall user experience of the application


  • rating requires users' votes to be transmitted over network to a remote server, that holds the votes of all users. So, access to network is required in order to implement a Rating functionality within a mobile application.

Use when

This pattern is useful for all those scenarios where the users wants to be allowed to vote application's content. Since this technique allow users to share their opinion with other application's users, it creates a "social" effect that involves users and promotes application usage.

Use how

The Rating functionality is usually implemented within the detail view of the a single content item (e.g.: songs, applications, restaurants, and so on), or in a separate view linked from the item's detail view. When implementing Rating in a separate view, the main details of the item to rate have to be clearly indicated in this other view.

The rating is usually represented by few icons (e.g.: stars) and the user has to be able to set his rating by focusing them and by pressing the LEFT/RIGHT keys of the navigation pad (for non-touch interfaces) or by directly touching the icon relative to his rating (for touch interfaces).

Design tips

  • Use clear icons to indicate the rating value (typically 3 - 5 icons), avoiding any textual input to enter the vote value
  • Optionally let users submit a textual review of the item currently rated, but without forcing the user to enter a review
37 page views in the last 30 days.