10 Tips For Great Charts Part 1

This month, I'd like to introduce a guest writer to Websight, Jennifer Veesenmeyer, Manager, Consulting Services at Stratigent. Jennifer specializes in assisting enterprise-level organizations overcome the communication challenges of web analytics, such as gaining executive buy-in, building consensus and facilitating cultural change. She is highly regarded as an industry thought leader and is frequently asked to conduct educational presentations on the topic of meaningful reports. During this two part series, Jennifer will leverage her extensive background to share her tips for creating great charts with you.
 
Creating great charts is a process of making strategic, deliberate decisions. This process can be divided into ten steps; we'll discuss the first five steps in this issue and conclude with the final five steps in the next issue.
 
The quality of our reports speaks directly to our credibility. Since charts are a key element of most online marketing optimization reports, our ability to master the art and science of great charts is essential to our success.

1) Have a Clear Purpose

The first step to creating a great chart is to have a clear purpose.

At the highest level, there are two types of charts. One type is designed to answer a question and the other is designed to communicate the answer to the question. This is an important distinction, because a chart that is effective for analysis isn't necessarily the most effective chart for communicating the insight we derive from that analysis.

For a controversial example, consider Minard's graph of Napoleon's March. Edward Tufte, the leading expert on information graphics, refers to it as "the best statistical graphic ever drawn." (http://tinyurl.com/6k885) In contrast, Seth Godin, a best-selling author of business books, adamantly disagrees and has said that Tufte was "completely out of his gourd. It is the worst graph ever made." (http://tinyurl.com/2ob4aa)

The difference in whether it is the best or the worst depends on its purpose. As a graph to answer a question, it exemplifies the way in which an effective visualization can facilitate analysis. However, that insight is lost on anyone who doesn't want to spend an hour appreciating its nuances.

If the purpose of your graph is to communicate insight derived from an analysis to decision makers, what is the key message? Generally speaking, it's a one to one relationship. When there are multiple key messages, multiple graphs are often required to communicate them effectively.

2) Consider Your Target Audience(s)

Even when there is a clear purpose, a "great" chart is contextual. There is science behind design choices that won't work, but choosing between options that should work is an art. A great chart must achieve its purpose, but meaning is in the eye of the beholder, so the personal preferences of your target audience are a factor. For example, a gauge is rarely the best way to visualize data, but there are executives who believe it's not a dashboard unless it has a gauge. If you work for that executive, you'll need to pick your battles wisely.

Intuitively we know that people at different levels in the organization require different levels of detail. Thus, a chart for an executive might have much less detail than a line manager, or more likely, we might provide the executive an entirely different chart.

Unfortunately, in the struggle to balance the many best practices for charts, the best practice of adapting your reports (and charts) to your target audience(s) often gets lost. However, it isn't possible to take a strategic approach to reporting without giving it due consideration.

3) Select a Chart Type

At the highest levels there are two types of charts - tables and graphs. Each has a different strength. Unfortunately, their selection is often based on habit rather than on a clear understanding of the strengths of each. Tables are good for looking up information, whereas graphs make it easier to see patterns in the data.

When it comes to selecting the right chart, there is also confusion around when to use a line graph vs a column graph and when to use a pie graph vs a bar graph. The answer depends on what you're trying to achieve with the graph, so it is essential to have a clear purpose.

Line graphs are good for showing changes over time, but column graphs are better it it's important to know the exact value of a particular time period. Let's take visits from search engines over the past year as an example. If your key message for the graph was that visits from search engines have increased steadily over the past year, a line graph would be best. If your key message was that visits from search engines peaked in September when the new site was released, a column graph would be better.

Pie graphs are best to show composition, while bar graphs are better if you want to do a comparison. For example, if your key message was that the majority of your visits were referred by Google, a pie graph would work. But, if your key message was that there were slightly more referrals from Yahoo than MSN, a bar graph would be better. Practically speaking, bar graphs are almost always a better choice than pie graphs, but neither can effectively show more than one time period at a time which limits their value.

When selecting a chart, there are two relatively new chart options to consider. Both are designed to show a lot of information in a very small space. The first option is Edward Tufte's sparklines (http://tinyurl.com/zz39j). Sparkline (and sparkbar) graphs are great to add meaning to tabular data which provides the strengths of both tables and graphs. The second option is Stephen Few's bullet graphs (http://tinyurl.com/3cjfwc) which are essentially hybrids of progress bars and gauges. They can show the metric compared to the target and indicate whether the value should be considered good, bad, etc.

4) Add Context

For a metric to be meaningful, it has to have context. Generally speaking there are 6 types of comparisons you can make to add context to your charts:
  • Trend: How does the metric change over time?
  • Rank: What is its relative position compared to other metrics?
  • Composition: What percentage is it of the total?
  • Correlation: What is the relationship between this metric and another metric?
  • Distribution: What is the frequency of the items within a range? For example, how many of your pages are low demand, medium demand, high demand?
  • Target: How does this metric deviate from the goal?

The comparison type will influence both the choice of chart as well as elements within the chart, so one could argue that this step occurs both before and after chart selection. In any case, after the chart has been selected, the biggest opportunity to add context is with tabular data.

  • Adding sparklines or sparkbars provides a quick view of historical performance for that metric (see example below).
  • Adding change indicators, such as up/down arrows, provides a quick view of whether the metric went up or down (see example below).
  • Color coding the change indicators provides a quick view of whether the change is good or bad. For example, an increase in visits would result in a green up arrow while an increase in bounce rate would result in a red up arrow (see example below).
  • Adding a column that shows the percentage of change from the previous period provides a quick way to show how much the metric changed.
Chart Example1

 

5) Eliminate the Nonessential

Remove "chart junk" to make it easier for your target audience to understand your chart at a glance. In Excel this includes:
  • Turning off the gridlines option
  • Eliminating the third dimension when it isn't meaningful
  • Removing dark background in the plot area
  • Deleting gridlines (when appropriate)
  • Removing the box around the legend
  • Reducing excessive axis values by adjusting the scale (ie if the maximum axis value is 100%, it would be better to have major unit values display every 25% rather than every 10%).

Note from the author: Many people use the words "chart" and "graph" interchangeably. Technically, a graph is a type of chart, but the distinction is meaningless in most situations. For the purposes of this article, we'll make the distinction anyway.

Stay tuned for the next issue of WebSight as our guest writer, Jennifer Veesenmeyer, concludes her final 5 tips for great charts! View 10 Tips for Great Charts Part 2.

 
Josh Manion
Josh Manion
Chief Executive Officer
Stratigent, LLC
 
For more information please call 877-427-2900 or email info@stratigent.com.