Data Visualization & Information Design: One Learner's Perspective

56
DATA VISUALIZATION & INFORMATION DESIGN ONE LEARNER’S PERSPECTIVE… BY SHEILA B ROBINSON

description

This is my first slide deck designed to share. It reflects a summary and applied practice of some basic lessons learned about data visualization and information design in the context of presentations, and from my perspective as an educator / program evaluator. Enjoy!

Transcript of Data Visualization & Information Design: One Learner's Perspective

Page 1: Data Visualization & Information Design: One Learner's Perspective

DATA VISUALIZATION & INFORMATION DESIGN ONE LEARNER’S PERSPECTIVE…

BY SHEILA

B ROBIN

SON

Page 2: Data Visualization & Information Design: One Learner's Perspective

DATA VISUALIZATION IS HOT HOT HOT!!!

A Google search returns over 3.4 million hits on the term.

Page 3: Data Visualization & Information Design: One Learner's Perspective

3,179

6,725

15,588

25,492

"Information Design" "Data Visualization" Infographics TOTAL

Over 25,000 SlideShare presentations are devoted to these 3 topics combined!

Page 4: Data Visualization & Information Design: One Learner's Perspective

PowerPoint was born.

Page 5: Data Visualization & Information Design: One Learner's Perspective

It’s original purpose was to work something like this…

Page 6: Data Visualization & Information Design: One Learner's Perspective

….or this

Page 7: Data Visualization & Information Design: One Learner's Perspective

But now presentations are more about this…

Page 8: Data Visualization & Information Design: One Learner's Perspective

…and this

Page 9: Data Visualization & Information Design: One Learner's Perspective

But we in education just haven’t quite caught up.

Page 10: Data Visualization & Information Design: One Learner's Perspective

You see… •  While PowerPoint itself is not necessarily passé, using it in

“traditional” ways is. •  This is a “traditional” slide. It has too much text, an

overused too small font, bullet points, and complete sentences.

•  It also has an inappropriate and distracting slide background and a cheesy piece of clip are stuck in the lower right corner that adds nothing to the slide.

•  A presenter might even read these full sentences to the audience while presenting leading to a potentially fatal phenomenon known as “Death by PowerPoint.”

•  We don’t want our audiences to die, now do we? •  We also don’t want them tuning out of our presentations,

and into their own electronic devices. •  Yet, slides like this persist, especially in education – in

meetings, presentations, and professional development workshops.

Page 11: Data Visualization & Information Design: One Learner's Perspective

Slide titles and bullet points soon rain down upon audiences with hurricane force. Weary viewers face the equivalent of digitized books projected onto walls… or worse, they suffer the terror of presenters reading books projected onto walls.

(http://office.microsoft.com)

Even knows this!

Page 12: Data Visualization & Information Design: One Learner's Perspective

Using PowerPoint like that is like making a phone call like this:

Page 13: Data Visualization & Information Design: One Learner's Perspective

So, this slide deck is about some of the new ideas I’ve learned about presentations.

Page 14: Data Visualization & Information Design: One Learner's Perspective

One idea per slide, please.

(with limited text)

Page 15: Data Visualization & Information Design: One Learner's Perspective

Slides are free!

More slides ≠ more time presenting!!

Psst! Look closely…it’s chocolate!

Page 16: Data Visualization & Information Design: One Learner's Perspective

So, why just one idea?

Page 17: Data Visualization & Information Design: One Learner's Perspective

People can read faster…

Page 18: Data Visualization & Information Design: One Learner's Perspective

Why?  …than they can process your speech.

Page 19: Data Visualization & Information Design: One Learner's Perspective

No bullets needed! (Why? …because you won’t have enough text

to need them. Get it?)

Page 20: Data Visualization & Information Design: One Learner's Perspective

Interesting stock photos are in!

Clip art is O-U-T! Don’t use it!

Page 21: Data Visualization & Information Design: One Learner's Perspective

USE FREE STOCK PHOTO SITES

flickr.com istockphoto.com

stock.xchng (sxc.hu) …and many, many more

Page 22: Data Visualization & Information Design: One Learner's Perspective

DON’T STEP ON TOES! Look for Creative Commons Licensing Follow the rules

Visit creativecommons.org to learn more

Page 23: Data Visualization & Information Design: One Learner's Perspective
Page 24: Data Visualization & Information Design: One Learner's Perspective

But seriously, what if I really want the audience to see more than 1 idea on a slide?

Page 25: Data Visualization & Information Design: One Learner's Perspective

LAYERING

Page 26: Data Visualization & Information Design: One Learner's Perspective

Layering is like feeding the audience by the spoonful.

Page 27: Data Visualization & Information Design: One Learner's Perspective

When to use layering: •  I want to present these 3 big ideas, and I

want to have the audience see all 3 at once (but without all this text and bullets, of course).

•  With layering, I can present important points one at a time, and then show them all at once.

•  And I don’t need to program in slide transitions to do it (because transitions don’t work well in all environments).

Page 28: Data Visualization & Information Design: One Learner's Perspective

First, I’ll talk about this idea.

Page 29: Data Visualization & Information Design: One Learner's Perspective

Next, I’ll add this idea.

Page 30: Data Visualization & Information Design: One Learner's Perspective

Now, I’ll present idea #3.

Page 31: Data Visualization & Information Design: One Learner's Perspective

And the audience now sees all 3!

Page 32: Data Visualization & Information Design: One Learner's Perspective

Hint: Design this slide first!

Page 33: Data Visualization & Information Design: One Learner's Perspective

17  6   10   10   9  

38  

7  15   21   25  

67  

71  

73  72   71  

63  

101  87   82   80  

Statement  A   Statement  B   Statement  C   Statement  D   Statement  E  

Here’s a layering example with graphs. This is the whole graph, but I have a lot to explain to the audience, so layering will work well here.

Page 34: Data Visualization & Information Design: One Learner's Perspective

17  6   10   10   9  

Statement  A   Statement  B   Statement  C   Statement  D   Statement  E  

The greatest number of respondents “strongly disagreed” with statement A.

You see, I will want to elaborate on this point, and I don’t want the audience focusing on interpreting the whole graph while I’m talking.

Page 35: Data Visualization & Information Design: One Learner's Perspective

17  6   10   10   9  

38  

7  15   21   25  

Statement  A   Statement  B   Statement  C   Statement  D   Statement  E  

Now I can add a layer and explain this point

while (I hope!) keeping their attention.

Statement A in fact, had the most disagreement among respondents.

Page 36: Data Visualization & Information Design: One Learner's Perspective

17  6   10   10   9  

38  

7  15   21   25  

67  

71  

73  72   71  

Statement  A   Statement  B   Statement  C   Statement  D   Statement  E  

Since they have already had a chance to process the last 2 points, I can now add this one.

Similar numbers of respondents agreed with each statement.

Page 37: Data Visualization & Information Design: One Learner's Perspective

17  6   10   10   9  

38  

7  15   21   25  

67  

71  

73  72   71  

63  

101  87   82   80  

Statement  A   Statement  B   Statement  C   Statement  D   Statement  E  

The majority of respondents, however, agreed or strongly agreed with Statement B.

Page 38: Data Visualization & Information Design: One Learner's Perspective

OK, love the visuals (slides are fun to design now) but I do want the audience to see some of the information in print.

So, I’ll just print all these slides, 3 up

with the lines next to them, right?

Like this!

Page 39: Data Visualization & Information Design: One Learner's Perspective

WRONG!!!

Page 40: Data Visualization & Information Design: One Learner's Perspective

Prepare handouts for lengthier text you want the audience to read later. Distribute these after the presentation.

Page 41: Data Visualization & Information Design: One Learner's Perspective

So, about that data visualization?

I just usually create something like these:

Page 42: Data Visualization & Information Design: One Learner's Perspective

NOT!!!

Page 43: Data Visualization & Information Design: One Learner's Perspective

I’m a learner, remember?

Page 44: Data Visualization & Information Design: One Learner's Perspective

I’m a learner, remember?

I’m learning simple skills with basic software.  

Page 45: Data Visualization & Information Design: One Learner's Perspective

I’m a learner, remember?

I’m learning simple skills with basic software.  

Here’s what I’ve learned about some of the basics:  

Page 46: Data Visualization & Information Design: One Learner's Perspective

I’m a learner, remember?

I’m learning simple skills with basic software.  

Here’s what I’ve learned about some of the basics:  

Page 47: Data Visualization & Information Design: One Learner's Perspective

DEFAULT GRAPHS ARE SO 2010!

#  of  Men,ons  

0  

50  

100  

150  

200  

250  

Category  1  Category  2  

Category  3  Category  4  

Category  5  Category  6  

Category  7  

210  

110  100   100  

80  70  

60  

Number  of  Men=ons  of  Each  of  the  7  Categories  on  the  Professional  Development  Survey  

#  of  Men,ons  

Would YOU have known this pyramid = 210? I wouldn’t have!

Boring title = Junk!

Unnecessary gridlines = Junk!

Unnecessary legend = Junk!

Unnecessary axis labels = Junk!

3D shapes you can’t accurately interpret = Junk!

Page 48: Data Visualization & Information Design: One Learner's Perspective

210  

110  100   100  

80  70  

60  

Category  1   Category  2   Category  3   Category  4   Category  5   Category  6   Category  7  

Category  1  received  the  most  men=ons  by  survey  respondents.  

NOW WE’RE TALKIN’ MODERN!

LOOK MA, NO CHARTJUNK!

Page 49: Data Visualization & Information Design: One Learner's Perspective

PIE IS PASSÉ!

210  

110  

100  

100  

80  

70  

60  

#  of  Men=ons  

Category  1  

Category  2  

Category  3  

Category  4  

Category  5  

Category  6  

Category  7  

Do these look the same size to you?

AND LEAVES US WITH A BAD TASTE.

Default colors are to graphs as

avocado green and goldenrod

are to appliances.

Page 50: Data Visualization & Information Design: One Learner's Perspective

Us Guys 35%

Them Guys 46%

The Other Guys 19%

Nearly half of the participants were them guys.

BUT, LIKE BANANA CREAM OR PECAN…

…PIE IS FINE IN MODERATION AND WHEN YOU HAVE JUST A FEW SLICES.

Page 51: Data Visualization & Information Design: One Learner's Perspective

TOO MUCH TO TAKE?

Page 52: Data Visualization & Information Design: One Learner's Perspective

No worries. Help is on the way!

Check out my list of teachers. You can learn from them too.

Page 53: Data Visualization & Information Design: One Learner's Perspective

And as for me? Ancora imparo…

Page 54: Data Visualization & Information Design: One Learner's Perspective

THANKS TO MY TEACHERS!

EDWARD  TUFTE  NANCY  DUARTE  GARR  REYNOLDS  

STEPHEN  FEW  ALBERTO  CAIRO  

NATHAN  YAU  DAVID  MCCANDLESS  

HANS  ROSLING  SUSAN  J.  KISTLER  

STEPHANIE  EVERGREEN  ANN  K.  EMERY  

DAVID  SHELLARD  JON  SCHWABISH  

…AND  MANY  OTHERS    

THESE ARE SOME OF THE INNOVATIVE AND TALENTED FOLKS TO WHOM I AM DEEPLY INDEBTED FOR THEIR CONTRIBUTIONS TO THE FIELDS OF DATA VISUALIZATION, INFORMATION DESIGN, AND PRESENTATIONS, AND SPECIFICALLY TO MY LEARNING.

Page 55: Data Visualization & Information Design: One Learner's Perspective

Image credits via Flickr

Thanks to:

Lif… John Ayo akrabat geojanitor Harkko Jonas Tana Roberto Verzo Claremont Colleges Digital Library Kevin dooley roujo MartinaYach Alex.ragone Cgfaulkner 1950sunlimited Phil.d Austin Kleon Mkandlez Lauren Manning Hey Christine Davidcoxon Leonard John Matthews Ann Davis Colemama Certified su Melissa Maples Rutger de Moddertukker mischiru John Ayo Gwynn Michael DQMountaingirl Dsselof Rosefirerising Johncpiercy St. Boniface’s Catholic College, Plymouth Dcysurfer WarmSleepy

   

Page 56: Data Visualization & Information Design: One Learner's Perspective

Sheila B Robinson