Home
Messages - Do you clearly show a pass, fail or warning?
  v1.0 Posted at 27/11/2012 3:40 PM by Rebecca Liu

When a user looks at a test result, they want to be quickly informed. Therefore, you must make it clear weather the test has passed or failed, or is there any warning.

  • For a pass, the message should be green in color, and a tick next to the message.
  • For a fail, the message should be red in color, and a cross next to the message.
  • For a warning, the message should be yellow/orange in color, and an exclamation mark next to the message.
Pass and fail are not clear
Figure: Bad Example - Pass and fail are not clear
Green text and tick for pass, red text and cross for fail (Better)
Figure: Green text and tick for pass, red text and cross for fail (Better)
Status on windows forms
Figure: Good Example - Status on windows forms
Microsoft Update uses 3 icons to indicate different status, and good quality of Images too
Figure: Good Example - Microsoft Update uses 3 icons to indicate different status, and good quality of Images too

Related rules

    Do you feel this rule needs an update?

    If you want to be notified when this rule is updated, please enter your email address:

    Comments:

    Note: Social Media login for Yotpo is not working in IE or Safari, please use Chrome. We are waiting for Yotpo to fix it.