Messages - Do you clearly show a pass, fail or warning?

Last updated by Brady Stroud [SSW] 7 months ago.See history

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.

Figure: Bad Example - Pass and fail are not clear

Figure: Green text and tick for pass, red text and cross for fail (Better)

Figure: Good Example - Status on windows forms

Figure: Good Example - Microsoft Update uses 3 icons to indicate different status, and good quality of Images too

We open source.Loving SSW Rules? Star us on GitHub. Star
Stand by... we're migrating this site to TinaCMS