Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

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.

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

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

What it looks like:

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

  4. Scroll down and click Save.

Style

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

    1. Filled colour

    2. Empty outline colour

  2. Couple things to note

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

    2. Standardised/same sizing cross all devices

Supporting notes: Kris White, behavioural psychologist;


Consumer and user research demonstrates a consistent pattern for English readers – from top left to bottom right (See Gutenberg diagram https://vanseodesign.com/web-design/3-design-layouts/ ). 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.”  

  • No labels

0 Comments

You are not logged in. Any changes you make will be marked as anonymous. You may want to Log In if you already have an account.