[Android] [UI] As a user, I can see emoji rating answer

[Su Ho]

Why

For Emoji Rating questions, users can rate their satisfaction by tapping on the emoji. This works like a normal rating from 1-5 stars question, but we will use emojis instead of stars

It is worth to mention that there are two Rating Question UI types.

Smiley Rating

Use different emojis on each rating level
It highlights only the selected one.

Emoji Rating

Use repeated emojis for all rating level
It highlights the selected one and all emojis on the left-hand side of the selected one.

Acceptance Criteria

• For Emoji Rating questions,

  • Display emojis as the options
    • By default, use 👍🏻 emoji.
    • Please note that it could be other emojis as well depending on the question type.
  • Select any option should highlight every other emoji on its left
    • For instance, if a user selects the third emoji, the first, second, and third emoji should be highlighted.
  • Reduce the opacity of the non-selected range emojis

• For Smiley Rating questions,

  • Display 5 Smiley emojis as the options - 😡 😕 😐 🙂 😄
  • Select any option should highlight ONLY the selected one
    • For instance, if a user selects the third smiley, only third smiley
      should be highlighted.
  • Reduce the opacity of the non-selected emojis

Design

Emoji Rating Question