Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. The Lounge
  3. Common Application Status/State Symbols

Common Application Status/State Symbols

Scheduled Pinned Locked Moved The Lounge
testingtoolshelpquestion
24 Posts 18 Posters 1 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • OriginalGriffO OriginalGriff

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

    T Offline
    T Offline
    TNCaver
    wrote on last edited by
    #6

    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)

    1 Reply Last reply
    0
    • R Rick York

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

      T Offline
      T Offline
      TNCaver
      wrote on last edited by
      #7

      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)

      1 Reply Last reply
      0
      • T TNCaver

        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)

        D Offline
        D Offline
        David Crow
        wrote on last edited by
        #8

        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

        T 1 Reply Last reply
        0
        • D David Crow

          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

          T Offline
          T Offline
          TNCaver
          wrote on last edited by
          #9

          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)

          R 1 Reply Last reply
          0
          • T TNCaver

            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)

            M Offline
            M Offline
            Mike Hankey
            wrote on last edited by
            #10

            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

            1 Reply Last reply
            0
            • T TNCaver

              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)

              A Offline
              A Offline
              Amarnath S
              wrote on last edited by
              #11

              [Console features reference  |  Chrome DevTools  |  Chrome for Developers](https://developer.chrome.com/docs/devtools/console/reference#sidebar) [^] On this page are the symbols used in Chrome Dev Tools. One more option for you.

              1 Reply Last reply
              0
              • T TNCaver

                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)

                K Offline
                K Offline
                kmoorevs
                wrote on last edited by
                #12

                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: I said, no 0 is for Off 1 is for On. He said, 'What's the I for?'. :confused: 'Ignition of course!'. :laugh:

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

                1 Reply Last reply
                0
                • T TNCaver

                  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)

                  R Offline
                  R Offline
                  Roger Wright
                  wrote on last edited by
                  #13

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

                  Will Rogers never met me.

                  1 Reply Last reply
                  0
                  • T TNCaver

                    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)

                    P Offline
                    P Offline
                    PIEBALDconsult
                    wrote on last edited by
                    #14

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

                    T 1 Reply Last reply
                    0
                    • T TNCaver

                      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)

                      R Offline
                      R Offline
                      Richard Deeming
                      wrote on last edited by
                      #15

                      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

                      1 Reply Last reply
                      0
                      • P PIEBALDconsult

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

                        T Offline
                        T Offline
                        TNCaver
                        wrote on last edited by
                        #16

                        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 Sowell

                        A day can really slip by when you're deliberately avoiding what you're supposed to do.
                           - Calvin (Bill Watterson, Calvin & Hobbes)

                        1 Reply Last reply
                        0
                        • T TNCaver

                          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)

                          A Offline
                          A Offline
                          Alister Morton
                          wrote on last edited by
                          #17

                          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

                          1 Reply Last reply
                          0
                          • T TNCaver

                            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)

                            B Offline
                            B Offline
                            bryanren
                            wrote on last edited by
                            #18

                            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

                            T 1 Reply Last reply
                            0
                            • B bryanren

                              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

                              T Offline
                              T Offline
                              TNCaver
                              wrote on last edited by
                              #19

                              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)

                              1 Reply Last reply
                              0
                              • E englebart

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

                                M Offline
                                M Offline
                                Matt Bond
                                wrote on last edited by
                                #20

                                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

                                1 Reply Last reply
                                0
                                • T TNCaver

                                  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)

                                  J Offline
                                  J Offline
                                  jochance
                                  wrote on last edited by
                                  #21

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

                                  1 Reply Last reply
                                  0
                                  • T TNCaver

                                    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)

                                    S Offline
                                    S Offline
                                    SeattleC
                                    wrote on last edited by
                                    #22

                                    traffic light

                                    1 Reply Last reply
                                    0
                                    • T TNCaver

                                      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)

                                      J Offline
                                      J Offline
                                      Jalapeno Bob
                                      wrote on last edited by
                                      #23

                                      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

                                      1 Reply Last reply
                                      0
                                      • T TNCaver

                                        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)

                                        T Offline
                                        T Offline
                                        thewazz
                                        wrote on last edited by
                                        #24

                                        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.

                                        1 Reply Last reply
                                        0
                                        Reply
                                        • Reply as topic
                                        Log in to reply
                                        • Oldest to Newest
                                        • Newest to Oldest
                                        • Most Votes


                                        • Login

                                        • Don't have an account? Register

                                        • Login or register to search.
                                        • First post
                                          Last post
                                        0
                                        • Categories
                                        • Recent
                                        • Tags
                                        • Popular
                                        • World
                                        • Users
                                        • Groups