|
We have an internal web-based dashboard that shows the current or last state of most of our automation apps and their tasks. Each app is listed and color-coded to indicate its state: green for okay/information only, yellow for an error, red for a critical error. I want to add symbols to aid in quickly determining these states without resorting to colors for any folks with a color vision deficiency.
Is there a standard or widely used set of symbols that represent those three states? If not, what symbols would you suggest?
Edit: If only I could spell 'state'...
There are no solutions, only trade-offs. - Thomas Sowell
A day can really slip by when you're deliberately avoiding what you're supposed to do.
- Calvin (Bill Watterson, Calvin & Hobbes)
modified yesterday.
|
|
|
|
|
"Thumbs up" / "Exclamation" / "Stop sign"?
"I have no idea what I did, but I'm taking full credit for it." - ThisOldTony
"Common sense is so rare these days, it should be classified as a super power" - Random T-shirt
AntiTwitter: @DalekDave is now a follower!
|
|
|
|
|
Those could work. Hmm...
There are no solutions, only trade-offs. - Thomas Sowell
A day can really slip by when you're deliberately avoiding what you're supposed to do.
- Calvin (Bill Watterson, Calvin & Hobbes)
|
|
|
|
|
Good. No symbol
Ill. Yellow warning triangle ⚠️
Terminal. red X (in a circle or not)❌
|
|
|
|
|
Thanks. I was considering the warning triangle for errors, and debating the use of either a fire or a fire extinguisher for criticals. Currently no symbol means the app hasn't reported anything.
There are no solutions, only trade-offs. - Thomas Sowell
A day can really slip by when you're deliberately avoiding what you're supposed to do.
- Calvin (Bill Watterson, Calvin & Hobbes)
|
|
|
|
|
You might use an XXX for no communications, and a picture of a dumpster fire for Critical...
Will Rogers never met me.
|
|
|
|
|
Use a checkmark for Good. I agree with the error & critical error signs.
Bond
Keep all things as simple as possible, but no simpler. -said someone, somewhere
|
|
|
|
|
I don't know if there is a standard but here's what I have used in the past :
check mark = OK
exclamation = Error
big X = Critical Error
I used these because there are icons in a variety of styles and sizes available for all of them, such as for the message boxes in windows.
"They have a consciousness, they have a life, they have a soul! Damn you! Let the rabbits wear glasses! Save our brothers! Can I get an amen?"
|
|
|
|
|
Thanks. Those are also available in various HTML character sets which are easier to use than image icons. I'm using the check mark elsewhere, so I might need to find an alternative for one case.
There are no solutions, only trade-offs. - Thomas Sowell
A day can really slip by when you're deliberately avoiding what you're supposed to do.
- Calvin (Bill Watterson, Calvin & Hobbes)
|
|
|
|
|
TNCaver wrote: If not, what symbols would you suggest?
Um, how about words? In the past icons used to make sense, but now they are often times just a symbol that no one can initially decipher (hence your question).
"One man's wage rise is another man's price increase." - Harold Wilson
"Fireproof doesn't mean the fire will never come. It means when the fire comes that you will be able to withstand it." - Michael Simmons
"You can easily judge the character of a man by how he treats those who can do nothing for him." - James D. Miles
|
|
|
|
|
The dashboard already lists the typically long app names of which there are currently about 15; I think more words would clutter it up and take more mental effort to see the status words.
There are no solutions, only trade-offs. - Thomas Sowell
A day can really slip by when you're deliberately avoiding what you're supposed to do.
- Calvin (Bill Watterson, Calvin & Hobbes)
|
|
|
|
|
Don't forget to include the words for screen readers, even if they're not visible to regular browsers. Maybe using the aria-label[^] attribute. 
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
I'd look at MesageBox icons, they're universal and most people get the meaning.
If you can't find time to do it right the first time, how are you going to find time to do it again?
PartsBin an Electronics Part Organizer - Release Version 1.4.0 (Many new features) JaxCoder.com
Latest Article: EventAggregator
|
|
|
|
|
|
|
And you can allow the user to select the colors/background/etc. For extra points.
|
|
|
|
|
All right, let's not get carried away here.  This is only for eight people in the application development and support groups, they can just deal with my choices. lol
I do offer a dark theme (default) and a lite theme.
There are no solutions, only trade-offs. - Thomas Sowell
A day can really slip by when you're deliberately avoiding what you're supposed to do.
- Calvin (Bill Watterson, Calvin & Hobbes)
|
|
|
|
|
OK - Tick mark
Warning - Triangle
Error - cross (X) or "stop" sign - cross is possibly clearer.
As others have mentioned, making sure a screen reader can also work is important
|
|
|
|
|
I have been wanting to build this for some of our vendor applications that I can find a pulse for.
+ up / good
0 issues / marginal / out of tolerance
- down
|
|
|
|
|
That's phase two for this project: availability heartbeats for all the third-party services my employer uses.
There are no solutions, only trade-offs. - Thomas Sowell
A day can really slip by when you're deliberately avoiding what you're supposed to do.
- Calvin (Bill Watterson, Calvin & Hobbes)
|
|
|
|
|
I'd do checkmark = green, ! = yellow, and triangle hazard = red.
|
|
|
|
|
|
My choices are:
- Critical Error - A red letter X
- Warning - A yellow triangle with an exclamation point (!)
- A green checkmark for "all OK"
- A "men working" icon for busy, but no report
- A blue question mark for no status whatsoever
__________________
Lord, grant me the serenity to accept that there are some things I just can’t keep up with, the determination to keep up with the things I must keep up with, and the wisdom to find a good RSS feed from someone who keeps up with what I’d like to, but just don’t have the damn bandwidth to handle right now.
© 2009, Rex Hammock
|
|
|
|
|
Hippo Birdy ![Sheep | [baah]](https://codeproject.global.ssl.fastly.net/script/Forums/Images/sheep.gif)
Hippo Birdy
Hippo Birdy Dear @CPallini
Hippo Birdy
Have a good one! ![Badger | [badger,badger,badger,badger...]](https://codeproject.global.ssl.fastly.net/script/Forums/Images/badger.gif) ![Beer | [beer]](https://codeproject.global.ssl.fastly.net/script/Forums/Images/beer.gif) ![Jig | [Dance]](https://codeproject.global.ssl.fastly.net/script/Forums/Images/jig.gif)
"I have no idea what I did, but I'm taking full credit for it." - ThisOldTony
"Common sense is so rare these days, it should be classified as a super power" - Random T-shirt
AntiTwitter: @DalekDave is now a follower!
|
|
|
|
|
Happy Birthday!
"If builders built buildings the way programmers wrote programs, then the first woodpecker that came along would destroy civilization." ― Gerald Weinberg
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
I said, no 0 is for Off 1 is for On. He said, 'What's the I for?'.