El Arte Funcional Alberto Cairo 2011

EL ARTE FUNCIONAL infografía y visualización de información www.elartefuncional.com 1

Copyright: Alberto Cairo 2011

2008 http:// elections.nytimes.com/

www.elartefuncional.com

2011 Twitter: @albertocairo


an infographic is a tool: an aid to understanding a means to answer questions

http:// elections.nytimes.com/


Twitter: @albertocairo










Why so many journalists and designers don’t understand what infographics are





Fernando Baptista http:// http:// elections.nytimes.com/ elections.nytimes.com/


7





8



Is it really art?



9



Here’s what comes to my mind when I think about art



10



The Virgin of the Rocks



11



OK, that was ART, but then, what is this?



12



Leonardo’s Notebooks


13




What are the differences among them?



14



Art can be subjective, it can help artists to express their feelings. It can be beautiful just for the sake of being beautiful. Scientific illustration (one of the disciplines infographics are based on) must be precise, technical, objective, reliable. There must be a correspondence between reality and its representation. http:// elections.nytimes.com/


15



Infographics = Functional art



16



Infographics = information engineering We arrange data so they form visual patterns that can be easily and quickly grasped by the reader’s eye-brain system



17



Infographics = information engineering We arrange data so they form visual patterns that can be easily and quickly grasped by the reader’s eye-brain system We create visual tools that readers can use to explore the data that is presented to them and discover truths we journalists may not be even aware of when we are designing the display http:// elections.nytimes.com/


18





19





20





21



The form should be restrained by the function To choose the best graphic form think first about what task or tasks your graphic PART should1 facilitate


22



Main steps on any infographics project 1. Define the focus, the story 2. Do some preliminary research 3. Choose graphic forms according to 1. 4. Sketches and storyboards; structure the information 5. Complete the research and write the copy 6. Create the graphics, maps and diagrams 7. Put it all together


23

http: Twitter: @albertocairo elections.nyti


The form should be restrained by the function To choose the best graphic form think first about what task or tasks your graphic PART should1 facilitate


24



PART 1


25




26



If I tell you that the first circle represents 80 billion... www.elartefuncional.com

27



If I tell you that the first bar represents 80 billion...


28




29



Same with graphics Graphic forms to represent a data set should be PART 1 chosen according to the intended tasks, to the questions the graphic should help answering


30




31



PROBLEMS 1. It is difficult to successfully compare the numbers (is Brazil’s army much larger than Colombia’s?). 2.Variables are not visually related. Is there a correlation between population and military expenses? Brazil is the most powerful country in absolute terms but, what is the most powerful one in relative terms? 3. Should the map be the key visual element of the graphic? www.elartefuncional.com

32




33




34




35




36




37




38




39




40




41




42



Sometimes, just one graphic form is not enough. You need to represent the data set with different PART 1 shapes to allow different answers


43



http://revistaepoca.globo.com/Revista/Epoca/0,,EMI238256-17445,00.html www.elartefuncional.com

44



Above all, don’t lie


45



an introduction


46



an introduction


47



an introduction


48




49




50




51




52




53



Problem is, sometimes you lie even if you don’t want to...


54



Is the Web really dying?

Graphic: Wired


55



Is the Web really dying?

Graphic: BoingBoing


56



The importance of specialization an introduction


57



Alberto (Research, planning, statistical charts, cartography) (Intern) (Research, planning) Vergotti (Design, Art) Gerson (3D, Illustration) Salomão (Design, iPad) Rodrigo (Research , Illustration, Design) David (Online design, video) an introduction Pedro (3D, motion graphics, video) Gerardo (Web design, programming, databases) Erik (Programming, databases) www.elartefuncional.com

58



The Wave


59




60




61




62




63




64




65




66



The most important lessons:

Think about information and structure first Think about aesthetics afterwards Never distort the data to make the graphic beautiful an introduction


67


EL ARTE FUNCIONAL infografía y visualización de información

[email protected] Twitter - @albertocairo

www.elartefuncional.com www.visualopolis.com 68

El Arte Funcional Alberto Cairo 2011

Recommend Documents