As you can see, this works fairly well, but the red and orange colors threaten to become a bit problematic for more densely-populated graphs. We knew that we could improve the graph’s design.
A current improvement we are developing is the expansion of the pricing graphs to accommodate more projects. To distinguish the additional data on the positioning graph required the addition of another distinct icon shape and another color. We used the opportunity to also improve the existing chart design to provide better distinction across the various forms of colorblindness.
On the price graph, projects with a sold out status are represented by a dashed line. However, in a densely populated graph, it can become confusing which shapes relate to which lines. To improve clarity, we added a “hollow” version of each icon shape which will be paired with the dotted line style to show Sold Out projects. Accommodating color impairments sometimes means moving to solutions that don’t use color, but shape, texture, and patterns.
The images on this post demonstrate a fictitious design mockup of our project price graph with the updated color palette and icons. First, we show the normal view, then demonstrations of the three most prevalent forms of colorblindness.