Personal tools

Reviews

From Social Patterns

Jump to: navigation, search

Contents

Problem

User wants to share her opinion with others about an object (place, person, thing) in greater detail than a simple rating or comment.


Example

Yahoo! Local review form
Review form on Yahoo! Local

Use When

  • User wants to write a review of an object.
  • You want to supplement the content of a product/website with user generated reviews.
  • You are also using Rating an Object. Combined they will help to obtain better review feedback.
  • You are also using reputation rankings (for encouraging quality user generated content.)


Solution

Image:Yelp-writereview.png
Yelp uses a slightly larger button in a brighter color (red) to for the Write a Review call to action.

  • Provide contextually relevant links that allow the user to initiate the process of writing a review.
  • The text should be a clear call to action like "Write A Review."
  • The review form usually includes the following five fundamentals:
    • Ability to input a user's quantitative (rating) assessment
    • Field to enter the user's qualitative (review) assessment of the object
    • Guidelines for helping the user write a review
    • Any legal disclaimers
    • User identity, most often a required field or pre-populated if the user is signed in.
  • If appropriate, consider allowing Pros and Cons, in addition to or in place of a full review. Be mindful of not overwhelming the writer with too many fields.
  • Clearly indicate which fields are required.
  • Organize the fields to be most conducive to completing the review, rather than by exactly how they will appear when published.
  • Utilize maximum and minimum character restrictions on fields to encourage the desired field length (short and concise vs. narrative).
  • After the user has completed their review, allow the option of submitting (primary call to action), previewing, or canceling it.
  • If the user submits the review and has filled out the required fields, consider showing a confirmation page or message.
  • Set expectations regarding when the review will be published.
  • Provide a clear path back to the review's initiation point.
  • Provide additional, relevant objects for review if possible.
  • Provide appropriate in-line error messaging on the review form if required fields are not filled.
  • If user previews the review, display how it will appear when published and then allow the user to either edit or submit their review.
  • If user cancels review, return them to the review's initiation point.

Rationale

  • Qualitative Fields like Pros and Cons seem to be easier for users to create than a full narrative. They do not need to think in complete sentences, and they have more specific direction regarding what to write (positives and negatives). Additionally, readers find them easier to scan than a narrative.


Accessibility

  • Allow the user to move through the fields by pressing the Tab key.
  • Allow the user to submit the review by pressing the Enter key.


Related Patterns


As Seen On


Original Source

Yahoo!s Platform design team, The Yahoo! Pattern Library