Common Application Status/State Symbols
-
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 SowellA day can really slip by when you're deliberately avoiding what you're supposed to do.
- Calvin (Bill Watterson, Calvin & Hobbes)And you can allow the user to select the colors/background/etc. For extra points.
-
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 SowellA 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
-
And you can allow the user to select the colors/background/etc. For extra points.
All right, let's not get carried away here. :laugh: 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 SowellA day can really slip by when you're deliberately avoiding what you're supposed to do.
- Calvin (Bill Watterson, Calvin & Hobbes) -
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 SowellA 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
-
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 SowellA day can really slip by when you're deliberately avoiding what you're supposed to do.
- Calvin (Bill Watterson, Calvin & Hobbes) -
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 SowellA day can really slip by when you're deliberately avoiding what you're supposed to do.
- Calvin (Bill Watterson, Calvin & Hobbes) -
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 SowellA day can really slip by when you're deliberately avoiding what you're supposed to do.
- Calvin (Bill Watterson, Calvin & Hobbes) -
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 SowellA day can really slip by when you're deliberately avoiding what you're supposed to do.
- Calvin (Bill Watterson, Calvin & Hobbes) -
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 SowellA day can really slip by when you're deliberately avoiding what you're supposed to do.
- Calvin (Bill Watterson, Calvin & Hobbes)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
-
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 SowellA day can really slip by when you're deliberately avoiding what you're supposed to do.
- Calvin (Bill Watterson, Calvin & Hobbes)Since it's web-based, Bootstrap icons are here: Bootstrap Icons · Official open source SVG icon library for Bootstrap[^] They are colorable. Do Ctrl+F if you don't see something. ("Exclam" for exclamation mark; octagon for stop sign.) Thermometer might be interesting but probably vague.