Introducció a la Infografia i Visualització UOC Meet

1. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
Infografia i visualització de dades
Roman Ondak “Measuring Universe“
17 Juliol 2013

2. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
QUI SÓC
o Grau universitari en Multimèdia
o Màster universitari en Societat d 'Informació i
el Coneixement
o Formador Infografia i Visualització a
Barcelona Activa
o Consultor docent a la UOC
o Membre Infoexplorers
(Xarxa d'experts en anàlisis de
dades,visualització i xarxes socials)!

3. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
INFOGRAFIA I VISUALITZACIÓ
DE DADES. PRINCIPIS1

4. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
INTERÈS INTERNET

5. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
INTERES LLIBRES

6. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
INTERES DIARIS
Zacks,
J.,
Levy,
E.,
Tversky,
B.,
Schinao,
D.
(2002).
Graphs
in
Print,
DiagrammaBc
RepresentaBon
and
Reasoning,

7. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
SOM VISUALS
Roman Ondak “Measuring Universe“

8. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
PERCEPCIÓ

9. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
PERCEPCIÓ
Font:
hGp://neomam.com/interacBve/13reasons/

10. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
PERCEPCIÓ
Font:
hGp://neomam.com/interacBve/13reasons/

11. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
INFOGRAFIA
Font:
Intel.com

12. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
DEFINIM
INFOGRAFIA
Font:
Wikipedia
és
una
representació
més
visual
que
els
mateixos
textos,
en
la
qual
intervenen
descripcions,
narracions
o
interpretacions,
presentades
de
manera
gràfica
figura)va,
que
poden
o
no
coincidir
amb
grafismes
abstractes
i
/
o
sons.

13. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
QUE
FAN
“Explicar
històries
visualment”
Font
:
Chiqui
Esteban:
Editorial
Designer
(Graphics)
The
Boston
Globe

14. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
VEIEM
Font:
Jaume
Serra.
CLARÍN.

15. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
VISUALITZACIÓ
hGp://wearedata.watchdogs.com/

16. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
VISUALITZACIÓ
Font
:
hGp://hint.fm/wind/

17. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
DEFINIM
“
Mul6disciplina
que
representa
les
dades
transformant-­‐les
en
informació
semàn6ca
a
través
de
mitjans
gràfics,
combinant
la
seva
funcionalitat
i
estè.ca
amb
simplicitat,
i
es6mulant
la
par6cipació
dels
usuaris
“
Visualització
Font
:
taller
VISDA
MosaIc
UOC

18. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
CONCEPTES
Infografia
Vs
Visualització
Font:
El
arte
funcional
:
Alberto
Cairo.
“Alguns
especialistes
marquen
una
frontera
entre
aquestes
dues
disciplines,
basada
en
el
fet
que,
suposadament,
la
infografia
consisteix
a
presentar
informació
per
mitjà
de
gràfics
estadísBcs,
mapes
i
esquemes,
mentre
que
la
visualització
es
basa
en
la
creació
d’eines
visuals
(estàBques
i
interacBves)
que
un
públic
pugui
fer
servir
per
explorar,
analitzar
i
estudiar
conjunts
complexos
de
dades
“
Hi
ha
una
naturalesa
comuna
de
la
infografia
i
la
visualització
ja
que
pertanyen
a
un
mateix
conBnu,
on
els
límits
de
la
qual
són
definits
per
les
paraules
presentació
i
exploració.

19. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
6 RAONS
http://ialcalde.es/13raons
1. Som éssers visuals
2. Infoxicació
3. Són més atractives
4. Comprensió
5. Retenció Lectora
6. Viralitzables

20. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
Font.
ffctn.com
BASES
COGNITIVES
“Les
dades,organitzats
i
empleats
degudament,poden
converBr-­‐se
en
informació.
La
informació,
absorbida,compresa
i
aplicada
per
les
persones,
pot
converBr-­‐se
en
coneixements.
Els
coneixements
aplicats
freqüentment
en
un
camp
poden
converBr-­‐se
en
saviesa,i
la
saviesa
és
la
base
de
l'acció
posiBva”
Michael Cooley:”Architect or Bee?”Hogarth Press,London,UK,1987.

21. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
Font.
ffctn.com
1
BASES
COGNITIVES
Complexitat
Cognitiva
Saviesa
Coneixement
Informació
Dades
•No transmissible
•Aplicació ‘ ètica’ dels coneixements
•Assimilació personal
•Aplicació de la informació
•Estructuració de les dades
• Semàntica
• Narrativa
Registres d'observacions
De
la
Informació
a
la
Saviesa
Font:
Outliers.es

22. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
Font.
ffctn.com
DISCIPLINES

23. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
BASES
Font:
Forbes

24. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
INFOGRAFIA I VISUALITZACIÓ
DE DADES. QUÈ PODEM VEURE?.2

25. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
TENDÉNCIES

26. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
PATRONS
Font:
Aaron
Koblin

27. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
ANOMALIES
Font:
AcBve
users
of
Google+.
Hermes
Project.

28. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
CONEXIONS

29. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
CORRELACIONS
Font:
www.marctomarket.com
-­‐

30. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
COMPARACIONS
hGp://especiales.lainformacion.com/espana/patrimonio-­‐diputados/

31. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
Martin Cajzer's
JERARQUIA
hGp://ialcalde.es/15memoBons
Font:Outliers.es

32. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
LOCALITZACIONS
hGp://voces25s.es/

33. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
PROCESSOS
Font:
MarBn
Cajzer's

34. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
INFOGRAFIA I VISUALITZACIÓ
DE DADES. EXEMPLES3

35. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
DATA ART
hGp://youtu.be/4v4XxlfVk3o

36. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
TURISME
The Geotaggers world Atlas

37. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
Placeholder
POLÍTICA
http://politilines.periscopic.com/
Visualitzar las paraules
utilitzades en els debats de les
primaries del partit Republicà

38. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
INVESTIGACIÓ
Font:
hGp://www.scienBficamerican.com/

39. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
RELIGIÓ
http://www.openbible.info/labs/
Visualitza els sentiments
de diverses parts de la bíblia .

40. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
HISTÒRIA
hGp://evoluBonofweb.appspot.com/

41. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
MÚSICA

42. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
EDUCACIÓ
hGp://www.educaBonworld.com/

43. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
SELF TRACKING
hGp://infostheBcs.com/archives/2011/06/visualizing_1000_nike_runs_in_new_york_city.html
hGp://vimeo.com/24703033

44. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
INFORMES
hGp://2010.tnsdigitallife.com/

45. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
SOCIAL TRACKING
hGp://www.youtube.com/watch?v=PC99Nw2JX8w

46. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
ACTIVISME SOCIAL
hGp://voces25s.es/

47. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
SOCIAL MAPS
hGp://www.pimpampum.net/labs/mapr/?lang=es

48. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
SMART CITIES
hGp://senseable.mit.edu/livesingapore/visualizaBons.html

49. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
SENTIMENT ANÀLISI
hGp://www.wefeelfine.org/

50. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
CITA
Una bona visualització és una peça
d’art que fa visible el que és invisible.

51. Ignasi Alcalde
www.ignasialcalde.es
@ignasialcaldeInfografia i visualització de dades
CONTACTE
Ignasi Alcalde
www.ignasialcalde.es
@ignasialcalde
info@ignasialcalde.es