In my app, each player performs a task called a Skill Set, levels 1 - 8. A team leader can view all the players on the team to see each task status, which can be:
- Complete and has not yet earned the badge (which must be explicitly granted by the team leader).
- Complete and has earned the badge.
I'm trying to design the UI for the team leader to indicate each of these three states, with a suitable indicator for state 2 so the team leader can click it to grant the badge.
So far, I've got this, but it's terrible:
- Incomplete: -Blank-
- Plus icon
- Checkmark icon (an image of a badge would probably be better)
What would be a better way to indicate each state, and especially state 2, where there's an action for the team leader to take?
Update to show my implementation of accepted answer:
Taking the suggestions below, I opted to show nothing for state 1, a gray checkmark for state 2, and a blue checkmark for state 3:
Each state has a custom tooltip (not shown) that explains what each state means and what you can do next.