SlideShare a Scribd company logo
1 of 33
Download to read offline
This is my 10-minute
                               presentation during Apps
                               for Ghent 2012 (dutch)
                               www.appsforghent.be



Hi, ik ben Andries - @dretio
Co-founder ā€œBits of Loveā€, een digitale
studio.


                                          I started showing some
                                          visualisations from our
                                          www.bitsoļ¬‚ove.be studio
Some more visualisations
                                      from
                                      www.smalltownheroes.be,
                                      a second screen for TV
                                      company.




... en ā€œSmall Town Heroesā€.
Wij maken 2nd screens apps voor TV.
Play ā€œconnecting the dotsā€
                                     with your children if you
                                     want them to become
                                     dataviz people ;)




Connecting the dots, my ļ¬rst love.
Reading the stats, my second.



                                Strategy games are the
                                perfect blend of Project
                                Management, Statistics
                                and Visualisations with a
                                strategy sauce on top.
                                Thatā€™s why I love them all.
Stories, my third.



                     These days we forget
                     about the importance of
                     stories and storytelling.
                     Not the marketing lingo,
                     but the real everyday stuļ¬€.
With my limited time,
I skipped some important
topics like : crappy
infographics...




Niet over ... vorm
..The rich history of
                        visualisations..




Niet over ... history
..The physical & psycho
aspects around
visualisations..




Niet over ... psychology
.. and the future of
                                      dataviz. This example is
                                      located on the airport of
                                      ZĆ¼rich and is awesome.

Niet over ... the future of dataviz   Observation Deck B
But.. about using the force wisely
                                     I really want to talk about
                                     powerful visualisations by
                                     means of storytelling &
                                     knowledge of the subject.
In my opinion this
                                    visualisation won gold at
                                    Maloļ¬ej12 because it uses
                                    great story mechanics.




De basis van een goeie visualisatie is een
verhaal & kennis van het onderwerp
How do journalists react
                                   to this ā€œopen data/
                                   sourcesā€ thing?




Wat doe je met 1000 paginaā€™s conļ¬dentiĆ«le
documenten?
Some make a Wordle out
                                      of 1000 pages with great
                                      information, to conclude
                                      the word ā€œREPORTSā€ has
                                      a lot of occurences...




Fastcompany Wikileaks visualisation
Others make great stories
                              like this viz by NYT, based
                              on the same documents




NYT Wikileaks visualisation
Data without context has no meaning. Data needs a background, a narrative that
sucks the user mentally into the world of the data.

Narratives are fundamental in human reasoning and give humans the ability to
assign meaning to their experiences (Laurillard 1998; Dickey 2006). Applications,
whether games or data visualizations, have to incorporate a narrative in order to
reach its full potential. According to Brown and Cairns (2004), it is the narrative
that separates an engagement-application from an immersion-application. The
more immersion the higher amounts of time, eļ¬€ort and attention an user will
invest in the application. By integrating a narrative, or letting the data make up a
story, the user will be much more invested, emotionally and mentally. The
narrative functions as the motor.
                                                                      Here I make the link
                                                                      between games & data
                                                                      visualisations, and the
                                                                      necessity of a narrative to
                                                                      reach ā€œfull potentialā€
Another great example by
                               The Guardian




We moeten verhalen vertellen
We moeten verhalen vertellen
                               Another by NYT
These are very special
                      visualisations you can ļ¬nd
                      in the book ā€œZachte Atlas
                      van Nederlandā€. Itā€™s
                      awesome & full of stories.




Inspiratie : comics
Even when they are fake,
                   movies & ads & arts can
                   help us to create great
                   visualisation stories.




Inspiratie : ads
Warning : do not always
                                    trust designers. This
                                    article in Smashing
                                    Magazine was a bloody
                                    shame. Basic charts are
                                    good!




Vertrouw niet altijd designers :)
Itā€™s a dog in a park - I had
                          some fun here with the
                          audience :)




Heatmap : zee of land ?
Warning : do not always
Vertrouw je ogen niet   trust designers. These
                        guys multiplied the wrong
                        variables in their circles..
Vertrouw je ogen niet   .. with this result.
                        I think we should learn to
                        see these mistakes.
This is the famous
                                           ā€œFacebook break-upsā€
                                           example. I want to show the
                                           importance of ā€œcontextual &
                                           cultural knowledgeā€ for
                                           ļ¬nding stories




De basis van een goeie visualisatie is een verhaal &
kennis van het onderwerp
Now, including the western
                                                holidays scheme.




De basis van een goeie visualisatie is een verhaal &
kennis van het onderwerp
Gebied A                              Gebied B
10% werklozen met een uitkering       30% werklozen met een uitkering




                                                   I ended with an example
                                                   how to manipulate ā€œopen
                                                   dataā€ for a ā€œpolitical agendaā€.
                                                   First we take 1 source to
                                                   show ā€œthe lazy regionā€.

 90%


   70%


   De ā€œactieveā€ bevolking regio Gent - Eeklo
Gebied A                                Gebied B
10% werklozen met een uitkering         30% werklozen met een uitkering
40% uitkeringen van het OCMW            10% uitkering van het OCMW




                                                     As ā€œan expertā€, I know we
                                                     have to look for additional
                                                     data (contextual
                                                     knowledge!). So I added a
                                                     second source to deļ¬ne
                                                     ā€œactive peopleā€, shifting the
 90%                              50%                map.




   70%                            40%


   De ā€œactieveā€ bevolking regio Gent - Eeklo
Gebied A                                Gebied B
10% werklozen met een uitkering         30% werklozen met een uitkering
40% uitkeringen van het OCMW            10% uitkering van het OCMW
10% ouder dan 65 jaar                   60% ouder dan 65 jaar


                                                     Another ā€œexpertā€ adds
                                                     another important fact :
                                                     people > 65 years have
                                                     diļ¬€erent stats.
                                                     This means adding a 3rd
                                                     source for ā€œactiveā€, resulting

 90%                              50%                    40%
                                                     in a 3rd new map.




   70%                            40%                     100%


   De ā€œactieveā€ bevolking regio Gent - Eeklo
data => interpretatie => visualisatie/


                                kennis onderwerp   verhaal
So my message for this
crowd of open data fans
was : try to ļ¬nd stories, and
handle your data with care.
(this slide should be more
complex :)
Laat ons dus zoeken naar :

              Journalisten
               Producers
           Experts in het vak
           Verhalenvertellers

     Die van onze data verhalen maken,
die veel impact hebben op onze samenleving
               I think our Open Data
               community needs more
               storytellers, experts,
               journalists,.. and less ā€œapp
               makersā€ ;)
Tnx !
   andries@bitsoļ¬‚ove.be
                @dretio

     www.bitsoļ¬‚ove.be
www.smalltownheroes.be
References

http://www.niemanlab.org/2011/10/word-clouds-considered-harmful/

http://www.albertoantoniazzi.com/

Belgische voorbeelden : Deredactie.be & DS - Bart De Neve

http://www.guardian.co.uk/world/interactive/2011/mar/22/middle-east-protest-interactive-timeline

http://www.nytimes.com/interactive/2011/08/27/us/preparations-for-hurricane-irene-and-reports-of-
damage.html

http://projects.nytimes.com/guantanamo/

http://www.appsforghent.be

More Related Content

Similar to Datavisualisation & Stories

Sketching user experiences: Getting the design right and the right design
Sketching user experiences: Getting the design right and the right designSketching user experiences: Getting the design right and the right design
Sketching user experiences: Getting the design right and the right design
Merve Aydın
Ā 

Similar to Datavisualisation & Stories (20)

The ABC's of Contemporary Creatives
The ABC's of Contemporary CreativesThe ABC's of Contemporary Creatives
The ABC's of Contemporary Creatives
Ā 
Telling Stories with Data
Telling Stories with DataTelling Stories with Data
Telling Stories with Data
Ā 
Infographics And The Brain
Infographics And The BrainInfographics And The Brain
Infographics And The Brain
Ā 
Sketching user experiences: Getting the design right and the right design
Sketching user experiences: Getting the design right and the right designSketching user experiences: Getting the design right and the right design
Sketching user experiences: Getting the design right and the right design
Ā 
Tell Your Story the Walt Disney World Way: Adding Disney Imagineering to Your...
Tell Your Story the Walt Disney World Way: Adding Disney Imagineering to Your...Tell Your Story the Walt Disney World Way: Adding Disney Imagineering to Your...
Tell Your Story the Walt Disney World Way: Adding Disney Imagineering to Your...
Ā 
16 thoughts on content marketing
16 thoughts on content marketing 16 thoughts on content marketing
16 thoughts on content marketing
Ā 
An Attempt ā€ØTo Define Some Key ā€ØVisual Storytelling Trends That Are Shaping...
An Attempt ā€ØTo Define  Some Key ā€ØVisual Storytelling  Trends That Are Shaping...An Attempt ā€ØTo Define  Some Key ā€ØVisual Storytelling  Trends That Are Shaping...
An Attempt ā€ØTo Define Some Key ā€ØVisual Storytelling Trends That Are Shaping...
Ā 
How To Exhibit: Explanation And Seduction - September2010
How To Exhibit: Explanation And Seduction - September2010How To Exhibit: Explanation And Seduction - September2010
How To Exhibit: Explanation And Seduction - September2010
Ā 
Telling Great Stories With Data
Telling Great Stories With DataTelling Great Stories With Data
Telling Great Stories With Data
Ā 
Presentation design
Presentation designPresentation design
Presentation design
Ā 
Intent & Impact: Thoughts on Persuasion in Visualization
Intent & Impact: Thoughts on Persuasion in VisualizationIntent & Impact: Thoughts on Persuasion in Visualization
Intent & Impact: Thoughts on Persuasion in Visualization
Ā 
Once Upon A Time At The Office: 10 Storytelling Tips To Help You Be More Pers...
Once Upon A Time At The Office: 10 Storytelling Tips To Help You Be More Pers...Once Upon A Time At The Office: 10 Storytelling Tips To Help You Be More Pers...
Once Upon A Time At The Office: 10 Storytelling Tips To Help You Be More Pers...
Ā 
Using Technology to Create Personalized Guest Experiences in Group Environmen...
Using Technology to Create Personalized Guest Experiences in Group Environmen...Using Technology to Create Personalized Guest Experiences in Group Environmen...
Using Technology to Create Personalized Guest Experiences in Group Environmen...
Ā 
FUTURE Perspective #6 Trends Newsletter
FUTURE Perspective #6 Trends NewsletterFUTURE Perspective #6 Trends Newsletter
FUTURE Perspective #6 Trends Newsletter
Ā 
2009 06 few
2009 06 few2009 06 few
2009 06 few
Ā 
A date with data - CIā€™s Great British data visualisation adventure
A date with data - CIā€™s Great British data visualisation adventureA date with data - CIā€™s Great British data visualisation adventure
A date with data - CIā€™s Great British data visualisation adventure
Ā 
Touchpoint 2012 Symposium on Interaction Design: Notes
Touchpoint 2012 Symposium on Interaction Design: NotesTouchpoint 2012 Symposium on Interaction Design: Notes
Touchpoint 2012 Symposium on Interaction Design: Notes
Ā 
The Art and Psychology of Storytelling in B2B
The Art and Psychology of Storytelling in B2BThe Art and Psychology of Storytelling in B2B
The Art and Psychology of Storytelling in B2B
Ā 
Infographics overview e&e 20120608_final
Infographics overview e&e 20120608_finalInfographics overview e&e 20120608_final
Infographics overview e&e 20120608_final
Ā 
Data stories - how to combine the power storytelling with effective data visu...
Data stories - how to combine the power storytelling with effective data visu...Data stories - how to combine the power storytelling with effective data visu...
Data stories - how to combine the power storytelling with effective data visu...
Ā 

Recently uploaded

Call Girls Basavanagudi Just Call šŸ‘— 7737669865 šŸ‘— Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call šŸ‘— 7737669865 šŸ‘— Top Class Call Girl Service ...Call Girls Basavanagudi Just Call šŸ‘— 7737669865 šŸ‘— Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call šŸ‘— 7737669865 šŸ‘— Top Class Call Girl Service ...
amitlee9823
Ā 
Escorts Service Nagavara ā˜Ž 7737669865ā˜Ž Book Your One night Stand (Bangalore)
Escorts Service Nagavara ā˜Ž 7737669865ā˜Ž Book Your One night Stand (Bangalore)Escorts Service Nagavara ā˜Ž 7737669865ā˜Ž Book Your One night Stand (Bangalore)
Escorts Service Nagavara ā˜Ž 7737669865ā˜Ž Book Your One night Stand (Bangalore)
amitlee9823
Ā 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
dollysharma2066
Ā 
HiFi Call Girl Service Delhi Phone ā˜ž 9899900591 ā˜œ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ā˜ž 9899900591 ā˜œ Escorts Service at along wi...HiFi Call Girl Service Delhi Phone ā˜ž 9899900591 ā˜œ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ā˜ž 9899900591 ā˜œ Escorts Service at along wi...
poojakaurpk09
Ā 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
Ā 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
tbatkhuu1
Ā 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
janettecruzeiro1
Ā 
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
SUHANI PANDEY
Ā 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
home
Ā 
infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptxinfant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptx
suhanimunjal27
Ā 
call girls in Dakshinpuri (DELHI) šŸ” >ą¼’9953056974 šŸ” genuine Escort Service šŸ”āœ”ļøāœ”ļø
call girls in Dakshinpuri  (DELHI) šŸ” >ą¼’9953056974 šŸ” genuine Escort Service šŸ”āœ”ļøāœ”ļøcall girls in Dakshinpuri  (DELHI) šŸ” >ą¼’9953056974 šŸ” genuine Escort Service šŸ”āœ”ļøāœ”ļø
call girls in Dakshinpuri (DELHI) šŸ” >ą¼’9953056974 šŸ” genuine Escort Service šŸ”āœ”ļøāœ”ļø
9953056974 Low Rate Call Girls In Saket, Delhi NCR
Ā 
RT Nagar Call Girls Service: šŸ“ 7737669865 šŸ“ High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: šŸ“ 7737669865 šŸ“ High Profile Model Escorts | Bang...RT Nagar Call Girls Service: šŸ“ 7737669865 šŸ“ High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: šŸ“ 7737669865 šŸ“ High Profile Model Escorts | Bang...
amitlee9823
Ā 
Whitefield Call Girls Service: šŸ“ 7737669865 šŸ“ High Profile Model Escorts | Ba...
Whitefield Call Girls Service: šŸ“ 7737669865 šŸ“ High Profile Model Escorts | Ba...Whitefield Call Girls Service: šŸ“ 7737669865 šŸ“ High Profile Model Escorts | Ba...
Whitefield Call Girls Service: šŸ“ 7737669865 šŸ“ High Profile Model Escorts | Ba...
amitlee9823
Ā 

Recently uploaded (20)

Call Girls Basavanagudi Just Call šŸ‘— 7737669865 šŸ‘— Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call šŸ‘— 7737669865 šŸ‘— Top Class Call Girl Service ...Call Girls Basavanagudi Just Call šŸ‘— 7737669865 šŸ‘— Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call šŸ‘— 7737669865 šŸ‘— Top Class Call Girl Service ...
Ā 
Escorts Service Nagavara ā˜Ž 7737669865ā˜Ž Book Your One night Stand (Bangalore)
Escorts Service Nagavara ā˜Ž 7737669865ā˜Ž Book Your One night Stand (Bangalore)Escorts Service Nagavara ā˜Ž 7737669865ā˜Ž Book Your One night Stand (Bangalore)
Escorts Service Nagavara ā˜Ž 7737669865ā˜Ž Book Your One night Stand (Bangalore)
Ā 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Ā 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
Ā 
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
Ā 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
Ā 
HiFi Call Girl Service Delhi Phone ā˜ž 9899900591 ā˜œ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ā˜ž 9899900591 ā˜œ Escorts Service at along wi...HiFi Call Girl Service Delhi Phone ā˜ž 9899900591 ā˜œ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ā˜ž 9899900591 ā˜œ Escorts Service at along wi...
Ā 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Ā 
Top Rated Pune Call Girls Saswad āŸŸ 6297143586 āŸŸ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad āŸŸ 6297143586 āŸŸ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad āŸŸ 6297143586 āŸŸ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad āŸŸ 6297143586 āŸŸ Call Me For Genuine Sex Serv...
Ā 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
Ā 
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the FunnelTapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funnel
Ā 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
Ā 
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
Ā 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Ā 
infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptxinfant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptx
Ā 
call girls in Dakshinpuri (DELHI) šŸ” >ą¼’9953056974 šŸ” genuine Escort Service šŸ”āœ”ļøāœ”ļø
call girls in Dakshinpuri  (DELHI) šŸ” >ą¼’9953056974 šŸ” genuine Escort Service šŸ”āœ”ļøāœ”ļøcall girls in Dakshinpuri  (DELHI) šŸ” >ą¼’9953056974 šŸ” genuine Escort Service šŸ”āœ”ļøāœ”ļø
call girls in Dakshinpuri (DELHI) šŸ” >ą¼’9953056974 šŸ” genuine Escort Service šŸ”āœ”ļøāœ”ļø
Ā 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Ā 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
Ā 
RT Nagar Call Girls Service: šŸ“ 7737669865 šŸ“ High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: šŸ“ 7737669865 šŸ“ High Profile Model Escorts | Bang...RT Nagar Call Girls Service: šŸ“ 7737669865 šŸ“ High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: šŸ“ 7737669865 šŸ“ High Profile Model Escorts | Bang...
Ā 
Whitefield Call Girls Service: šŸ“ 7737669865 šŸ“ High Profile Model Escorts | Ba...
Whitefield Call Girls Service: šŸ“ 7737669865 šŸ“ High Profile Model Escorts | Ba...Whitefield Call Girls Service: šŸ“ 7737669865 šŸ“ High Profile Model Escorts | Ba...
Whitefield Call Girls Service: šŸ“ 7737669865 šŸ“ High Profile Model Escorts | Ba...
Ā 

Datavisualisation & Stories

  • 1. This is my 10-minute presentation during Apps for Ghent 2012 (dutch) www.appsforghent.be Hi, ik ben Andries - @dretio
  • 2. Co-founder ā€œBits of Loveā€, een digitale studio. I started showing some visualisations from our www.bitsoļ¬‚ove.be studio
  • 3. Some more visualisations from www.smalltownheroes.be, a second screen for TV company. ... en ā€œSmall Town Heroesā€. Wij maken 2nd screens apps voor TV.
  • 4. Play ā€œconnecting the dotsā€ with your children if you want them to become dataviz people ;) Connecting the dots, my ļ¬rst love.
  • 5. Reading the stats, my second. Strategy games are the perfect blend of Project Management, Statistics and Visualisations with a strategy sauce on top. Thatā€™s why I love them all.
  • 6. Stories, my third. These days we forget about the importance of stories and storytelling. Not the marketing lingo, but the real everyday stuļ¬€.
  • 7. With my limited time, I skipped some important topics like : crappy infographics... Niet over ... vorm
  • 8. ..The rich history of visualisations.. Niet over ... history
  • 9. ..The physical & psycho aspects around visualisations.. Niet over ... psychology
  • 10. .. and the future of dataviz. This example is located on the airport of ZĆ¼rich and is awesome. Niet over ... the future of dataviz Observation Deck B
  • 11. But.. about using the force wisely I really want to talk about powerful visualisations by means of storytelling & knowledge of the subject.
  • 12. In my opinion this visualisation won gold at Maloļ¬ej12 because it uses great story mechanics. De basis van een goeie visualisatie is een verhaal & kennis van het onderwerp
  • 13. How do journalists react to this ā€œopen data/ sourcesā€ thing? Wat doe je met 1000 paginaā€™s conļ¬dentiĆ«le documenten?
  • 14. Some make a Wordle out of 1000 pages with great information, to conclude the word ā€œREPORTSā€ has a lot of occurences... Fastcompany Wikileaks visualisation
  • 15. Others make great stories like this viz by NYT, based on the same documents NYT Wikileaks visualisation
  • 16. Data without context has no meaning. Data needs a background, a narrative that sucks the user mentally into the world of the data. Narratives are fundamental in human reasoning and give humans the ability to assign meaning to their experiences (Laurillard 1998; Dickey 2006). Applications, whether games or data visualizations, have to incorporate a narrative in order to reach its full potential. According to Brown and Cairns (2004), it is the narrative that separates an engagement-application from an immersion-application. The more immersion the higher amounts of time, eļ¬€ort and attention an user will invest in the application. By integrating a narrative, or letting the data make up a story, the user will be much more invested, emotionally and mentally. The narrative functions as the motor. Here I make the link between games & data visualisations, and the necessity of a narrative to reach ā€œfull potentialā€
  • 17. Another great example by The Guardian We moeten verhalen vertellen
  • 18. We moeten verhalen vertellen Another by NYT
  • 19. These are very special visualisations you can ļ¬nd in the book ā€œZachte Atlas van Nederlandā€. Itā€™s awesome & full of stories. Inspiratie : comics
  • 20. Even when they are fake, movies & ads & arts can help us to create great visualisation stories. Inspiratie : ads
  • 21. Warning : do not always trust designers. This article in Smashing Magazine was a bloody shame. Basic charts are good! Vertrouw niet altijd designers :)
  • 22. Itā€™s a dog in a park - I had some fun here with the audience :) Heatmap : zee of land ?
  • 23. Warning : do not always Vertrouw je ogen niet trust designers. These guys multiplied the wrong variables in their circles..
  • 24. Vertrouw je ogen niet .. with this result. I think we should learn to see these mistakes.
  • 25. This is the famous ā€œFacebook break-upsā€ example. I want to show the importance of ā€œcontextual & cultural knowledgeā€ for ļ¬nding stories De basis van een goeie visualisatie is een verhaal & kennis van het onderwerp
  • 26. Now, including the western holidays scheme. De basis van een goeie visualisatie is een verhaal & kennis van het onderwerp
  • 27. Gebied A Gebied B 10% werklozen met een uitkering 30% werklozen met een uitkering I ended with an example how to manipulate ā€œopen dataā€ for a ā€œpolitical agendaā€. First we take 1 source to show ā€œthe lazy regionā€. 90% 70% De ā€œactieveā€ bevolking regio Gent - Eeklo
  • 28. Gebied A Gebied B 10% werklozen met een uitkering 30% werklozen met een uitkering 40% uitkeringen van het OCMW 10% uitkering van het OCMW As ā€œan expertā€, I know we have to look for additional data (contextual knowledge!). So I added a second source to deļ¬ne ā€œactive peopleā€, shifting the 90% 50% map. 70% 40% De ā€œactieveā€ bevolking regio Gent - Eeklo
  • 29. Gebied A Gebied B 10% werklozen met een uitkering 30% werklozen met een uitkering 40% uitkeringen van het OCMW 10% uitkering van het OCMW 10% ouder dan 65 jaar 60% ouder dan 65 jaar Another ā€œexpertā€ adds another important fact : people > 65 years have diļ¬€erent stats. This means adding a 3rd source for ā€œactiveā€, resulting 90% 50% 40% in a 3rd new map. 70% 40% 100% De ā€œactieveā€ bevolking regio Gent - Eeklo
  • 30. data => interpretatie => visualisatie/ kennis onderwerp verhaal So my message for this crowd of open data fans was : try to ļ¬nd stories, and handle your data with care. (this slide should be more complex :)
  • 31. Laat ons dus zoeken naar : Journalisten Producers Experts in het vak Verhalenvertellers Die van onze data verhalen maken, die veel impact hebben op onze samenleving I think our Open Data community needs more storytellers, experts, journalists,.. and less ā€œapp makersā€ ;)
  • 32. Tnx ! andries@bitsoļ¬‚ove.be @dretio www.bitsoļ¬‚ove.be www.smalltownheroes.be
  • 33. References http://www.niemanlab.org/2011/10/word-clouds-considered-harmful/ http://www.albertoantoniazzi.com/ Belgische voorbeelden : Deredactie.be & DS - Bart De Neve http://www.guardian.co.uk/world/interactive/2011/mar/22/middle-east-protest-interactive-timeline http://www.nytimes.com/interactive/2011/08/27/us/preparations-for-hurricane-irene-and-reports-of- damage.html http://projects.nytimes.com/guantanamo/ http://www.appsforghent.be