visualizing information

VISUALIZING INFORMATION

These are the slides of my talk at #multimania

2013

HI, I AM ANDRIES - @dretio

Check the crab.

50%40%

10%

Who I amWhy I believeLessons learned

PART 1 : WHY I BELIEVE

Some interactive video in the

background. I removed it to

keep this snappy.

MY MOM

How did my mother manage to learn complex

stuff to her students?

She used visualizations & narrative techniques. I

still like the “nude virgins dancing in the

moonlight” slide.

I hear and I forget.I see and I remember.I do and I understand.

C!"#$ci$%

My mom’s lab results : I think it’s very sad & she doesn’t understand a **

Federal government sites : very sad

Some modern interfaces : very sad

So I started my own company.

CO-FOUNDER BITS OF LOVE,A VISUALIZATION STUDIO

And another one..

second screen

TV show

TV studio

InteractionAesthetics NarrativeData

Basics of a good interactive visualization

NOTHING NEWSame basics

DRIVERS : OPEN DATA

DRIVERS : PERSONAL DATA

DRIVERS : JOURNALISM

A good example :http://

elections.nytimes.com/2012/results/president/

scenarios

“JOURNALISM” :)Bad example

See your visualizations as a tool.A tool to perform tasks.A tool to communicate.

A&'e() C*i(!A good mentor

John Snow : used visualizations to communicate his medical research

Florence Nightingale : used visualizations for her plea to better

hygiene

‘70s protests

‘80s protests

modern protest : http://

drones.pitchinteractive.com/

PART 2 : SOME TIPS

#1 “STRUCTURED” DATADatasets always contain hidden

problems.

YOUR NEW BEST FRIENDExperts can learn to interpret the data

correctly

BASIC CONTEXT

Famous funny example

MORE CONTEXT

#2 IT’S A LONG ROAD

An overview how we created http://

s3.infografiek.lab.vrt.be/federaal

An overview how we created http://

s3.infografiek.lab.vrt.be/federaal

An overview how we created http://

s3.infografiek.lab.vrt.be/federaal

USE MORE CIRCLES

Circle porn is very hard to tackle

An overview how we created http://

s3.infografiek.lab.vrt.be/federaal

An overview how we created http://

s3.infografiek.lab.vrt.be/federaal

An overview how we created http://

s3.infografiek.lab.vrt.be/federaal

An overview how we created http://

s3.infografiek.lab.vrt.be/federaal

An overview how we created http://

s3.infografiek.lab.vrt.be/federaal

An overview how we created http://

s3.infografiek.lab.vrt.be/federaal

An overview how we created http://

s3.infografiek.lab.vrt.be/federaal

#3 PROTOTYPE

“I need to feel the interaction constantly”J!"*+*" H*,i%

#4 MAKE THE RIGHT BEST CHOICE

Don’t do “info porn”. Use simple & clear graphs when

possible.

AREA’S ARE HARD TO READ

#5 RESPECT MATH

Some warnings to designers

#6 RESPECT STATISTICSDifference between “average”, “mode”

and “median”

#7 INTERACTION FOR IMPACT

Great example : http://www.nytimes.com/

interactive/2012/02/13/us/politics/2013-budget-proposal-

#8 LEARN FROM OTHER MEDIA

GAMES

DOCUS

Great docu example :http://

nederlandvanboven.vpro.nl/afleveringen/

overzicht.html

MOVIES

Moneyball

SCIFI

Star Trek

SCIFI

Great book

THE WORLD

Red stripes = red cars = female drivers?

THE WORLD

HOPE

I hope my mom’s lab results will look better

in the future

ANDRIES@BITSOFLOVE.BE

@DRETIO

Contact us if you want to work in this field or want us to help you

out.