-
Notifications
You must be signed in to change notification settings - Fork 59
Persona development : Lee
I often miss items on sale because it is hard for me to spot the red labels used to show those things. Sometimes filling out forms (or checking out to buy something) is tricky because if I leave something out they show it in red and it's hard for me to see it.
I have my favorite sites for shopping for clothes because they include labels that identify the color. When I used to go to physical stores, I had to rely on someone else to help me choose the right color.
Lee was born with deuteranopia and protanopia, commonly referred to as red/green color blindness. He has difficulty distinguishing among items that are red, green, orange, and brown, all of which appear kind of a murky brown.
Lee discovered that shopping for clothes online is actually an advantage over going to physical stores. In addition to just showing pictures of items in the various colors offered, his favorite sites include color labels making coordinating what goes together much easier. Sometimes when checking out though, the required fields and error messages are notated with a red outline and Lee has to pay special attention to identify them. He's noticed lately, however, that a lot of sites are getting better about using a secondary notation like an asterisk for required fields and bold text or an arrow pointing to errors. This really helps a lot.
Lee plays in a various fantasy football leagues with his friends and workmates. Sometimes there can be problems with the way these sites use color to differentiate between teams, player positions and whether or not players are selected for his team. As a result, he tends to prefer certain Fantasy Football apps over others which means he has to try and convince friends to play using the same app.
There are several accessibility settings on both his computer and mobile that Lee has found can help in different situations. For example, sometimes reducing transparency, increasing contrast, and inverting the colors on the display make subtle color differences stand out more.
- High contrast mode/Dark mode
- Zoom
- Color filters
Problem: When I select a color choice there is nothing to help me differentiate between the colors.
Works well: Color choices are shown with a descriptive name. The good sites have a link to a slightly longer description of the colour. (JAYNE: I'M NOT SURE WHAT A LONGER DESCRIPTION OF COLOUR WOULD BE. CAN WE INCLUDE AN EXAMPLE?)
Problem: When filling out a form online, required fields and errors are marked with a red outline.
Works well: In addition to color, an asterisk or words are used to identify required fields and errors.
Problem: When I play an online game, enemies are marked with a red circle and friends marked with a green circle and I can't tell the difference.
Works well: Enemies are also marked with a symbol/use a red triangle so I can easily identify them.
Problem: Charts sometimes identify the different columns of data by colour.
Works well: Data columns are labelled or use a texture in addition to colour.
- Video: Colors with good contrast
- Tip: Provide sufficient contrast between foreground and background
- Tip: Don't use color alone to convey information
- Tip: Ensure that interactive elements are easy to identify
- Check: Contrast ratio (“color contrast”)
- Check: Forms, labels, and errors
Lee enjoys shopping for clothes and spending time with his friends. He plays a lot of online games from football to first person shooters.
Clothes shopping can be a problem when he is looking at the colors and there isn't a description. Lee finds it difficult to tell the difference between red and green. For him they both look browny. Other colors can be difficult as well, especially when he is on his out and about on his mobile. Having a label on colour swatches does help - if it doesn't suit him, his partner will soon tell him anyway!
Lee plays in a fantasy football league with his friends. Sometimes there can be problems with the strip colors but fortunately the description usually makes it clear which team is which.
It's hard to distinguish required fields and error messages on forms when they are identified by color (often red).
- Shopping for clothes and considering the color of items
- Online sports
- Playing first person shooter with friends
- Filling out forms - spotting required fields and errors/error messages
- Stocks app uses red and green trendlines to show which are gaining and which are losing in value but unless the line is really going up or down, it's hard to distinguish.
- Color blind does not mean no color perception at all
- Red/green isn't the only type of color blindness
- Don't use color alone
- Good contrast
- Poor colour choices for adjacent colors
- Filling out forms can be tedious
- Hard to choose the right shirt/necktie/top/jacket
- Note that if Lee were female, we might be able to say more, e.g.,finding shoes or a purse to go with an outfit, finding the right shade of lipstick