How to envision a grammar of multimedia and online writing through online community and data visualization

1. Visual reporting and information design
From multimedia
to data visualization
2011, Sep 29th
Clément Renaud Institute of Journalism
@clemsos Fudan University, Shanghai

2. 视觉报道和信息设计：
从多媒体到数据可视化
Clément Renaud 2011年9月29日
@clemsos @复旦新媒体研究基地

3. About
+ What is multimedia?
+ What is online writing?
+ What is data visualization?
+ How to use data visualization?

4. Multimedia

5. Online Writing
How to use multimedia?

6. Reporting
- Facts
- Impressions
- Analysis
- Bias
Hunter S. Thompson
Fear and Loathing in Las Vegas

7. How to report
a car race
with multimedia?

8. Use each media efficiently
Which media
to say what ?

9. Use each media efficiently
Video > meet/show people (interview)

10. Use each media efficiently
Video > meet/show people (interview)
Photo > record an instant

11. Use each media efficiently
Video > meet/show people (interview)
Photo > record an instant
Sound > restitute an ambiance

12. Use each media efficiently
Video > meet/show people (interview)
Photo > record an instant
Sound > restitute an ambiance
Text > provide analysis

13. And also
Maps > Places Tags > Topics
etc...

14. Towards a grammar
of multimedia writing...

15. Towards a grammar
of multimedia writing...
... but what about
the reading ?

16. 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 information
People forward info to their friends (mail, SNS...)

17. 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/

18. 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.

19. A blogger is a person

20. Different layers
Personal
Readers and writers

21. Different layers
Public Media, Agencies, Institutions
Personal
Readers and writers

22. Different layers
Public Mass media, Agencies, Institutions
Social
Personal
Readers and writers

23. Different layers
Public Mass media, Agencies, Institutions
Social
Personal
Readers and writers

24. Explore the 3 layers
Public
Social
Personal User cases, text analysis

25. Explore the 3 layers
Public Media study, content strategy
Social
Personal User cases, text analysis, survey

26. Explore the 3 layers
Public Media study, content strategy
Social ?
Personal User cases, text analysis, survey

27. Explore the social layer
Social
High complexity
Mostly made by interactions
Available data

28. Explore the social layer
Data
visualization
Social
High complexity
Mostly made by interactions
Available data

29. Data visualization?
What for?

30. Tell a story

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

32. Analyse a fact

33. Aaron Koblin
http://www.aaronkoblin.com/work/flightpatterns/

34. Public information

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

36. Journalism / Report

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

38. Everything YOU want...

39. “But i am not a coder.”

40. Visualization without tools

41. Vuvox.com
http://www.clemsos.com/blog

42. Many
Eyes

43. Any computer code is simplier
than any human language.

44. Any computer code is simplier
than any human language.
So everyone can learn it !

45. That’s all folks !

46. Thanks !
www.clemsos.com/blog
@clemsos