Review panel

At the end of a journey a user is presented with the opportunity to rate their experience

There are 2 options for the web feedback form

  1. A non-modal overlay with shadow
  2. An outlined form that can be embedded within the content

 

Desktop Layout

Desktop Layout

The review panel should be 32px from the bottom right edges

Review Panel

Review Panel

Positioning

The overlay appears from the bottom and is stretched to the device size in mobile

Examples

Examples

The stars are a grey colour on web (Native is currently using yellow, this will be added to the app backlog to comply with accessibility) and are filled with a dark yellow when the user selects a rating.

Labeling

The follow up question for 4/5 star rating is using a neutral label.

Feedback Full

Feedback Full

Success messaging

Once a user has submitted feedback, a success toast message is shown for confirmation.

Success

Success