Use of Color in Google Analytics Graphs
Posted: June 17th, 2009 Author: Erik Schmidt
Filed under: Design
Tags: Google, user experience | No Comments »
I like Google Analytics. It’s a solid, useful application that when used properly can provide a wealth of useful, actionable information. But the way Google uses green in comparison graphs bothers me.
Here’s how Google displays a traffic comparison. The blue line represents the current time period, while the green line represents the prior period.

Green represents both a time period and a traffic increase
This may seem incredibly picayune, but I frequently find myself looking twice or three times at the graph, trying to determine whether green represents the current time series or the time series it is being compared against. Why? Because green is used to delineate the prior time series, and it is also used to indicate an increase in traffic.
In this instance I see the 11.3% and get confused, because although there is an increase of 11.3%, the number is shown in green, which makes me look at the prior time series, rather than the current time series. Yes, I’m smart enough to eventually figure out that the traffic represented by the blue line is the traffic that has gone up by 11.3%, but it is confusing.
If I could, I’d change the green to a different color, something like this:

Gold rather than green for the prior time series
Presto, no more confusion. Green now unequivocally represents an increase in traffic. Red represents a decrease in traffic. Blue represents the current time series, and gold represents the prior time series.