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.
  • 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