Visual reporting and information design

From multimedia to data visualization

Institute of JournalismFudan University, Shanghai

2011, Sep 29thClément Renaud@clemsos

视觉报道和信息设计：

从多媒体到数据可视化

@复旦新媒体研究基地2011年9月29日Clément Renaud

@clemsos

About+ What is multimedia?

+ What is online writing?

+ What is data visualization?

+ How to use data visualization?

Multimedia

Online Writing

How to use multimedia?

Reporting

Hunter S. Thompson Fear and Loathing in Las Vegas

- Facts

- Impressions

- Analysis

- Bias

How to report a car race

with multimedia?

Use each media efficiently

Which media to say what ?

Use each media efficiently

Video > meet/show people (interview)Video > meet/show people (interview)

Use each media efficiently

Photo > record an instant

Video > meet/show people (interview)

Use each media efficiently

Sound > restitute an ambiance

Photo > record an instant

Video > meet/show people (interview)

Use each media efficiently

Text > provide analysis

Sound > restitute an ambiance

Photo > record an instant

Video > meet/show people (interview)

And also

Maps > Places Tags > Topics

etc...

Towards a grammar of multimedia writing...

... but what about the reading ?

Towards a grammar of multimedia writing...

Readers VS users Traditional media:People read the text, watch the TV, listen to radio etc...People discuss info with their friends

New media:People post comments with new informationPeople forward info to their friends (mail, SNS...)

Online writing The online writer write for people to react

“Yes, I know exactly what you as a group are going to say in the comments below.”

Michael Arrington, founder of TechCrunch

http://techcrunch.com/2010/09/05/blogging-and-mass-psychomanipulation/

Blogging with readers The online writer is also a community manager

As in a forum (BBS), the article is the start of a thread for the people to react.

A blogger is a person

Different layers

PersonalReaders and writers

Different layers

Public

Personal

Media, Agencies, Institutions

Readers and writers

Different layers

Public

Personal

Social

Mass media, Agencies, Institutions

Readers and writers

Different layers

Public

Personal

Social

Mass media, Agencies, Institutions

Readers and writers

Explore the 3 layers

Public

Personal

Social

User cases, text analysis

Explore the 3 layers

Public

Personal

Social

User cases, text analysis, survey

Media study, content strategy

Explore the 3 layers

Public

Personal

Social

User cases, text analysis, survey

Media study, content strategy

?

Explore the social layer

SocialHigh complexityMostly made by interactionsAvailable data

Explore the social layer

SocialHigh complexityMostly made by interactionsAvailable data

Data visualization

Data visualization? What for?

Tell a story

http://www.flickr.com/photos/laurenmanning/

Analyse a fact

Aaron Koblin

http://www.aaronkoblin.com/work/flightpatterns/

Public information

http://www.guardian.co.uk/politics/interactive/2010/nov/19/government-data-interactive-guide

Journalism / Report

http://www.danah.org/projects/IJOC-ArabSpring/

Everything YOU want...

“But i am not a coder.”

Visualization without tools

http://www.clemsos.com/blog

Vuvox.com

ManyEyes

Any computer code is simplier than any human language.

So everyone can learn it !

Any computer code is simplier than any human language.

That’s all folks !

Thanks !

www.clemsos.com/blog@clemsos