Welcome to the Lounge

19-Jun-24 4:27

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.

OriginalGriff19-Jun-24 4:51

OriginalGriff

19-Jun-24 4:51

"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!

TNCaver19-Jun-24 5:28

19-Jun-24 5:28

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)

englebart19-Jun-24 4:52

englebart

19-Jun-24 4:52

Good. No symbol
Ill. Yellow warning triangle ⚠️
Terminal. red X (in a circle or not)❌

TNCaver19-Jun-24 5:26

19-Jun-24 5:26

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)

Roger Wright19-Jun-24 16:20

Roger Wright

19-Jun-24 16:20

You might use an XXX for no communications, and a picture of a dumpster fire for Critical...

Will Rogers never met me.

Matt Bond19hrs 24mins ago

Matt Bond

19hrs 24mins ago

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

Rick York19-Jun-24 4:53

Rick York

19-Jun-24 4:53

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?"

TNCaver19-Jun-24 5:31

19-Jun-24 5:31

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)

David Crow19-Jun-24 5:36

David Crow

19-Jun-24 5:36

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

TNCaver19-Jun-24 5:47

19-Jun-24 5:47

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)

Richard Deeming19-Jun-24 21:46

Richard Deeming

19-Jun-24 21:46

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. Smile | :)

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Mike Hankey19-Jun-24 6:31

Mike Hankey

19-Jun-24 6:31

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

Amarnath S19-Jun-24 6:44

Amarnath S

19-Jun-24 6:44

Console features reference | Chrome DevTools | Chrome for Developers [^]

On this page are the symbols used in Chrome Dev Tools. One more option for you.

kmoorevs19-Jun-24 12:04

kmoorevs

19-Jun-24 12:04

This thread made me laugh thinking about my dumb brother-in-law who borrowed my pressure washer. It has a switch for off/on, but marked as 0/1. TBF, if would be more accurate to describe the on marker as a straight line. Anyway, he called me exhausted and wanted to confirm that O meant On. Confused | :confused:

I said, no 0 is for Off 1 is for On. He said, 'What's the I for?'. Confused | :confused:

'Ignition of course!'. Laugh | :laugh:

"Go forth into the source" - Neal Morse
"Hope is contagious"

PIEBALDconsult19-Jun-24 17:47

PIEBALDconsult

19-Jun-24 17:47

And you can allow the user to select the colors/background/etc. For extra points.

TNCaver21hrs 2mins ago

21hrs 2mins ago

All right, let's not get carried away here. Laugh | :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. Smile | :)

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)

Alister Morton21hrs 1 min ago

Alister Morton

21hrs 1 min ago

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

bryanren20hrs 13mins ago

bryanren

20hrs 13mins ago

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

TNCaver19hrs 41mins ago

19hrs 41mins ago

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)

jochance18hrs 44mins ago

jochance

18hrs 44mins ago

I'd do checkmark = green, ! = yellow, and triangle hazard = red.

SeattleC++18hrs 22mins ago

SeattleC++

18hrs 22mins ago

traffic light

Jalapeno Bob17hrs 53mins ago

Jalapeno Bob

17hrs 53mins ago

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