infographics of the perfect goal (cidi 2013)
DESCRIPTION
Demonstration of how a dynamic and complex event, a soccer game, can be represented in various ways, and how they can emphasize or diminish the importance of particular aspects of the event. To view the video of the presentation at CIDI 2013: hpps://vimeo.com/75741438TRANSCRIPT
Análise de representações gráficas de um evento dinâmico complexo: gol de futebol
José Marconi Bezerra de Souza (PhD.) Universidade Tecnológica Federal do Paraná
Analysis of graphic representa?ons of a dynamic and complex event: the soccer goal
Ricardo Cunha Lima (MSc.) Escola Superior de Desenho Industrial / UERJ
Representa?on of dynamic events Demonstra@on of how a dynamic and complex event, a soccer game, can be represented in various ways, And how these can emphasize or diminish the importance of par@cular aspects of the event.
To view the video of the presenta?on at CIDI 2013: hGps://vimeo.com/75741438
The “perfect”goal • Elected by the Associa@on of Football Sta@s@cians
4th goal for Brazil in the finals of the 1970’s World Cup • 8 players • Dribbling, 6 @mes • 9 passes • 1 aVempt to steal the ball • 1 kick for the goal
Summary
1. Infographics 2. Granurality 3. Mo@on proper@es 4. Types of representa@on 5. Design process 6. Final considera@ons
1. Infographics
Journalis?c infographics (LIMA, 2009)
Graphic feature that uses verbal, schematic and pictorial graphic language (cumulatively or alternatively), aimed primarily at explaining some phenomenon.
Jornal 24horas Carlos Monteiro Ricardo Santos
Modes of symboliza?on (TWYMAN, 1979)
Verbal/numeric Pictorial Schema?c
WriVen text Figura@ve and abstract Marks that are not words, numbers or pictures
• Tipography • WriGen text • LeGering, etc.
• Figura?ve drawings • Abstract pain?ngs • Photography, etc.
• Diagrams • Geometric forms • Graphs, ect.
Text as diagram (Rob Waller, 1985)
The reading strategy can be developed in a non-linear fashion, so that the reader is not forced to follow a linear reading path in a plain text.
Linear text Non-‐linear text
It differs from traditional iconography by the possibility to behave as the main source of information on the page.
Ilustração Gabriel Silveira Projeto gráfico Diego Sanches Texto Luiz Fujita
2. Granurality
Granularity (SOUZA, 2008) How many pictures represent a dynamic event?
20 21 22 23
20 21
20 23
3. Mo?on proper?es
!
Trajectory is the imaginary path that traces a moving body through space
Displacement refers to the distance between an object and its original position, that is, the change in position of the object in a given space
Direc?on is the path taken by an object moving relative to the point at which it is moving
Movement (SOUZA, 2008)
Direc?on
Trajectory
Displacement
5. Representa?on types
4. Types of representa?on
!
Types of respresenta?ons
Pictorial graphic representa@on may be more or less literal or more or less figura?ve .
Graphic metaphor (RICHARDS, 1984) (ENGELHARDT, 2002) (LIMA, 2009) (McCLOUD, 1995)
!
Verbal
Jorge Curi, Rádio Globo, México, 21 de junho de 1970
!
Schema?c
Schema?c
!
!
Pictoric
Verbal and pictoric
Verbal and pictoric
Graphic conven@ons for soccer goals infographics by the brazilian designers Gepp and Maia :
!
Gepp e Maia
Arrows to guide the narra@ve; Colors and symbolic forms to differen@ate the seman@cs of the teams; Dynamic pictorial representa?ons that suggest the specific movements of players; Delimi?ng the space of the football field from the perspec@ve of the observer of the scene; Verbal descrip?on of the scene
Verbal, schema?c and pictoric
5. Design process
!!
Work methodology in daily newspapers
!
Graphic conven?ons of “Gol da Rodada”
Graphic conven?ons of “Gol da Rodada”
Graphic conven?ons of “Gol da Rodada” Agents of the ac?on Players from both teams and the goal keeper
Varie?es of ac?on (player)
Seman?cs of the arrow Displacement of the ball
Displacement of the player
6. Final considera?ons
Final considera?ons
Choosing the moment of the goal: individual or team ac@on; Pictorial representa?ons: player iden@fica@on and the intent of their movements, enriching the seman@c poten@al;
Reduc?on details: Focus on the analy@cal, tac@cal and proac@ve character of the play, ac@on and speed is represented by symbols of future ac@ons.
Bibliography LIMA, Ricardo Cunha. Análise da infografia jornalís@ca. 2009. 143 f. Dissertação (Mestrado em Design) – ESDI/UERJ, Rio de Janeiro, 2009. MADDEN, M. 99 Ways to Tell a Story. London, UK. Jonathan Cape. 2006. 208 p. McCLOUD, ScoV. Desvendando os quadrinhos. São Paulo: M. Books. 1995. October Films; Associa@on of Football Sta@s@cians. THE WORLD CUP WONDER GOAL OF ALL TIME. “Five” em 7 de junho de 2006. QUENEAU, R. Exercícios de es@lo. Rio de Janeiro, Brasil: Imago. 1995. 184 p. RICHARDS, Clive. 2000. Gesng the picture: diagram design and the informa@on revolu@on. Informa@on Design Journal, v.9, n.2/3: 87-‐110. SOUZA, J. M. B. Towards the op?miza?on of soVware instruc?onal demonstra?ons – The effects of visual representa@ons of opera@onal informa@on and interac@on on users’ performance and judgments. Tese (PhD) – Department of Typography & Graphic Communica@on, University of Reading, 2008. ______; DYSON, M. Are animated demonstra@ons the clearest and most comfortable way to communicate on-‐screen instruc@ons? In: Informa?on Design Journal. Vol. 16. 2008. p. 107-‐124. ______; LIMA, Ricardo Cunha. O design de gráficos auxiliares na representação de movimento para fins instrucionais. In: 9o Congresso Brasileiro de Pesquisa e Desenvlvimento em Design 2010, 2010, São Paulo. Anais do 9o Congresso Brasileiro de Pesquisa e Desenvlvimento em Design 2010. São Paulo: Blucher, 2010. p. 583-‐595. 9. TUFTE, Edward. Beau@ful Evidence. Graphics Press, 2006. TWYMAN, Michael. A Schema for the Study of Graphic Language. KOLERS, P.A. & WROSTAD, M.E. & BOUMA, H. (Eds.), In: The Processing of Visible Language, vol. 1, Plenum, New York, pp. 117– 150. 1979. ______ Using pictorial language: a discussion of the dimensions of the problem. In T. M. Duyy and R. Waller (eds.) Designing usable texts. Orlando, Florida: Academic Press, p. 245-‐312. 1985. Textos publicados na internet TERAMATSU, Edson Kazushigue. 2008. Didi, Gepp & Maia e os arquivos do Porto. In: Infogol!: futebol e infografia. <hVp://www.infogol.com.br/>, 20/5/2013.
Thank you!