Information Visualization - Invited Lecture - Webdesign II - FBAUL

2
Estudante do doutoramento em
Media Digitais do programa UT
Austin | Portugal Digital e faço
investigação em Information
Visualization e storytelling, mais
especificamente em formas
visuais de storytelling. O meu
objectivo é identificar as melhores
estratégias para incorporar
elementos narrativos nas
visualizações e descobrir quais os
elementos que podem dar a
sensação de storytelling nas
visualizations. Sou licenciada em
Ciências da Comunicação e tenho
um mestrado em Novos Media e
Práticas Web.
Mais sobre mim em:
http://rethinkingvis.com/
http://twitter.com/afigueiras
mail@anafigueiras.com
SOBRE
Ana Figueiras
Information visualization by Ana Figueiras

COMUNICAÇÃO?
É possivel estudar-se Infovis em Ciências Sociais? SIM
Mas Information visualization não é design? NÃO, a menos que vejam
design como Herbert Simon (1988) - "Everyone designs who devises
courses of action aimed at changing existing situations into
preferred ones."
"The term Information visualization refers to computer-supported
interactive graphical representations of information" (Card et al.,
1999b; C. Chen, 2010).
"Showing the stories in data through statistics, design,
aesthetics, and code” - Definição de visualization do Flowing Data.
Simon, Herbert A. "The science of design: creating the artificial." Design Issues (1988): 67-82.
Card, Stuart K., Jock D. Mackinlay, and Ben Shneiderman. Readings in information visualization: using vision to think. Morgan Kaufmann, 1999.
Chen, Chaomei. "Information visualization." Wiley Interdisciplinary Reviews: Computational Statistics 2.4 (2010): 387-403.
3Information visualization by Ana Figueiras

O QUE É INFOVIS?
Não há consenso sobre os muitos nomes utilizados em visualização.
Information visualization, data visualization, infographics e outros
termos são frequentemente utilizados indistintamente e a confusão é
geralmente estendida para as suas definições, que muitas vezes se
sobrepõem.
Na maioria das vezes a Information visualization é considerado como
sendo um termo genérico que abrange vários outros subtipos de
visualização.
Artisticvis
Hurricane Noel
Ambientvis
Mondrian bus schedule
Scivis
NASA’s El Nino impact visualization
Visual analytics
Statistical Analysis Software

QUEM FAZ INFOVIS?
Alberto Cairo
Journalism
University of Miami
Mike Bostock
Computer Science
D3
David McCandless
English
Information is Beautiful
Nathan Yau
Statistics
FlowingData
Robert Kosara
Computer Science
Tableau Software
Fernanda Viégas
Design
Google
Martin Wattenberg
Mathematics
Google
Cole Nussbaumer
Mathematics
Storytelling with data
Andy Kirk
Operational Research
Visualising data
Edward Tufte
Statistics
Visualization guru

VISUAL STORYTELLING
Na minha investigação, eu parto da premissa levantada pela Carte
figurative des pertes successives en hommes de l'Armée Française
dans la campagne de Russie 1812-1813 de Charles Minard, de que as
visualizações são capazes de contar histórias, e exploro que
estratégias podem ser utilizadas para as introduzir nas visualizações.
Essas estratégias vão
desde a adição de
pequenos artigos/histórias
ou elementos narrativos
utilizando anotações ou
metáforas como o tempo
para introduzir a sensação
de storytelling ou sensação
do fluxo da narrativa, a
estratégias mais
complexas como a
gamification.

CONTRIBUIÇÕES
● Tipologia de visualizações:
● Chart/Diagram; Drawing; Game; Map; Model; Photograph; Poster;
Sequential Graphic; Slide Show; Tag Cloud; Video/Animation.
● http://rethinkingvis.com/
● Taxonomia de interacções:
● Filtering; Selecting; Abstract/Elaborate; Overview and Explore;
Connect/Relate; Reconfigure; Encode; History; Extraction of
features; Participation/Collaboration; Gamification.
● Estratégias que promovem a sensação de narrativa:
● Interactivity and its relation with context; Empathy; The relation
between time and narrative; Gamification as a way of storytelling.

TYPOLOGY
200 visualizations 11 types or genres of
data visualization
● Narrative elements
– Accompanying article, Annotations, Audio narration,
Captions, External link, Introductory text, Text, Title, and
Video narration.
● Reading/viewing order
– Linear; user-directed path.
● Visual elements
– Animation, Area chart, Bar chart, Bubble chart, Doughnut
chart, Exploded view, Flowchart, Graph, Heat map,
Histogram, Illustration (previously named Drawing), Line
chart, Logo, Map, Model, Network diagram, Photograph,
Pictogram, Pie chart, Pyramid, Scale, Scatter plot, Size
representing quantity, Speech balloon, Sunburst chart,
Table, Tag cloud, Timeline, Tool tip, Tree diagram,
Treemap, Venn diagram, Video, Wheel and Zoom.
● Interactive elements
– Click details, Click highlight, Combo box, Drag objects,
Filtering, Gamification (previously named Game
Mechanics), Hover details, Hover highlight, Input box,
Link to external article, Link to the raw data, Navigation
buttons, Object react to mouse movement, Player
controls, Scroll activated animations, Scroll bar, Search,
Slider, User contribution and Zoom.
Sequential
Graphic
Drawing
Slide Show Video/Animation
Chart/Diagram Photograph
Map Poster
Tag Cloud Game
Model

TYPOLOGY
As categorias foram escolhidas de acordo com os elementos que são
mais proeminentes e que influenciam mais a interacção que o
utilizador tem com a visualização. Estes géneros variam
principalmente em termos de elementos visuais e elementos de
interactividade e não são mutuamente exclusivas, sendo possível
combinar géneros para classificar visualizações mais complexas.

RETHINKING VISUALIZATION

TAXONOMY
Filtering Only show me the data in which I am interested
Selecting Mark or track items in which I am interested
Abstract/Elaborate Adjust the level of abstraction of the data
Overview and Explore Overview first, zoom and filter, then details-on-
demand
Connect/Relate Show me how this data is related
Reconfigure Give me a different arrangement of the data
Encode Give me a different representation of the data
History Allow me to retrace the steps I take in the
exploration of the data
Extraction of features Allow me to extract data in which I am interested
Participation/Collaborat
ion
Allow me to contribute to the data
Gamification Show me the data in a more playful way

TAXONOMY
FILTERING
Only show me the data in which I am interested

FILTERING
13Information visualization by Ana FigueirasBloomberg Billionaires

TAXONOMY
SELECTING
Mark or track items in which I am interested

SELECTING
15Information visualization by Ana FigueirasStrikeouts on the Rise

TAXONOMY
ABSTRACT/ELABORATE
Adjust the level of abstraction of the data

ABSTRACT/ELABORATE
17Information visualization by Ana FigueirasD3 Treemap + Death Penalty in the US
Zooming: Overview of the treemap Zooming: After click on the light green area
Details-on-demand: Tool tip with
extra information shows up on click
Linking: Links allow the user to
access extra information

TAXONOMY
OVERVIEW AND EXPLORE
Overview first, zoom and filter, then details-on-demand

OVERVIEW AND EXPLORE
19Information visualization by Ana FigueirasConnected China
Overview Explore

TAXONOMY
CONNECT/RELATE
Show me how this data is related

CONNECT/RELATE
21Information visualization by Ana FigueirasThe Clubs That Connect the World Cup

TAXONOMY
RECONFIGURE
Give me a different arrangement of the data

RECONFIGURE
23Information visualization by Ana FigueirasAs the Oscars age, so do the nominees
Age difference of nominees Actual age of nominees

TAXONOMY
ENCODE
Give me a different representation of the data

ENCODE
25Information visualization by Ana FigueirasBloomberg Billionaires
Data encoded on a plot Same data encoded on a map

TAXONOMY
HISTORY
Allow me to retrace the steps I take in the exploration of the data

HISTORY
“Information exploration is inherently a process with many steps, so
keeping the history of actions and allowing users to retrace their steps
is important” Shneiderman (1996).
Shneiderman, Ben. "The eyes have it: A task by data type taxonomy for information visualizations." Visual Languages, 1996. Proceedings.,
IEEE Symposium on. IEEE, 1996.
Ao darmos aos utilizadores a
possibilidade de fazer e desfazer
as suas acções permite-lhes não
só recuperar de erros na
exploração de dados, mas
também para refinar
progressivamente a exploração.
Em 1996 Shneiderman disse que
esta era uma das técnica
interacção mais ignorada em
infovis e continua a ser.

TAXONOMY
EXTRACTION OF FEATURES
Allow me to extract data in which I am interested

EXTRACTION OF FEATURES
29Information visualization by Ana FigueirasBoundary Changes

TAXONOMY
GAMIFICATION
Show me the data in a more playful way

GAMIFICATION
31Information visualization by Ana FigueirasGauging Your Distraction

TAXONOMY
PARTICIPATION/COLLABORATION
Allow me to contribute to the data

33Information visualization by Ana FigueirasHome and Away

Participation/collaboration são tendências relativamente novas em
infovis, apesar de não o serem em muitas outras áreas dentro da
computação. Constroem-se sobre a crescente vontade de dar aos
utilizadores mais poder em relação aos conteúdos que consomem e
têm por base a cultura participativa. Este neologismo, explorado pela
primeira vez por Henry Jenkins, opõe-se à cultura de consumo,
transformando o utilizador num produser (Bruns, 2008), que não só
participa como consumidor, mas também contribui para o conteúdo
que consome, moldando-o às suas necessidades. A cultura
participativa começou como um fenómeno alternativo, muitas vezes
vista como uma subcultura paralela, no entanto, é “anything but
fringe or underground today” (Jenkins, 2006, p. 2) e é abraçada pela
maioria das instituições, da educação até aos media e à publicidade.
Cresceu a partir dos blogs, fóruns e listas de discussão e é agora um
recurso integrado em diferentes domínios, e a infovis é um deles.
Jenkins, Henry. Fans, bloggers, and gamers: Exploring participatory culture. nyu Press, 2006.

Na investigação em infovis, esta inclusão da cultura participativa é
chamada de participação ou colaboração. Em geral os dois termos
convergem para a mesma definição, mas também são utilizados para
caracterizar tipos de interacção ligeiramente diferentes. As definições
mais comuns centram-se no facto de existir mais do que uma pessoa
a contribuir para a interpretação/compreensão da visualização,
partilhando as suas percepções e estando geralmente separadas
geograficamente (Isenberg et al., 2011; Raje et al., 1998). Um conceito
que normalmente acompanha estas definições é o conceito de social
data analysis (SDA), que, de acordo com Wattenberg (2005), diz
respeito à interação social em torno da análise de dados.
Isenberg, Petra, et al. "Collaborative visualization: definition, challenges, and research agenda." Information Visualization 10.4 (2011): 310-
326.
Raje, Rajeev R., Michael Boyles, and Shiaofen Fang. "CEV: collaborative environment for visualization using Java RMI." Concurrency - Practice
and Experience 10.11-13 (1998): 1079-1085.
Wattenberg, Martin. "Baby names, visualization, and social data analysis." Information Visualization, 2005. INFOVIS 2005. IEEE Symposium on.
IEEE, 2005.

Mas a participation/collaboration não é apenas social data analysis.
Participation/collaboration também pode ter um impacto maior sobre
a própria visualização. Por exemplo, a visualização da CNN Home and
Away: Iraq and Afghanistan War Casualties que mapeia os soldados
que morreram nas guerras no Afeganistão e Iraque, permite que os
utilizadores adicionem informações sobre cada soldado. Utilizando o
iReport, a ferramenta de jornalismo cidadão da CNN que permite aos
utilizadores contribuirem com fotos e vídeos de notícias, os
utilizadores podem adicionar memórias e mensagens sobre um
determinado soldado que conhecem. O facto das contribuições dos
utilizadores funcionarem como uma adição ao dataset e não insights
sobre os dados como um todo ou sobre a representação visual, faz
com que este tipo de contribuição seja diferente. Este tipo de
participation/collaboration torna-se parte da própria visualização,
moldando-a de uma forma permanente com alterações nos dados que
serão visíveis a outros utilizadores.

Perguntas?
Ana Figueiras
mail@anafigueiras.com
http://rethinkingvis.com/

Information Visualization - Invited Lecture - Webdesign II - FBAUL

Mais conteúdo relacionado

Destaque

Semelhante a Information Visualization - Invited Lecture - Webdesign II - FBAUL

Information Visualization - Invited Lecture - Webdesign II - FBAUL