Empty "Star" Icon (UI)

[maltfield]

This is a feature request to add a set of "empty star" icons -- in addition to the number of "star icons" that the user left for the review

Problem

If the user leaves a 4-star review, then the UI presents it in a way that readers think they left a 4/4 star review. In reality, they left a 4/5 star review.

Solution

An "empty star" icon should be created that is a dimmed-out (reduced opacity) version of the "star" icon.

• If the user leaves a 5-star review, then 5 "star" icons should appear
• If the user leaves a 4-star review, then 4 "star" icons should appear -- followed by 1 "empty star" icon
• If the user leaves a 3-star review, then 3 "star" icons should appear -- followed by 2 "empty star" icons
• If the user leaves a 2-star review, then 2 "star" icons should appear -- followed by 2 "empty star" icons
• If the user leaves a 1-star review, then 1 "star" icon should appear -- followed by 4 "empty star" icons

Context

Consider, for example, the following review:

• https://lib.reviews/review/14944afc-78f3-4a03-9124-0e2ec6ccb505

To the average internet user, it looks like this is a 4/4 star review. In fact, it's a 4/5 star review.

[eloquence]

Good point @matfield. I've been working a bit with https://ura.design on redesigning different parts of the UI. Here's what they came up with for the star design:

The color would still change depending on the number of stars there are, e.g.:

What do you think of this design?

[maltfield]

I think that design is wonderful. The color change is a good plus :)

[nortix]

I agree with the use of grey icons to indicate the maximum possible rating. However, I would keep the "speech bubble". In my opinion, it serves as a visual identification of lib.reviews