Star Ratings

What it is:

We all know what star ratings are , preezie has the ability to display them on your journey results page for each product.

At this stage we do not display the count of reviews, purely the stars displaying the score.

What it looks like:

Open

How to implement:

*Please note this only works if your product feed is populated with rating data.

Define fields

1. On your lefthand navigation panel find Product configuration > Product attributes

2. Select your database from the dropdown

3. + Create new product field

   1. Field name = the star rating named within your feed

   2. Value type = integer

   3. tick Star Rating Field checkbox

   4. You’ll then be asked for a Rating Max Value

      1. Max value field reflects the max value of the rating scale coming from the feed.

         • The max value will be considered 100% to later be shown across 5 stars

         • Different feeds score their ratings in different value ranges eg. of 5, 10, 50, 100 etc. This is how to tell the preezie system what value defines 100% in your feed

Turn on

1. On the workflow select Actions > Settings > Edit

2. Navigate to the tab UI Result & behaviours

3. Midway down the page find and select the checkbox Show star ratings

   Open

   

4. Scroll down and click Save.

1. Open Test Guide Widget to style here you can add a:

   1. Filled star colour

   2. Star outline colour

2. Couple things to note

   1. Star Rating positioning sits above price (please see supporting notes for rationale)

   2. Standardised/same sizing cross all devices

Style

1. On the workflow select Actions > Settings > Test Guide Widget

2. Expand the RESULTS tab

3. Scroll and expand the Star rating tab

4. Here you can set the configurations

   1. Filled star colour

   2. Star outline colour

To note

1. Star Rating positioning always sits above price (please see supporting notes for rationale)

2. Standardised/same sizing cross all devices

Behavioural psychology, Kris White - Supporting notes:

”Consumer and user research demonstrates a consistent pattern for English readers – from top left to bottom right (See Gutenberg diagram 3 Design Layouts: Gutenberg Diagram, Z-Pattern, And F-Pattern - Vanseo Design ). Webpages typically create visual hierarchy based on this principle, with the higher order information required to make sense of subsequent information placed at the top.

When this insight is paired with psychological phenomenon of priming, the hierarchy becomes particularly important. Priming psychology demonstrates that order matters – the exposure to initial words or ideas influence the way subsequent information is interpreted e.g. If people are first primed with the word “yellow”, they are more likely to first name banana as a fruit than if primed with a different colour.   

With relevance to positioning of product details, the positioning of a star rating directly above (and close to) the price serves to initially prime the reader to consider the ‘proof’ of quality or suitability of the product (indicated by stars). Star ratings typically provide reassurance through providing ‘social proof’ – proof that other people are happy they made this choice. The shopper is then primed to see and interpret the subsequent cost of the product in the context of it being a popular product they wont regret purchasing.”