Financial Narrative: Telling Stories With Numbers - Amazon...

45
Webinar with Stephen Few Hosted by Kenny Whitelaw-Jones The webinar will start promptly at: 4pm London time, 11am New York time Visual Business Intelligence

Transcript of Financial Narrative: Telling Stories With Numbers - Amazon...

Page 1: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

Webinar with Stephen FewHosted by Kenny Whitelaw-Jones

The webinar will start promptly at:

4pm London time, 11am New York time

Visual Business Intelligence

Page 2: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

Financial Narrative

Telling Compelling Stories with Numbers

Stephen FewPerceptual Edge and U.C. Berkeleywww.PerceptualEdge.com

We humans are natural born storytellers. We’ve been creating and preserving culture through stories since we learned to speak. Stories invite us into the action. They do this by placing information “into a framework that is more lifelike, more true to our day-to-day existence.” (Made to Stick, Heath and Heath, p. 214) If I begin with the words, “Once upon a midnight dreary...”, you can’t help but imagine the scene, dark, foggy, and cold; a shiver walking the steps of your spine. Stories help us imagine the situation from the inside, as one of the characters. They work as simulations, allowing us to run through the steps as if we were actually involved. “Mental simulation helps us with problem-solving. Even in mundane planning situations, mentally simulating an event helps us think of things that we might otherwise have neglected.” (Heath and Heath, p. 213) Will the guy get the girl? Will we find out who the murderer is? Will we figure out how to retain our customers? No matter what the question is, a story involves us in asking that question and taking a journey in pursuit of the answer.

Page 3: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

Some stories involve numbers–quantitative information, including financial information. Just like other stories, financial stories can be told in compelling ways. Sometimes the best way to tell a stories with numbers is by giving them visual form.

Page 4: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

David visits America.A picture is worth a thousand words.

The right picture can tell some stories in ways that no amount of words could ever match. As the saying goes, a picture is worth a thousand words–but not every picture.

Page 5: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

#2

#1

We must not only know when to use pictures of data, but also how to design them to tell stories clearly, accurately, and compellingly.

This recent visualization fails to do this. This series of circles within circles--blue for the market values of banks in quarter 2 of 2007, before the recent financial meltdown, and green for declined values as of January of 2009--was published by Bloomberg. You would never guess its purpose, however, which was to show that J. P. Morgan’s decline in market value was less severe than all other major banks except one: Santander.

This picture of the data doesn’t tell the story clearly, simply, or accurately. The comparative sizes of the circles are far from the comparative market values. Even if the sizes of the circles were accurate, we would still struggle with this chart because visual perception isn’t well-tuned to handle size comparisons, but it is tuned to handle length comparisons,...

Page 6: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

...such as the lengths of these bars in my redesign of the chart. We can now easily see that J. P. Morgan lost roughly half of its market value during this period, but the fact that its losses were less severe than all by one bank–Santander–still isn’t obvious. The right addition to the picture, however, such as this one that displays the losses directly, can make this part of the story clear as well.

Page 7: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

William Playfair – 1786We’ve been telling quantitative stories with graphs for quite awhile. In 1786, a roguish Scot–William Playfair–published a small atlas that introduced or greatly improved most of the quantitative graphs that we use today. Prior to this, graphs of quantitative data were little known.

(Source: This graph was included in Playfair’s The Commercial and Political Atlas in 1786 to make a case against England’s policy of financing colonial wars through national debt.)

Page 8: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

Today, 220 years after Playfair’s pioneering work, partly due to the arrival of the PC, graphs are commonplace, fully integrated into the fabric of modern communication. Surprisingly, however, Playfair’s innovative efforts–sprung from meager precedent–are still superior to most of the graphs produced today.

Page 9: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

Graphs like this pie chart that appeared on Fox News, which adds up to 193%, are far too common. People assume that if they know how to use a software product such as Excel that produces graphs, they automatically know how to communicate graphically. Unfortunately, this is far from the case. Also unfortunately, we can’t trust products like Excel to make it easy for us to produce effective graphs.

Page 10: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

Quantitative information is primarily communicated through tables and graphs. But few communicate effectively.

Why? Few people are trained.

Why? Few people recognize the need.

Why? Few examples of good design exist to expose the problem.

“Poor documents are so commonplace that deciphering bad writing and bad visual design have become part of the coping skills needed to navigate in the so-called information age.” Karen A. Schriver, Dynamics in Document Design, John Wiley & Sons, Inc., 1997.

“The public is more familiar with bad design than good design. It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring.” (Kevin Mullet and Darrel Sano, Designing Visual Interfaces, Sun Microsystems, Inc., 1995 – quoting Paul Rand, Design, Form, and Chaos)

Effective communication is not always intuitive – it must be learned.

Page 11: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

A common problem today

Sizzle without substanceNumbers are commonly obscured, then dressed up to look sexy. Why?When the PC was introduced, software soon made the arduous task of table and graph creation as easy as 1-2-3 (literally “Lotus 1-2-3”, the software that was the first to legitimize the PC as a viable tool for business). Unfortunately, this improvement in ease and efficiency was not accompanied by instruction in visual design for communication. People today think that if they know how to click with the mouse to create a table or graph, they know how to present data effectively.

“In the two centuries since [the invention of the first graphs], …charts have become commonplace. With the advent of modern computer tools, creating graphs from data involves trivial effort. In fact, it has probably become too easy. Graphs are often produced without thought for their main purpose: to enlighten and inform the reader.” Jonathan G. Koomey, Turning Numbers into Knowledge, Analytics Press, 2001

I can talk about this all day, but the best way to make my point convincingly is to show you.

Page 12: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

Confused?

So much of what is called “data visualization” today gives it a bad name and causes confusion about what it is, how it works, and what can be accomplished when it is properly done.

Page 13: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

Here’s an example that I encountered a few days ago. The inventor of this new way of visualizing financial data called “Revealed 3D” sent me a link to his YouTube demonstration and asked for my opinion.

Page 14: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

His video began with this example of a typical balance sheet and explained that only a skilled analyst could use this to make sense of a company’s financials. So far, so good. He went astray, however, when he began to introduce his graphical solution to the problem.

Page 15: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

This, according to him, is the balance sheet that we were looking at before.

Page 16: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

The income statement can be displayed on the outside of the pie like a growth ring around a tree. The amount that revenue exceeds expenses is the net income. Although this graphic works conceptually, it fails perceptibly.

Page 17: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

He really hit full stride when he said: “Where this gets exciting is when you plot multiple periods, stack them, and then connect the periods. Immediately, trends pop out. In this case we see a company that’s growing.”

Page 18: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

He then explained his expanded vision, which presents multiple companies at once so they can be compared. But can you actually compare them meaningfully with ease and accuracy?

Page 19: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

Here’s an actual example, based on the financial performance of the Chipotle restaurant chain.

In near ecstasy he exclaimed: “Stories, stories. These graphs just keep showing us stories.”

Unfortunately, what this fellow failed to learn before starting out on this venture is that we human beings find it hard to compare areas and volumes. Other forms of display that take advantage of what we do well perceptibly would give shape to the data in a way that presents it clearly.

Page 20: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

20

The developer of Revealed 3D was right in recognizing the potential of graphics to bring financial data alive; he just didn’t understand data visualization well enough to take advantage of this potential. This is because he didn’t take the time to learn the rules of visual perception that must be understood before we can use graphics to tell quantitative stories effectively. Years of research have taught us a great deal about what works and what doesn’t. Data visualization only works if we know how to display data in ways that are compatible with human eyes and the human brain. Here’s a hint–pie charts aren’t part of the solution.

Page 21: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

Eeney, meeney, miney, moe...

One of the fundamental challenges of data presentation is determining the appropriate medium of display. If you were the person who had to display the relative merits of three candidates for an open position, you would have to choose the best visual means to communicate this information. You shouldn’t just choose any old method, and especially not a particular one because it looks the snazziest. A graph isn’t always the best way to get your message across. In this case a simple table would do the job better.

(Source: the radar graph on the left was found on the Website of Visual Mining, Inc.)

Page 22: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

• Used to look up individual values

Tables work best when…

• Data must be precise

Page 23: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

Graphs feature patterns, trends, exceptions, and big gulps of information at once.

By displaying quantitative information in visual form, graphs efficiently reveal information that would otherwise require a thousand words or more to adequately describe.Joseph Berkson once stated what happens quite powerfully: When we visualize the data effectively and suddenly, we experience “interocular traumatic impact”—a conclusion that hits us between the eyes.

Page 24: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

“Simplify, simplify” Henry David Thoreau

This is the kind of graph that software products, including Excel, encourage us to create. They give us an infinite selection of poorly-designed graphs from which to choose. What we really need, however, is a small selection of graphs that really work. Using this graph, try to see the pattern of change across the months in actual expenses. Try to determine one of the actual values. Try to compare actual expenses to the budget across time. Let’s transform this graph into one that communicates.

Page 25: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

We have now removed the useless 3-D effects and angle, which makes the data easier to read.

Page 26: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

We have now removed the background fill color.

Page 27: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

We have now replaced the silly cones with regular bars.

Page 28: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

We have now removed the tick marks, which aren’t necessary. Tick marks are not needed to separate the months along the X-axis and because horizontal grid lines are being displayed, there is no need for tick marks on the Y-axis either.

Page 29: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

We have now enlarged the text, making it easier to read.

Page 30: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

We have now removed the unnecessary decimal places in the dollar amounts along the Y-axis.

Page 31: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

We have now removed the redundant dollar signs and labeled the unit of measure (U.S. $) clearly.

Page 32: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

We have now reoriented the Y-axis label to the horizontal and placed it above the axis to make it easier to read.

Page 33: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

We have now reoriented and repositioned the legend to make it easier to associate it with the data bars.

Page 34: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

We have now changed the color of the Budget bar to be more visually pleasing in relation to the blue Actual bars. Changing from the color red also removed the possibility people interpreting the data as something bad or a warning, which red is often used to represent.

Page 35: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

We have now reduced the visual salience of the Budget values, because they are less important that the Actual values, and have done so in a way that reduced clutter.

Page 36: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

We have now made it much easier to see the pattern of change through time by using lines rather than bars to represent the data.

Page 37: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

We have now made it much easier to examine the differences between actual expenses and the budget by spreading them across more space.

Page 38: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

We have now labeled the lines directly, removing the need for a legend.

Page 39: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

We have now changed the lines to two shades of gray to guaranty that even if the graph is printed on a black-and-white printer or photocopier, they will still look distinctly different from one another.

Page 40: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

We have now represented the variance of actual expenses from the budget directly, as a single line.

Page 41: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

As our final step, we have expressed variance as a percentage, to provide a better measure of performance.

Page 42: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

Our final solution, which we produced in sixteen steps, could have easily been our original solution. It usually takes no longer to design effective graphs than those that communicate poorly, if at all.

Page 43: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

“Simplicity is the ultimate sophistication.”

Leonardo da Vinci

Simplicity isn’t always easy; it takes skill. Fortunately, the skills and practices required to communicate data graphically are quite easy to learn, but they’re not all intuitive, so it takes attention and direction.

Page 44: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

It helps, of course, to have resources at hand that make these skills accessible in practical ways. My three books are designed to provide this support by teaching the simple, fundamental principles and practices that are required to visualize data in enlightening ways.

Page 45: Financial Narrative: Telling Stories With Numbers - Amazon S3s3.amazonaws.com/fimech/tv/downloads/Financial_Narrative.pdf · Financial Narrative Telling Compelling Stories with Numbers

Visual Business Intelligence

Q & A