I need to decide the colors for these states.
Approved, Reject, Corrected
The functions are like this. One user can approve some task but it can correct be corrected by some other user. Here hierarchy of these two users are not known.
4
-
1you may have already considered this but don't rely solely on colour to denote the states. it should be supplementary to another device (e.g. inline icons, etc).– Dave HaighCommented Aug 7, 2014 at 11:59
-
yes, I have thought of using the text in place of colors but it is the need for our application to use colors. In this case I have used the light red for reject, green for approve and orange for corrected.– B L Λ C KCommented Aug 7, 2014 at 12:09
-
Excellent point by @DaveHaigh - prevalence of colour-blindness is surprisingly high (~9% - colour-blindness.com/general/prevalence) - not a case of text instead of colour but just making use of text/icons as a fallback.– WhitingxCommented Aug 7, 2014 at 12:12
-
1ux.mailchimp.com/patterns/feedback - offers some good examples around this design pattern - hope this helps.– WhitingxCommented Aug 7, 2014 at 12:17
Add a comment
|
2 Answers
Green for approved, red for reject, yellow for corrected.
Green for yes and red for no seem to be standard colours, yellow is debatable but might be a good choice to complete the stop light colours.
-
1For traffic lights I would call this Amber / Orange rather than yellow. Commented Aug 7, 2014 at 12:53
-
@Franchesca oh yes, always forget that it's called Amber in English, thanks for the hint– mspCommented Aug 7, 2014 at 13:31
-
1Agreeing on colour names is hard: blog.xkcd.com/2010/05/03/color-survey-results ;) Commented Aug 7, 2014 at 13:44
-
1@Franchesca Hehe, I love xkcd. This gets very off-topic now, but in case you didn't know the whatif-section of xkcd: whatif.xkcd.com– mspCommented Aug 7, 2014 at 13:48
I would suggest you would reconsider using just colours. Red and Green are very similar to colourblind people, use photoshop to check the difference. The best way to approach it is:
- Approved: Green Tick, tick in a green circle.
- Rejected: Red X, x in a red circle
- Corrected: if still approved display ✓[edited], of rejected x[eddited]
Edited could be next to the icon, at the beginning of the task or at the end of the task.
