Creative Friday

I went to ESPN to check out who won tonight’s men’s college basketball championship and I was led to this page where I was greeted with the graphic below.

I understand that both school’s primary color is a shade of blue. But it should have been instantly recognizable to the person creating this graphic that the 2 shades of blue were much, much too close together for this chart to be meaningful. My first thought would be to add each school’s secondary color and make each line thicker so the user could quickly see the difference between the blue/yellow line and the blue/white line. But the chart doesn’t only fail in its color presentation. It also crams a lot of data into a small column while keeping detail off of the chart. In order to get more detail the user needs to hover over the graphic which they would only know to do if they hovered over the graphic by chance. In this regard I think of the words of the great Edward Tufte when he says “to add clarity, add detail.”