visualizing information
DESCRIPTION
My slides from #multimania 2013TRANSCRIPT
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
@DRETIO
Contact us if you want to work in this field or want us to help you
out.