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. Color blindness help

Color blindness help

Scheduled Pinned Locked Moved The Lounge
questioncomdesignbeta-testingarchitecture
45 Posts 26 Posters 0 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.
  • W Offline
    W Offline
    Wjousts
    wrote on last edited by
    #1

    Not a programming question, more a design question. I have an application that has an indicator that turns from green (#90EE90) to orange (#FFA500) to red (#FF0000) to indicate it's state (good, not ready, somethings horribly wrong, respectively). The color alone isn't the only indication, but it is probably the most obvious (and it's a solid block of color, not text). Of course, this color scheme looks great to me and seems logical and intuitive, but I've had some user do a beta test complaining that the colors are too subtle and not obvious enough. It occurred to me that they might have some form of color blindness that makes the colors hard to distinguish. So, I'm thinking of adding a feature to switch color schemes to something a bit more color blind friendly. However, since I'm not color blind, my question is what would work reasonably for a color blind user without looking too horribly garish to a person with normal color vision and being at least somewhat intuitive? I saw this website http://colorschemedesigner.com/[^] which seems really cool, but doesn't let me put in arbitrary colors in order to see how my color scheme looks. Any color blind readers out there who can help?

    M L S J K 24 Replies Last reply
    0
    • W Wjousts

      Not a programming question, more a design question. I have an application that has an indicator that turns from green (#90EE90) to orange (#FFA500) to red (#FF0000) to indicate it's state (good, not ready, somethings horribly wrong, respectively). The color alone isn't the only indication, but it is probably the most obvious (and it's a solid block of color, not text). Of course, this color scheme looks great to me and seems logical and intuitive, but I've had some user do a beta test complaining that the colors are too subtle and not obvious enough. It occurred to me that they might have some form of color blindness that makes the colors hard to distinguish. So, I'm thinking of adding a feature to switch color schemes to something a bit more color blind friendly. However, since I'm not color blind, my question is what would work reasonably for a color blind user without looking too horribly garish to a person with normal color vision and being at least somewhat intuitive? I saw this website http://colorschemedesigner.com/[^] which seems really cool, but doesn't let me put in arbitrary colors in order to see how my color scheme looks. Any color blind readers out there who can help?

      L Offline
      L Offline
      Lost User
      wrote on last edited by
      #2

      What about the surround? A decent black border would help.

      Join the cool kids - Come fold with us[^]

      W 1 Reply Last reply
      0
      • W Wjousts

        Not a programming question, more a design question. I have an application that has an indicator that turns from green (#90EE90) to orange (#FFA500) to red (#FF0000) to indicate it's state (good, not ready, somethings horribly wrong, respectively). The color alone isn't the only indication, but it is probably the most obvious (and it's a solid block of color, not text). Of course, this color scheme looks great to me and seems logical and intuitive, but I've had some user do a beta test complaining that the colors are too subtle and not obvious enough. It occurred to me that they might have some form of color blindness that makes the colors hard to distinguish. So, I'm thinking of adding a feature to switch color schemes to something a bit more color blind friendly. However, since I'm not color blind, my question is what would work reasonably for a color blind user without looking too horribly garish to a person with normal color vision and being at least somewhat intuitive? I saw this website http://colorschemedesigner.com/[^] which seems really cool, but doesn't let me put in arbitrary colors in order to see how my color scheme looks. Any color blind readers out there who can help?

        M Offline
        M Offline
        Maximilien
        wrote on last edited by
        #3

        you should also use some other kind of "visual cue" in conjunction with colors ? Use shapes and words to help those with color blindness. In one of our software we use warning signs, stop signs and other types of symbols to make it clear to the user something happens.

        Watched code never compiles.

        W 1 Reply Last reply
        0
        • M Maximilien

          you should also use some other kind of "visual cue" in conjunction with colors ? Use shapes and words to help those with color blindness. In one of our software we use warning signs, stop signs and other types of symbols to make it clear to the user something happens.

          Watched code never compiles.

          W Offline
          W Offline
          Wjousts
          wrote on last edited by
          #4

          Well, it's not the only visual cue. There is a bar that approaches a setpoint, so you can see how close the bar is to the setpoint marker even if you can tell what color the bar is. Also there is an actual number displayed which you can see if it's close to the setpoint. But the color is the easiest, at a glance, indicator.

          1 Reply Last reply
          0
          • L Lost User

            What about the surround? A decent black border would help.

            Join the cool kids - Come fold with us[^]

            W Offline
            W Offline
            Wjousts
            wrote on last edited by
            #5

            But the border would be the same color regardless of the color of the indicator?

            L 1 Reply Last reply
            0
            • W Wjousts

              Not a programming question, more a design question. I have an application that has an indicator that turns from green (#90EE90) to orange (#FFA500) to red (#FF0000) to indicate it's state (good, not ready, somethings horribly wrong, respectively). The color alone isn't the only indication, but it is probably the most obvious (and it's a solid block of color, not text). Of course, this color scheme looks great to me and seems logical and intuitive, but I've had some user do a beta test complaining that the colors are too subtle and not obvious enough. It occurred to me that they might have some form of color blindness that makes the colors hard to distinguish. So, I'm thinking of adding a feature to switch color schemes to something a bit more color blind friendly. However, since I'm not color blind, my question is what would work reasonably for a color blind user without looking too horribly garish to a person with normal color vision and being at least somewhat intuitive? I saw this website http://colorschemedesigner.com/[^] which seems really cool, but doesn't let me put in arbitrary colors in order to see how my color scheme looks. Any color blind readers out there who can help?

              S Offline
              S Offline
              Slacker007
              wrote on last edited by
              #6

              are these users really color blind or are they just being a pain in the ass? :confused:

              W 1 Reply Last reply
              0
              • W Wjousts

                Not a programming question, more a design question. I have an application that has an indicator that turns from green (#90EE90) to orange (#FFA500) to red (#FF0000) to indicate it's state (good, not ready, somethings horribly wrong, respectively). The color alone isn't the only indication, but it is probably the most obvious (and it's a solid block of color, not text). Of course, this color scheme looks great to me and seems logical and intuitive, but I've had some user do a beta test complaining that the colors are too subtle and not obvious enough. It occurred to me that they might have some form of color blindness that makes the colors hard to distinguish. So, I'm thinking of adding a feature to switch color schemes to something a bit more color blind friendly. However, since I'm not color blind, my question is what would work reasonably for a color blind user without looking too horribly garish to a person with normal color vision and being at least somewhat intuitive? I saw this website http://colorschemedesigner.com/[^] which seems really cool, but doesn't let me put in arbitrary colors in order to see how my color scheme looks. Any color blind readers out there who can help?

                J Offline
                J Offline
                Joe Simes
                wrote on last edited by
                #7

                You might want to consult the 508 compliance web site: http://section508.gov/[^]

                1 Reply Last reply
                0
                • W Wjousts

                  Not a programming question, more a design question. I have an application that has an indicator that turns from green (#90EE90) to orange (#FFA500) to red (#FF0000) to indicate it's state (good, not ready, somethings horribly wrong, respectively). The color alone isn't the only indication, but it is probably the most obvious (and it's a solid block of color, not text). Of course, this color scheme looks great to me and seems logical and intuitive, but I've had some user do a beta test complaining that the colors are too subtle and not obvious enough. It occurred to me that they might have some form of color blindness that makes the colors hard to distinguish. So, I'm thinking of adding a feature to switch color schemes to something a bit more color blind friendly. However, since I'm not color blind, my question is what would work reasonably for a color blind user without looking too horribly garish to a person with normal color vision and being at least somewhat intuitive? I saw this website http://colorschemedesigner.com/[^] which seems really cool, but doesn't let me put in arbitrary colors in order to see how my color scheme looks. Any color blind readers out there who can help?

                  K Offline
                  K Offline
                  Kschuler
                  wrote on last edited by
                  #8

                  I read a really good article about GUI design which included some good info about color blindness and how to program for it. I couldn't find the link, but google found this article[^]. It has a link to a colorblind web page filter[^] where you can type in a URL and see it as a colorblind person would. Maybe it will help. It was fun to play with anyway. It makes Codeproject look like a blue and brown mess.

                  W S 2 Replies Last reply
                  0
                  • W Wjousts

                    Not a programming question, more a design question. I have an application that has an indicator that turns from green (#90EE90) to orange (#FFA500) to red (#FF0000) to indicate it's state (good, not ready, somethings horribly wrong, respectively). The color alone isn't the only indication, but it is probably the most obvious (and it's a solid block of color, not text). Of course, this color scheme looks great to me and seems logical and intuitive, but I've had some user do a beta test complaining that the colors are too subtle and not obvious enough. It occurred to me that they might have some form of color blindness that makes the colors hard to distinguish. So, I'm thinking of adding a feature to switch color schemes to something a bit more color blind friendly. However, since I'm not color blind, my question is what would work reasonably for a color blind user without looking too horribly garish to a person with normal color vision and being at least somewhat intuitive? I saw this website http://colorschemedesigner.com/[^] which seems really cool, but doesn't let me put in arbitrary colors in order to see how my color scheme looks. Any color blind readers out there who can help?

                    P Offline
                    P Offline
                    Pualee
                    wrote on last edited by
                    #9

                    Make sure that in gray scale you can distinguish the colors. You can still use your red/green/orange stuff, but make sure they are darker/lighter shades in gray scale.

                    W 1 Reply Last reply
                    0
                    • S Slacker007

                      are these users really color blind or are they just being a pain in the ass? :confused:

                      W Offline
                      W Offline
                      Wjousts
                      wrote on last edited by
                      #10

                      I haven't been able to get confirmation on that yet. They could very well just be a PITA.

                      1 Reply Last reply
                      0
                      • K Kschuler

                        I read a really good article about GUI design which included some good info about color blindness and how to program for it. I couldn't find the link, but google found this article[^]. It has a link to a colorblind web page filter[^] where you can type in a URL and see it as a colorblind person would. Maybe it will help. It was fun to play with anyway. It makes Codeproject look like a blue and brown mess.

                        W Offline
                        W Offline
                        Wjousts
                        wrote on last edited by
                        #11

                        Interesting article, thanks. Unfortunately, the filter is blocked by our proxy :mad:

                        1 Reply Last reply
                        0
                        • W Wjousts

                          But the border would be the same color regardless of the color of the indicator?

                          L Offline
                          L Offline
                          Lost User
                          wrote on last edited by
                          #12

                          It's the contrast that makes the difference.

                          Join the cool kids - Come fold with us[^]

                          1 Reply Last reply
                          0
                          • P Pualee

                            Make sure that in gray scale you can distinguish the colors. You can still use your red/green/orange stuff, but make sure they are darker/lighter shades in gray scale.

                            W Offline
                            W Offline
                            Wjousts
                            wrote on last edited by
                            #13

                            Hmmm, good call - the background of the indicator is kinda of a light blue, and the green looks identical when I desaturated a screen shot in Photoshop. Maybe that's the problem.

                            1 Reply Last reply
                            0
                            • W Wjousts

                              Not a programming question, more a design question. I have an application that has an indicator that turns from green (#90EE90) to orange (#FFA500) to red (#FF0000) to indicate it's state (good, not ready, somethings horribly wrong, respectively). The color alone isn't the only indication, but it is probably the most obvious (and it's a solid block of color, not text). Of course, this color scheme looks great to me and seems logical and intuitive, but I've had some user do a beta test complaining that the colors are too subtle and not obvious enough. It occurred to me that they might have some form of color blindness that makes the colors hard to distinguish. So, I'm thinking of adding a feature to switch color schemes to something a bit more color blind friendly. However, since I'm not color blind, my question is what would work reasonably for a color blind user without looking too horribly garish to a person with normal color vision and being at least somewhat intuitive? I saw this website http://colorschemedesigner.com/[^] which seems really cool, but doesn't let me put in arbitrary colors in order to see how my color scheme looks. Any color blind readers out there who can help?

                              T Offline
                              T Offline
                              TheyCallMeMrJames
                              wrote on last edited by
                              #14

                              Wjousts wrote:

                              I have an application that has an indicator that turns from green (#90EE90) to orange (#FFA500) to red (#FF0000)

                              Well, I may be a PITA, but I am colourblind as well. I can't read the word green in there, but I get past it pretty easily: I highlight the text. This is par for the course for me and my survival strategy for most color-related issues. If I can't highlight it and the colors are not high-contrast, chances are I can't read it.

                              They Call me Mister James

                              W 1 Reply Last reply
                              0
                              • W Wjousts

                                Not a programming question, more a design question. I have an application that has an indicator that turns from green (#90EE90) to orange (#FFA500) to red (#FF0000) to indicate it's state (good, not ready, somethings horribly wrong, respectively). The color alone isn't the only indication, but it is probably the most obvious (and it's a solid block of color, not text). Of course, this color scheme looks great to me and seems logical and intuitive, but I've had some user do a beta test complaining that the colors are too subtle and not obvious enough. It occurred to me that they might have some form of color blindness that makes the colors hard to distinguish. So, I'm thinking of adding a feature to switch color schemes to something a bit more color blind friendly. However, since I'm not color blind, my question is what would work reasonably for a color blind user without looking too horribly garish to a person with normal color vision and being at least somewhat intuitive? I saw this website http://colorschemedesigner.com/[^] which seems really cool, but doesn't let me put in arbitrary colors in order to see how my color scheme looks. Any color blind readers out there who can help?

                                R Offline
                                R Offline
                                Rutvik Dave
                                wrote on last edited by
                                #15

                                If you change Shape,Size,Border Style of the indicators, you ruin your design. How about changing the background style, i.e. solid green backgound,white dottes on orange background, solid lines on red background. and yes, of course you will need legends somewhere. After this take a screen shot, make it gray-scale and see if you can identify the different states. never mind, just read the previous post, I thought color blind means you cant identify the color. but its like you cant see the color. which is obviously stated in the name 'color blind'. :)

                                1 Reply Last reply
                                0
                                • W Wjousts

                                  Not a programming question, more a design question. I have an application that has an indicator that turns from green (#90EE90) to orange (#FFA500) to red (#FF0000) to indicate it's state (good, not ready, somethings horribly wrong, respectively). The color alone isn't the only indication, but it is probably the most obvious (and it's a solid block of color, not text). Of course, this color scheme looks great to me and seems logical and intuitive, but I've had some user do a beta test complaining that the colors are too subtle and not obvious enough. It occurred to me that they might have some form of color blindness that makes the colors hard to distinguish. So, I'm thinking of adding a feature to switch color schemes to something a bit more color blind friendly. However, since I'm not color blind, my question is what would work reasonably for a color blind user without looking too horribly garish to a person with normal color vision and being at least somewhat intuitive? I saw this website http://colorschemedesigner.com/[^] which seems really cool, but doesn't let me put in arbitrary colors in order to see how my color scheme looks. Any color blind readers out there who can help?

                                  N Offline
                                  N Offline
                                  Nagy Vilmos
                                  wrote on last edited by
                                  #16

                                  Try combining colour and shape: green tick orange triangle red cross


                                  Panic, Chaos, Destruction. My work here is done. or "Drink. Get drunk. Fall over." - P O'H

                                  J W 2 Replies Last reply
                                  0
                                  • W Wjousts

                                    Not a programming question, more a design question. I have an application that has an indicator that turns from green (#90EE90) to orange (#FFA500) to red (#FF0000) to indicate it's state (good, not ready, somethings horribly wrong, respectively). The color alone isn't the only indication, but it is probably the most obvious (and it's a solid block of color, not text). Of course, this color scheme looks great to me and seems logical and intuitive, but I've had some user do a beta test complaining that the colors are too subtle and not obvious enough. It occurred to me that they might have some form of color blindness that makes the colors hard to distinguish. So, I'm thinking of adding a feature to switch color schemes to something a bit more color blind friendly. However, since I'm not color blind, my question is what would work reasonably for a color blind user without looking too horribly garish to a person with normal color vision and being at least somewhat intuitive? I saw this website http://colorschemedesigner.com/[^] which seems really cool, but doesn't let me put in arbitrary colors in order to see how my color scheme looks. Any color blind readers out there who can help?

                                    C Offline
                                    C Offline
                                    Christian Graus
                                    wrote on last edited by
                                    #17

                                    I am color blind and I can tell those colors apart, no problem.

                                    Christian Graus Driven to the arms of OSX by Vista. Read my blog to find out how I've worked around bugs in Microsoft tools and frameworks.

                                    A L 2 Replies Last reply
                                    0
                                    • N Nagy Vilmos

                                      Try combining colour and shape: green tick orange triangle red cross


                                      Panic, Chaos, Destruction. My work here is done. or "Drink. Get drunk. Fall over." - P O'H

                                      J Offline
                                      J Offline
                                      Joe Simes
                                      wrote on last edited by
                                      #18

                                      green :rolleyes: orange :^) red :mad: :-D

                                      1 Reply Last reply
                                      0
                                      • C Christian Graus

                                        I am color blind and I can tell those colors apart, no problem.

                                        Christian Graus Driven to the arms of OSX by Vista. Read my blog to find out how I've worked around bugs in Microsoft tools and frameworks.

                                        A Offline
                                        A Offline
                                        AspDotNetDev
                                        wrote on last edited by
                                        #19

                                        Which type of color blind are you?

                                        [Forum Guidelines]

                                        C 1 Reply Last reply
                                        0
                                        • W Wjousts

                                          Not a programming question, more a design question. I have an application that has an indicator that turns from green (#90EE90) to orange (#FFA500) to red (#FF0000) to indicate it's state (good, not ready, somethings horribly wrong, respectively). The color alone isn't the only indication, but it is probably the most obvious (and it's a solid block of color, not text). Of course, this color scheme looks great to me and seems logical and intuitive, but I've had some user do a beta test complaining that the colors are too subtle and not obvious enough. It occurred to me that they might have some form of color blindness that makes the colors hard to distinguish. So, I'm thinking of adding a feature to switch color schemes to something a bit more color blind friendly. However, since I'm not color blind, my question is what would work reasonably for a color blind user without looking too horribly garish to a person with normal color vision and being at least somewhat intuitive? I saw this website http://colorschemedesigner.com/[^] which seems really cool, but doesn't let me put in arbitrary colors in order to see how my color scheme looks. Any color blind readers out there who can help?

                                          P Offline
                                          P Offline
                                          Pete OHanlon
                                          wrote on last edited by
                                          #20

                                          Using colour as the only visual indicator is not a great choice - you should look into other indicators as well. You could use alternate shapes together with colour indicators.

                                          I have CDO, it's OCD with the letters in the right order; just as they ruddy well should be

                                          Forgive your enemies - it messes with their heads

                                          My blog | My articles | MoXAML PowerToys | Onyx

                                          L 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