Presentació Utilitzada en la III Edició del Taller de visualització de dades de l'AQuAS

1. INICIATIVA BARCELONA OPEN DATA
EL VALOR D’OBRIR LES DADES
Nous formats visuals i
narrativa multimedia
Docents:
Sandra Lomas @sandralomas
Maria Cortés @macortesj

2. OBJECTIU DEL TALLER
Al final del taller la sessió sereu capaços de:
• Entendre el paradigma actual de relats basats en dades.
• Conèixer l’Open Data.
• Distingir els aspectes fonamentals per a la creació del relat corporatiu.
• Analitzar eines per a la narrativa multimèdia.
Facultar als participants per crear narrativa visual basada en dades

3. UN MÓN VISUAL I EN MULTIFORMATS
El cervell té 2 meitats diferenciades:
hemisferi dret i esquerre.
Les funcions del llenguatge estan
localitzades a l’hemisferi esquerre, i és per
aquest motiu que durant molt temps s’ha
considerat que aquest era l’hemisferi
dominant.
Als anys 50 i 60, el neurocientífic i Premi
Nobel Roger W. Sperry va concloure que el
cervell utilitza 2 tipologies de pensament
diferents.
Cervell verbal vs cervell visual
Verbal
Lògic
Analític
Seqüencial
Visual
Creatiu
Perceptiu
Simultani
La transferència d’informació entre els
dos hemisferis és constant.

4. UN MÓN VISUAL I EN MULTIFORMATS
El potencial de la comunicacio visual

5. EL SENTIT DE LA VISTA
Determinats estímuls sensorials desencadenen una cascada de fluxos
bioquímics, neuroquímics o hormonals, que determinen actituds i accions.
Els humans processem i reaccionem de manera immediata a allò que veiem. Concretament, el
còrtex visual és capaç de processar 3 bilions de punts d’informació de manera simultània.
L’ull humà és doncs, absolutament sensible al detall i és capaç de re-focalitzar objectes a
diferents distàncies o processar els objectes de manera diferent segons els colors.
La meitat del cervell humà, segons ha descobert la neurologia, està implicada en la visió.
La posició bípeda eleva la importància d’aquest sentit que contribueix a la supervivència del
gènere humà en els espais oberts.

6. EL SENTIT DE LA VISTA

7. EL TRIOMF DE LA MENT SIMBÒLICA
La història de la narrativa visual neix a les cavernes i viatja a través del temps pels jeroglífics de l’antic
Egipte, la pintura eclesiàstica a l’Edat Mitjana, els diaris de camp renaixentistes, els llibres il·lustrats,
les novel·les gràfiques, la publicitat i el graffiti fins arribar als nostres dies.
Actualment, el llenguatge visual s’ha fet omnipresent en el nostre dia a dia i utilitza com a suport
comunicatiu tot tipus de formats.
Les nostres comunicacions són cada vegada més visuals: els emojis són els nous jeroglífics.

8. EL PENSAMENT VISUAL
El pensament visual (visual thinking) és un terme encunyat als anys 70 pel psicòleg Rudolf Arheim
en una teoria en què nega la dicotomia entre la visió i el pensament i proposa que tot pensament
és de naturalesa perceptual.
La percepció no és una funció de categoria inferior al raonament, sinó que és EL MITJÀ que
permet l’estructuració/construcció d’idees i llenguatge.
Unes dècades més tard, autors com Dan Roam i Sunni Brown han apropat el pensament visual al
públic general i han demostrat que el pensament visual és aplicable a qualsevol àrea de
coneixement relacionada amb l’empresa i les organitzacions.

9. INICIS LLUNYANS....
Aquest relat visual de la invasió de l’exèrcit de Napoleó a Rússia
(1812) de Charles Joseph Minard es considera un dels millors
gràfics estadístics mai creats.
Mitjançant una narrativa pròpia s’hi presenten desplaçaments,
temperatures, baixes, tropes, batalles, hidrografia de la regió…

10. L’ERA DE LES DADES
S’espera que les dades i la seva analítica esdevinguin una catarsi en el si
de les organitzacions
Internet ha significat un creixement exponencial de la quantitat de dades que persones i negocis generen i distribueixen.

11. DE LES DADES A LA INFORMACIÓ I AL CONEIXEMENT
DADES
Les dades són el material cru a
partir de les quals se’n deriva la
informació i el coneixement.
Localitzacions, imatges,
temperatures, preus i qualsevol
altre indicador, per exemple sobre
llocs de vacances.
INFORMACIÓ
Les dades són informació si es presenten en un
context.
D’aquesta manera, si agrupem i mostrem
conjuntament les dades sobre localitzacions,
imatges, temperatures i preus podem comparar
llocs on anar de vacances.
CONEIXEMENT
Personalitzar la informació d’acord
amb els requeriments i les
necessitats personals ofereix
coneixement.
El coneixement es presenta amb la
presa de decisions informades.
Si sabem que no ens agrada la
platja, analitzarem la informació
sobre els llocs on anar de
vacances obviant aquestes
localitzacions.

12. L’ERA DE LES DADES
Les dades crues poden explicar-nos sobre els estils de vida i els nostres comportaments com mai abans.
Les dades esdevenen la font principal per a la presa de decisions en el nostre món.
Fer factible aquesta realitat requereix dels elements
següents:
• Competències en analítica i tractament de
dades. El data science és el màxim exponent
d’aquest nou perfil professional.
• Competències en narrativa de dades. El
poder de les dades s’eleva quan aquestes
esdevenen una història.

13. ESTUDI DE CAS: NATIONAL HEALTH SERVICE (UK)
prescribing analytics
Data story – l’estalvi de £200m al NHS
Mastadon C, amb la col·laboració de l’Open Data
Institute, identificà que si es prescriuen
medicaments genèrics d’igual seguretat i efectivitat
que els de marca, el Nathional Health Service
(NHS) només en un any estalviaria £200m.
Els resultats van sorgir de l’anàlisi de 37 milions de
dades de fileres d’estatina prescrites arreu
d’Anglaterra.
Podeu explorar més sobre aquest cas a:
www.prescribinganalytics.com

14. ESTUDI DE CAS: NATIONAL HEALTH SERVICE (UK)
prescribing analytics
Per aconseguir un impacte en el pensament o la
manera d’actuar de la ciutadania, aquestes troballes
han de ser comunicades amb efectivitat.

15. ELS QUATRE ESTADIS DEL DATA STORYTELLING
Mirko Lorenz
1. Recopilar dades
2. Filtrar i analitzar dades
3. Visualitzar dades
4. Fer una història

16. ELS QUATRE ESTADIS DEL DATA STORYTELLING
RECOPILAR DADES
Open Data
Les dades obertes són dades a les quals qualsevol pot
accedir, usar i compartir per sigui quina sigui
l’actuació o activitat.
Perquè les dades obertes esdevinguin útils s’han de
posar a disposició en un format no restringit i
compatible per a la seva computació.
Les dades són obertes quan els humans les podem
entendre i les màquines poden tractar-les.

17. QUÈ FA QUE LES DADES SIGUIN OBERTES?
Sobre els límits
•No s’ha de prevenir sobre el seu ús.
•No s’ha de limitar l’ús en cap sentit.
•Qualsevol ha de poder usar lliurement, modificar i compartir fins i tot
per finalitats comercials.
Sobre el cost
•L’ús de les dades obertes ha de ser gratuït, però això no implica que
també en sigui el seu accés.
•Pot haver-hi un cost per a la creació, el manteniment i la publicació de
dades obertes útils.
•En qualsevol cas, el cost per accedir a les dades obertes ha de ser
raonable i correspondre al cost per oferir les dades amb els requisits
sol·licitats.Sobre la reutilització
•Quan les dades es posen a disposició, els usuaris són lliures
d’utilitzar, reutilitzar i redistribuir les dades per a qualsevol finalitat.
•Les dades obertes és mesuren pels usos derivats que se’n poden fer.
•Aspectes com el format, l’estructura i la capacitat de computació fan
les dades més útils.

18. LES 5 ESTRELLES DE TIM BERNERS – LEE
★ publicar les dades a la Web (en qualsevol format) amb una llicència oberta
★★ publicar les dades estructurades (ex: en Excel en lloc d’una imatge amb les dades)
★★★ publicar dades utilitzant formats no propietaris (ex:: CSV en lloc d’Excel
★★★★ utilitzar URIs par apuntar a coses, de manera que es puguin apuntar directament
★★★★
★
enllaçar les dades amb altres dades

19. QUÈ CAL TENIR EN COMPTE QUAN CERQUEM
CONJUNTS DE DADES?
Estructura
Saber com està estructurat.
Forats
Detectar els forats en la
cadena de dades.
Model
Que sigui un conjunt de dades
basat en un model compartit.
Actualització
Conèixer els
períodes de
publicació i la
cadena de
continuïtat.
Geolocalització
Situar en un entorn les
dades i plantejar la seva
disponibilitat en temps
real.
Metadades
Identificar les dades que
donen sentit i significat
profund al conjunt.

20. PORTALS DE DADES OBERTES
Agrupadors:
http://datos.gob.es
http://bit.ly/fiwarelabdades
https://www.europeandataportal.eu/en/providing-data
Catalunya:
http://dadesobertes.gencat.cat/ca/
http://dadesobertes.diba.cat
Món local:
http://opendata.bcn.cat/opendata/ca
https://gavaobert.gavaciutat.cat
http://www.paeria.cat/opendata/ca/index.asp
Comissió Europea:
https://data.europa.eu/euodp/en/data
Banc Mundial:
http://databank.worldbank.org/data/home.aspx
Ámbit sanitari:
http://observatorisalut.gencat.cat/ca/central_de_resultats/
https://sede.msssi.gob.es/datosabiertos/home.htm
https://dadesobertes.grupsagessa.com

21. PRODUCTES BASATS EN DADES OBERTES

22. MÉS ENLLÀ DE L’OPEN DATA

23. MÉS ENLLÀ DE L’OPEN DATA

24. UN MÓN VISUAL I EN MULTIFORMATS
Per aconseguir un bon posicionament i notorietat
convé tenir un discurs que atregui i impliqui
l’audiència a través de continguts creatius,
curiosos i didàctics que aportin valor. Avui dia,
però, això cada cop és més complicat. Mai abans
el nostre cervell havia estat exposat a una
quantitat tan gran d’informació i impactes.
Aquesta sobrecarrega d’informació, o infoxicació,
fa la que nostra capacitat d’atenció s’hagi vist
reduïda.
Explosió del contingut visual i interactiu

25. UN MÓN VISUAL I EN MULTIFORMATS
Acostumem a recordar només el 10% del que
escoltem, el 20% del que llegim però fins al 80% del
que veiem i fem.
Els continguts visuals aconsegueixen atreure i
mantenir l’atenció.
Percebre imatges propicia una millora de la retenció
del coneixement a llarg termini i permet la
comprensió d’informació complexa.
El potencial de la comunicació visual
L’espècie humana és eminentment visual
L’espècie humana està molt més preparada per a
processar senyals visuals que no senyals escrits, els
quals han funcionat molt bé durant els darrers
mil·lennis, però no deixen de ser una “invenció”
humana.

26. UN MÓN VISUAL I EN MULTIFORMATS
El potencial de la comunicació visual
Quina és la forma i el canal més útil per a comunicar avui dia? Quins mecanismes
tenim a l’abast per no passar desapercebuts?
La comunicació actual passa per audiovisualitzar-ho tot. Ex. Instagram, Facebook,
Twitter, Snapchat...
En aquest context, l’Administració ha de decidir com cridar l’atenció, com vol
presentar-se i què comunica. Té el repte d’adaptar-se, des de la comunicació
corporativa, als nous dispositius i a les noves expectatives digitals.
➢ No saturar amb excés de dades
➢ Comunicació comprensible
➢ Formats i eines visuals i
interactives

27. UN MÓN VISUAL I EN MULTIFORMATS
Les infografies són atractives, didàctiques i es viralitzen amb facilitat
Si una imatge val més que 1,000 paraules, una bona visualització de dades val que més 1,000
imatges.
Podem veure’n clarament la popularitat a través de l’evolució de les cerques del terme
“infographics” a Google Trends en els darrers anys:
Infografies

28. UN MÓN VISUAL I EN MULTIFORMATS
● Infografia: Combinació d’imatges sintètiques i textos amb la finalitat de comunicar informació
de manera visual per facilitar-ne la transmissió.
● Visualització de dades: Representació gràfica dissenyada per facilitar l’exploració, l’anàlisi o
la comunicació.
QUINES SÓN LES CARACTERÍTIQUES D’UNA BONA VISUALITZACIÓ DE DADES?
Infografies i visualització de dades
•Es basa en dades de qualitat
•Mostra la quantitat necessària de dades
•No decep el lector
•Atreu l’atenció del lector

29. UN MÓN VISUAL I EN MULTIFORMATS
La visualització de dades, un treball d’equip

30. UN MÓN VISUAL I EN MULTIFORMATS
Perfils diferenciats:
• Estratègia: Objectius i indicadors
• Ciència: Estadística y métode científic
• Storytelling: Visualització i narrativa
• Tècnica: Tableau, R, D3

31. UN MÓN VISUAL I EN MULTIFORMATS
Relat visual corporatiu

32. UN MÓN VISUAL I EN MULTIFORMATS
La ment està en contínua interpretació de la realitat.
4 fases per a convertir IDEES en IMATGES, d’acord amb Dan Roam (“Tu mundo en una servilleta”):
MIRAR: Observem la realitat i la informació visual que ens envolta i recopilem i seleccionem els diferents
elements. La ment fa una avaluació inicial: Què hi ha? Molta /poca informació? Què hi falta? Hi ha dades poc
clares?
VEURE: Identifiquem les relacions entre els elements i les pautes de comportament en el propi context
Conec aquesta informació? Reconec algun patró? Què puc aprofitar?
IMAGINAR: Pensem en situacions similars i descobrim noves pautes de relació, establint connexions
mentals i imaginant nous escenaris.
Hi ha maneres més adequades de reorganitzar els patrons que veig? Puc manipular el patró perquè es faci
visible l’invisible?
Entendre és percebre patrons https://vimeo.com/34182381
MOSTRAR: Comuniquem als altres aquest nou escenari, el nostre pensament, sintetitzat en imatges. És el
millor marc visual per donar claredat a la informació de partida.
Quina és la millor manera de representar la meva idea? Quin marc visual és el més apropiat?
Relat visual corporatiu

33. UN MÓN VISUAL I EN MULTIFORMATS
Relat visual corporatiu
1. Mostra sense explicar. Si podem fer-ho visible, no cal que ho expliquem.
2. Les primeres impressions ho són tot. El cervell està programat per a tenir impressions
ràpides, instintives basades en els valors, coneixement i creences preconcebudes. En l’
àmbit digital una primera impressió ha de ser ràpida. Cal invertir esforços en la primera
imatge/seqüència que veu l’usuari.
3. Donar moviment al relat. No únicament vídeos o gifs animats. Una imatge fixa també
pot mostrar moviment segons la perspectiva dels angles. Sense moviment, el cervell
visual s’avorreix de seguida.
4. Estructura piramidal. Tota narrativa té un inici, un desenvolupament i un desenllaç. Qui,
Què, On? Perquè, Com? Clímax. Com més dades conté el relat, més important és l’ús
d’una narrativa per fer arribar el missatge.
5. Conflicte. Sense conflicte o obstacles a superar no hi ha relat. Hem d’explicar per què
les dades que mostrem són rellevants.

34. UN MÓN VISUAL I EN MULTIFORMATS
Relat visual corporatiu
6. Ens agraden les persones/humanitat. Com afecten les dades que presentem a les
persones? Cal que empatitzem més.
7. Ensenyem a l’audiència. Fem pensar els usuaris. El contingut visual és un dels principals
mètodes didàctics utilitzats tradicionalment.
8. Elements que cridin l’atenció. Les imatges efectives estimulen tots els sentits.
9. Mantinguem el focus. L’element més important és el missatge. Convé no perdre’s en els
detalls.
10. La norma de Hitchcock. La mida d’un objecte ha de ser proporcional a la rellevància
que té en el relat.

35. UN MÓN VISUAL I EN MULTIFORMATS
Llenguatge visual

36. UN MÓN VISUAL I EN MULTIFORMATS
Llenguatge visual

37. UN MÓN VISUAL I EN MULTIFORMATS
Llenguatge visual
• opacitat
• Organit-zació visual
• elements
• patrons
• formats
• tipografia
• llegibilitat

38. UN MÓN VISUAL I EN MULTIFORMATS
Llenguatge visual

39. UN MÓN VISUAL I EN MULTIFORMATS
Llenguatge visual

40. UN MÓN VISUAL I EN MULTIFORMATS
Recursos de capçalera
The Data Visualization Catalogue. Cerca per funció i tipus de representació gràfica + eines
associades a cadascuna

41. UN MÓN VISUAL I EN MULTIFORMATS
Recursos de capçalera
DataViz Tools. Eines i recursos per a la visualització de dades

42. UN MÓN VISUAL I EN MULTIFORMATS
Recursos de capçalera
Our World in Data. Visualització de dades i recerca científica que mostra l’evolució del nivell
de vida a escala global

43. UN MÓN VISUAL I EN MULTIFORMATS
Recursos de capçalera
Information is beautiful

44. UN MÓN VISUAL I EN MULTIFORMATS
Recursos de capçalera
WTF Visualizations. Recull de males pràctiques

45. BONES PRÀCTIQUES
Infografies. Enfermeria Creativa

46. BONES PRÀCTIQUES
Infografies. Enfermeria Creativa

47. BONES PRÀCTIQUES
Infografies. Enfermería creativa

48. BONES PRÀCTIQUES
Infografies. TERMCAT

49. BONES PRÀCTIQUES
Gifografies

50. BONES PRÀCTIQUES
Gifografies
Representació gràfica del procés de
circulació al cor.
Gif animatInfografia vintage sobre el cos humà.
Versió animada

51. BONES PRÀCTIQUES
Infografies d'AENOR "Las
Normas en nuestras vidas"
Hospital
Consulta mèdica
Càncer mama
30 espècies en perill d’exinció
simulant origami. Informació
tècnica + efectes visuals
ERCcOMICS, projecte creatiu que
explota el poder de la narració
visual, els còmics, per innovar la
manera com es comunica la
ciència europea

52. BONES PRÀCTIQUES
Imatges interactives (Thinglink)

53. BONES PRÀCTIQUES
Relats immersius amb efecte parallax (Adobe Spark)

54. BONES PRÀCTIQUES
Targetes interactives (Playbuzz)
Fitxes giratòries interactives sobre l’ús de plantes medicinals

55. BONES PRÀCTIQUES
Cronologies (Timeline.js)

56. BONES PRÀCTIQUES
Mapes interactius
Storymap.js
Odyssey (CartoDB)
Maps.me

57. BONES PRÀCTIQUES
Imatges 360º (Round.me)

58. BONES PRÀCTIQUES
Núvols de paraules (Wordclouds)

59. BONES PRÀCTIQUES
Formularis i tests (Typeform)

60. BONES PRÀCTIQUES
Vídeos
Canal de Youtube sobre difusió científica de la Universitat Rovira i Virgili: 'Ciència en 1 minut'

61. BONES PRÀCTIQUES
Vídeos

62. BONES PRÀCTIQUES
Vídeos

63. BONES PRÀCTIQUES
Vídeos: subtitulats i animats (Adobe Premier, Videoscribe)

64. BONES PRÀCTIQUES
Infoexperiències. Domestic Data Streamers
“A quina edat voldries morir-te?”
• Canviant la forma de presentar la informació canviem la percepció que la gent en té.
• El que fa que una informació trascendenxi no és la informació en si mateixa, sinó la
manera en què l’hem explicat.

65. BONES PRÀCTIQUES

66. BONES PRÀCTIQUES

67. BONES PRÀCTIQUES
Visualització de les causes mort per franges d'edat dels ciutadans dels EUA

68. BONES PRÀCTIQUES
Medi ambient

69. BONES PRÀCTIQUES
Medi ambient

70. EINES: infografies

71. EINES: gràfics
Datawrapper

72. EINES: disseny

73. EINES: icones

74. EINES: gifs
Eines (pràctica):

75. EINES: colors
Permet saber el codi hexadecimal
(HEX) exacte dels colors d’una imatge
per a reutilitzar-lo.
Permet explorar altres paletes
Gama de colors d’un web concret. Via
URL

76. OBJECTIU DEL TALLER
Ara sou capaços de:
• Entendre el paradigma actual de relats basats en dades.
• Conèixer l’Open Data.
• Distingir els aspectes fonamentals per a la creació del relat corporatiu.
• Analitzar eines per a la narrativa multimèdia.
Facultar als participants per crear narrativa visual basada en dades