Design Openbook

Rating and Review Screens

What are the ways to collect ratings and reviews in an app? You can use star ratings, NPS, a rating slider, feedback chips or thumbs up/down, and pick based on what you want to learn.

There are several ways to collect feedback. Pick the one that matches what you want to know.

Terms and previews

Tap a preview to pause it; tap again to play.

  1. Star rating

    Pick 1 to 5 stars. Overall satisfaction

  2. Net Promoter Score

    0 to 10 for "Would you recommend us?" Measures loyalty

  3. Rating slider

    Drag a bar to give a score

  4. Feedback chips

    Tap premade phrases such as "Carefully packed"

  5. Thumbs up / down

    One of two choices. The lightest way to get a rating

How to use it

  • Ask for frequent ratings lightly (thumbs, stars) and ask for heavy ones (NPS plus a written reason) only occasionally.
  • Adding feedback chips after the star rating tells you why they gave that score, without any typing.
  • Open the reason field only for people who gave a low score. Holding back satisfied users lowers the response rate.

Prompts to copy

Delivery review

Build a review screen shown after a delivery is completed.
1. Five Star rating icons.
2. After a rating is chosen, show Feedback chips below. Praise chips for 4 to 5 stars, problem chips for 1 to 3 stars.
3. Open a free-text field only for 1 to 2 stars.
4. Keep the [Send] button disabled until a star rating is chosen.

Source posts: @uxwoodytips

All cards (27)