SlideShare une entreprise Scribd logo
1  sur  68
Télécharger pour lire hors ligne
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 am
Why I believe
Lessons 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.
Confucius
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
TVstudio
InteractionAesthetics NarrativeData
Basics of a good
interactive visualization
NOTHING NEW
Same 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.
Alberto Cairo
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.pitchinteract
ive.com/
PART 2 : SOME TIPS
#1 “STRUCTURED” DATA
Datasets always
contain hidden
problems.
YOUR NEW BEST FRIEND
Experts 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”
Jonathan Harris
#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 STATISTICS Difference 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.vpr
o.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.

Contenu connexe

Tendances

Ten reasons to love Web 2.0
Ten reasons to love Web 2.0Ten reasons to love Web 2.0
Ten reasons to love Web 2.0
Cal Henderson
 
Collaborative Technology in Libraries
Collaborative Technology in LibrariesCollaborative Technology in Libraries
Collaborative Technology in Libraries
David King
 
Building a Culture of Truth
Building a Culture of TruthBuilding a Culture of Truth
Building a Culture of Truth
Jamie Notter
 
A Path for Presentations
A Path for Presentations A Path for Presentations
A Path for Presentations
Emory Maiden
 

Tendances (19)

Social Networking Tools Session One
Social Networking Tools   Session OneSocial Networking Tools   Session One
Social Networking Tools Session One
 
Ten reasons to love Web 2.0
Ten reasons to love Web 2.0Ten reasons to love Web 2.0
Ten reasons to love Web 2.0
 
Web 2.0 Summit Flickr
Web 2.0 Summit FlickrWeb 2.0 Summit Flickr
Web 2.0 Summit Flickr
 
Top ten slide tips- Corinne Murray
Top ten slide tips- Corinne MurrayTop ten slide tips- Corinne Murray
Top ten slide tips- Corinne Murray
 
What’s in this Cookbook? - Mike Fiedler
What’s in this Cookbook? - Mike FiedlerWhat’s in this Cookbook? - Mike Fiedler
What’s in this Cookbook? - Mike Fiedler
 
Agile Gurugram 2016 | Conference | The Creative Networker | Jurgen Appelo
Agile Gurugram 2016 | Conference | The Creative Networker | Jurgen AppeloAgile Gurugram 2016 | Conference | The Creative Networker | Jurgen Appelo
Agile Gurugram 2016 | Conference | The Creative Networker | Jurgen Appelo
 
Collaborative Technology in Libraries
Collaborative Technology in LibrariesCollaborative Technology in Libraries
Collaborative Technology in Libraries
 
In the palm of the customer - mobile marketing & social media
In the palm of the customer - mobile marketing & social mediaIn the palm of the customer - mobile marketing & social media
In the palm of the customer - mobile marketing & social media
 
DIY sourcing tools evolve 2017 balazs paroczay thebalazs
DIY sourcing tools evolve 2017 balazs paroczay thebalazsDIY sourcing tools evolve 2017 balazs paroczay thebalazs
DIY sourcing tools evolve 2017 balazs paroczay thebalazs
 
EVO2019 Escape room ELT week 1
EVO2019 Escape room ELT week 1EVO2019 Escape room ELT week 1
EVO2019 Escape room ELT week 1
 
Building a Culture of Truth
Building a Culture of TruthBuilding a Culture of Truth
Building a Culture of Truth
 
Facebook UI Evolution
Facebook UI EvolutionFacebook UI Evolution
Facebook UI Evolution
 
15 Web Design Trends for 2013
15 Web Design Trends for 201315 Web Design Trends for 2013
15 Web Design Trends for 2013
 
Matthew Gomez PPP
Matthew Gomez PPPMatthew Gomez PPP
Matthew Gomez PPP
 
Oow 2008 Final
Oow 2008 FinalOow 2008 Final
Oow 2008 Final
 
A Path for Presentations
A Path for Presentations A Path for Presentations
A Path for Presentations
 
Community engagement through social networking
Community engagement through social networkingCommunity engagement through social networking
Community engagement through social networking
 
Frilansverktøykasse (praktiske tips for budsjettering og prosjektstyring)
Frilansverktøykasse (praktiske tips for budsjettering og prosjektstyring)Frilansverktøykasse (praktiske tips for budsjettering og prosjektstyring)
Frilansverktøykasse (praktiske tips for budsjettering og prosjektstyring)
 
Hvordan spre innholdet fra en Wordpress nettside eller blogg gratis til så ma...
Hvordan spre innholdet fra en Wordpress nettside eller blogg gratis til så ma...Hvordan spre innholdet fra en Wordpress nettside eller blogg gratis til så ma...
Hvordan spre innholdet fra en Wordpress nettside eller blogg gratis til så ma...
 

En vedette

En vedette (6)

Presentatie Apps for Ghent
Presentatie Apps for GhentPresentatie Apps for Ghent
Presentatie Apps for Ghent
 
Kadee app - Bits of Love
Kadee app - Bits of LoveKadee app - Bits of Love
Kadee app - Bits of Love
 
Datavisualisation & Stories
Datavisualisation & StoriesDatavisualisation & Stories
Datavisualisation & Stories
 
Fietskadee
FietskadeeFietskadee
Fietskadee
 
What's Next in Growth? 2016
What's Next in Growth? 2016What's Next in Growth? 2016
What's Next in Growth? 2016
 
The Outcome Economy
The Outcome EconomyThe Outcome Economy
The Outcome Economy
 

Similaire à Visualizing information

Webquest
Webquest Webquest
Webquest
LS76
 
Fmp proposal 2021 incomplete
Fmp proposal 2021 incompleteFmp proposal 2021 incomplete
Fmp proposal 2021 incomplete
BaileyFurman
 
Power Up Your PLN Revised
Power Up Your PLN RevisedPower Up Your PLN Revised
Power Up Your PLN Revised
Jennifer Dorman
 
Shorter Version of BbWorld 09 Forensics Presentation
Shorter Version of BbWorld 09 Forensics PresentationShorter Version of BbWorld 09 Forensics Presentation
Shorter Version of BbWorld 09 Forensics Presentation
Steve Feldman
 

Similaire à Visualizing information (20)

Hacking For Innovation
Hacking For InnovationHacking For Innovation
Hacking For Innovation
 
10 Years In The Hole: A Possibly Cautionary Tale About Being A Higher Ed Web ...
10 Years In The Hole: A Possibly Cautionary Tale About Being A Higher Ed Web ...10 Years In The Hole: A Possibly Cautionary Tale About Being A Higher Ed Web ...
10 Years In The Hole: A Possibly Cautionary Tale About Being A Higher Ed Web ...
 
Fmp proposal 2020 1
Fmp proposal 2020 1Fmp proposal 2020 1
Fmp proposal 2020 1
 
Fmp proposal 2020 1
Fmp proposal 2020 1Fmp proposal 2020 1
Fmp proposal 2020 1
 
Nonprofit Data: What to Visualize
Nonprofit Data: What to VisualizeNonprofit Data: What to Visualize
Nonprofit Data: What to Visualize
 
Webquest
Webquest Webquest
Webquest
 
Technologies
TechnologiesTechnologies
Technologies
 
Fmp proposal 2021 incomplete
Fmp proposal 2021 incompleteFmp proposal 2021 incomplete
Fmp proposal 2021 incomplete
 
Hacking For Innovation Delhi
Hacking For Innovation DelhiHacking For Innovation Delhi
Hacking For Innovation Delhi
 
Power Up Your PLN Revised
Power Up Your PLN RevisedPower Up Your PLN Revised
Power Up Your PLN Revised
 
MyMiniMaxiLoveLife
MyMiniMaxiLoveLifeMyMiniMaxiLoveLife
MyMiniMaxiLoveLife
 
Things to use, find and share
Things to use, find and shareThings to use, find and share
Things to use, find and share
 
Digital tools for visual literacy and to flip the class
Digital tools for visual literacy and  to flip the classDigital tools for visual literacy and  to flip the class
Digital tools for visual literacy and to flip the class
 
Even Naming This Talk Is Hard
Even Naming This Talk Is HardEven Naming This Talk Is Hard
Even Naming This Talk Is Hard
 
Georgia Tech Hack Day
Georgia Tech Hack DayGeorgia Tech Hack Day
Georgia Tech Hack Day
 
Shorter Version of BbWorld 09 Forensics Presentation
Shorter Version of BbWorld 09 Forensics PresentationShorter Version of BbWorld 09 Forensics Presentation
Shorter Version of BbWorld 09 Forensics Presentation
 
The Business Of Open Source
The Business Of Open SourceThe Business Of Open Source
The Business Of Open Source
 
The Heart of Data Modeling: The Best Data Modeler is a Lazy Data Modeler
The Heart of Data Modeling: The Best Data Modeler is a Lazy Data ModelerThe Heart of Data Modeling: The Best Data Modeler is a Lazy Data Modeler
The Heart of Data Modeling: The Best Data Modeler is a Lazy Data Modeler
 
Connect Now Lead Gen+Community
Connect Now Lead Gen+CommunityConnect Now Lead Gen+Community
Connect Now Lead Gen+Community
 
Technology to Personalize Learning for Gifted Kids
Technology to Personalize Learning for Gifted KidsTechnology to Personalize Learning for Gifted Kids
Technology to Personalize Learning for Gifted Kids
 

Dernier

The basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptxThe basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptx
heathfieldcps1
 
Neurulation and the formation of the neural tube
Neurulation and the formation of the neural tubeNeurulation and the formation of the neural tube
Neurulation and the formation of the neural tube
SaadHumayun7
 
ppt your views.ppt your views of your college in your eyes
ppt your views.ppt your views of your college in your eyesppt your views.ppt your views of your college in your eyes
ppt your views.ppt your views of your college in your eyes
ashishpaul799
 
IATP How-to Foreign Travel May 2024.pdff
IATP How-to Foreign Travel May 2024.pdffIATP How-to Foreign Travel May 2024.pdff
IATP How-to Foreign Travel May 2024.pdff
17thcssbs2
 

Dernier (20)

Features of Video Calls in the Discuss Module in Odoo 17
Features of Video Calls in the Discuss Module in Odoo 17Features of Video Calls in the Discuss Module in Odoo 17
Features of Video Calls in the Discuss Module in Odoo 17
 
UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...
UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...
UNIT – IV_PCI Complaints: Complaints and evaluation of complaints, Handling o...
 
Matatag-Curriculum and the 21st Century Skills Presentation.pptx
Matatag-Curriculum and the 21st Century Skills Presentation.pptxMatatag-Curriculum and the 21st Century Skills Presentation.pptx
Matatag-Curriculum and the 21st Century Skills Presentation.pptx
 
Danh sách HSG Bộ môn cấp trường - Cấp THPT.pdf
Danh sách HSG Bộ môn cấp trường - Cấp THPT.pdfDanh sách HSG Bộ môn cấp trường - Cấp THPT.pdf
Danh sách HSG Bộ môn cấp trường - Cấp THPT.pdf
 
Championnat de France de Tennis de table/
Championnat de France de Tennis de table/Championnat de France de Tennis de table/
Championnat de France de Tennis de table/
 
Essential Safety precautions during monsoon season
Essential Safety precautions during monsoon seasonEssential Safety precautions during monsoon season
Essential Safety precautions during monsoon season
 
INU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdf
INU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdfINU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdf
INU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdf
 
How to Manage Notification Preferences in the Odoo 17
How to Manage Notification Preferences in the Odoo 17How to Manage Notification Preferences in the Odoo 17
How to Manage Notification Preferences in the Odoo 17
 
The Benefits and Challenges of Open Educational Resources
The Benefits and Challenges of Open Educational ResourcesThe Benefits and Challenges of Open Educational Resources
The Benefits and Challenges of Open Educational Resources
 
“O BEIJO” EM ARTE .
“O BEIJO” EM ARTE                       .“O BEIJO” EM ARTE                       .
“O BEIJO” EM ARTE .
 
The basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptxThe basics of sentences session 4pptx.pptx
The basics of sentences session 4pptx.pptx
 
Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45
Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45
Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45
 
Neurulation and the formation of the neural tube
Neurulation and the formation of the neural tubeNeurulation and the formation of the neural tube
Neurulation and the formation of the neural tube
 
....................Muslim-Law notes.pdf
....................Muslim-Law notes.pdf....................Muslim-Law notes.pdf
....................Muslim-Law notes.pdf
 
ppt your views.ppt your views of your college in your eyes
ppt your views.ppt your views of your college in your eyesppt your views.ppt your views of your college in your eyes
ppt your views.ppt your views of your college in your eyes
 
How to the fix Attribute Error in odoo 17
How to the fix Attribute Error in odoo 17How to the fix Attribute Error in odoo 17
How to the fix Attribute Error in odoo 17
 
IATP How-to Foreign Travel May 2024.pdff
IATP How-to Foreign Travel May 2024.pdffIATP How-to Foreign Travel May 2024.pdff
IATP How-to Foreign Travel May 2024.pdff
 
The Ultimate Guide to Social Media Marketing in 2024.pdf
The Ultimate Guide to Social Media Marketing in 2024.pdfThe Ultimate Guide to Social Media Marketing in 2024.pdf
The Ultimate Guide to Social Media Marketing in 2024.pdf
 
Telling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdf
Telling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdfTelling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdf
Telling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdf
 
2024_Student Session 2_ Set Plan Preparation.pptx
2024_Student Session 2_ Set Plan Preparation.pptx2024_Student Session 2_ Set Plan Preparation.pptx
2024_Student Session 2_ Set Plan Preparation.pptx
 

Visualizing information