UX Components

Reviews Summary

• Stars hover: dropdown modal
  • dropdown modal
    • ** X out of Y stars
    • *** 5 star progress bar X% click: link to 5-star reviews
    • *** 4 star progress bar X% click: link to 4-star reviews
    • *** 3 star progress bar X% click: link to 3-star reviews
    • *** 4 star progress bar X% click: link to 2-star reviews
    • *** 5 star progress bar X% click: link to 5-star reviews
    • **** See all Z reviews click: link to Reviews page
• X customer reviews click: scroll to reviews component

Customer Reviews

• left panel
  • dashboard
    • aggregates
      • Stars Z click: link to Review page
      • ** X out of Y stars hover: dropdown modal
        • dropdown modal
          • Info
      • *** 5 star progress bar X% click: link to 5-star reviews
      • *** 4 star progress bar X% click: link to 4-star reviews
      • *** 3 star progress bar X% click: link to 3-star reviews
      • *** 4 star progress bar X% click: link to 2-star reviews
      • *** 5 star progress bar X% click: link to 5-star reviews
      • **** See all Z reviews click: link to Reviews page
    • right panel
      • Share your thoughts with other customers.
      • ***** Write a customer review button: link to Your Reviews page
  • Top customer reviews
    • Review
      • ****** ProfilePic Username click: link to Profile page
      • ******* Stars Title click: link to Customer Review page
      • Date
      • Options | Verified? click: link to Customer Reviews Search page w/ like options
      • Review
      • X people found this helpful
      • Helpful button Not Helpful button Comment click: link to Customer Review page Report Abuse link
  • **** See all Z reviews click: link to Reviews page
  • ***** Write a customer review button: link to Your Reviews page
• right panel
  • Customer images
    • thumbnails click: pop-up image modal
    • See all customer images click: pop-up photo gallery modal
  • Most recent customer reviews
    • ****** ProfilePic Username click: link to Profile page
    • ******* Stars Title click: link to Customer Review page
    • ******** Review
    • Published Y ago relative time: green if <24hrs
  • Search customer reviews
    • Search Bar Search button: link to Customer Reviews Search page