4

I want to design a multi-facet 5 star rating system on mobile devices, for the intent of attribute analytics. In layman's terms, I want to be able to present the user with a list of characteristics for an object, and have then have them rate the objects based on each of the characteristics (1-5 stars). For example, I could make the object an apple, and then have users rate the Apple 1-5 stars on it's Texture, Taste, Color, Feel, etc. This way, I can manage a group of objects and I will be able to analyze where each object succeeds and fails.

The trick to this, is that the rating system will be on mobile devices. How can I present a multi-facet rating system on such a small screen so that it's easy to use, and not too small?

This question is different from Best way to present a 5-star rating system in that I know how I plan on presenting the rating system, I just need to find a way to present a lot of these rating systems on a relatively small screen area.

Improve this question
3
  • Are you more concerned with comfortably displaying as many objects to rate as possible on a mobile screen or the actual space of the single object's ratings?
    – adriennetacke
    Jul 7, 2016 at 18:02
  • I'm interested in what would be better for a user? Allocating a page to each rating might be easier to understand, but running through multiple objects with multiple characteristics would require a bunch of pages and might be fatiguing to the user. On the other hand, displaying all the ratings on a single page might solve the fatigue issue, but also might be overwhelming and hard to use...
    – Dupontrocks11
    Jul 7, 2016 at 18:06
  • Please consider marking your question answered. Should you need more information, please feel free to edit your question.
    – adriennetacke
    Jul 24, 2016 at 5:17

1 Answer 1

Reset to default
7

I am a strong supporter of concentrating on a single object at a time when rating. This makes it less overwhelming for the user.

I think some kind of swipeable card system would make this rating system more intuitive and maximizes the space you have for each object's variable number of rating systems:

enter image description here

First mockup: Initial state. First object to be rated.

Second: Completed object that's fully rated.

Third: Transitioning to the next object to rate as the user swipes.

Fourth: The next object. So on and so forth..

Would something like this work for your requirements?

Improve this answer
3
  • 1
    the swiping card idea is really nice, +1
    – Devin
    Jul 7, 2016 at 21:16
  • Adrienne Tacke proposed a very effective solution [thumbsup!]. This is what I would use myself, maybe with a slight change: moving only the "product" (while keeping the attribute list fixed, simply changing values for each product) instead of moving the entire screen content as a card. Ofc, this works only if the attribute list is consistent for all products.
    – Richard N.
    Jul 8, 2016 at 14:30
  • Thank you! I really like your suggestion of swiping just the product as well and support that change as long as the attribute list is the same among all products.
    – adriennetacke
    Jul 8, 2016 at 16:39

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.