cdigital granollers '10: taller representacio grafica
TRANSCRIPT
![Page 1: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/1.jpg)
Tècniques gràfiques per Tècniques gràfiques per millorar la gestió de la millorar la gestió de la informacióinformació
Granollers, 28 de gener de 2010
![Page 2: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/2.jpg)
Abans de començar...Abans de començar...
![Page 3: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/3.jpg)
Abans de començar...Abans de començar...
E
-3,842%
PKY
4,15%
GEV
-3,984%
W
1,692%
WT
3,912%
GZ
1,573%
R
3,679
A
-4,738%
LB
3,94%
CJ
-4,904%
IJ
-0,51%
UM
-3,453%
GZ
0,068%
R
-3,821
KDR
-1,052%
EBZ
-1,71%
MQB
1,354%
VDW
-4,381%
GP
-1,159%
SR
-3,698%
K
3,896
JFW
3,884%
RW
-1,75%
L
0,69%
PT
-3,14%
FRE
1,859%
VF
4,120%
NQP
-4,867
MJ
4,459%
LRFI
-2,11%
JP
-1,921%
VTQ
-0,367%
LKG
4,037%
TAB
-3,912%
RG
-4,439
![Page 4: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/4.jpg)
Abans de començar...Abans de començar...
VF
4,120%
RW
-1,75%
L
0,69%
PT
-3,14%
JFW
3,884%
FRE
1,859%
NQP
4,767
GZ
1,573%
PKY
4,85%
GEV
-3,984%
W
1,692%
E
-3,842%
WT
3,912%
R
3,679
GW
0,068%
LB
3,94%
HS
4,104%
IJ
-0,51%
A
-4,738%
UM
-3,453%
R
-3,821
SR
3,698%
EBZ
-1,71%
MQB
1,354%
VDW
-4,381%
KDR
1,052%
GP
-1,159%
K
3,896
TAB
-3,92%
LRFI
-2,11%
JP
-1,921%
VTQ
-0,367%
MJ
-4,459%
LKG
4,037%
RG
-4,439
![Page 5: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/5.jpg)
Abans de començar...Abans de començar...
![Page 6: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/6.jpg)
Conceptes principalsConceptes principals
Visualització
Formació en la ment de la imatge d'un concepte abstracte
Coneixement obtingut mitjançant l'estudi o l'experiència
Procés d'interiorització del coneixement mitjançant la percepció d'informació
Informació
Visualització d’informació
![Page 7: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/7.jpg)
Conceptes principalsConceptes principals
![Page 8: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/8.jpg)
FinalitatsFinalitats
Transmetre un missatge
Fer comprensibleel coneixement
Revelar els patrons que hi ha darrere les dades
Descobrirel coneixement
![Page 9: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/9.jpg)
AplicacionsAplicacions
![Page 10: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/10.jpg)
Una mirada ràpida a la Una mirada ràpida a la HistòriaHistòria
Mapamundid’Anaximadre550 a. C.
Ramon Llull (1235-1316)
John Napier (1614)
René Descartes (1637)
![Page 11: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/11.jpg)
Un moment important: PlayfairUn moment important: Playfair
William Playfair(1759-1823)
![Page 12: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/12.jpg)
El millor gràfic de la història?: El millor gràfic de la història?: MinardMinard
Charles Minard (1869)
![Page 13: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/13.jpg)
Ref. històriques: S.XIX i XXRef. històriques: S.XIX i XX
Dmitri Mendeleev (1834-1907)
Otto Neurath (1924)
George Rorick (1982)
Alexander Chernoff (1973 )
![Page 14: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/14.jpg)
Recomanacions: plantejamentRecomanacions: plantejament
Visual literacy.org
![Page 15: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/15.jpg)
Text, taules i gràficsText, taules i gràfics
• No sempre un gràfic és l’element més il·lustratiu.
• Frases escrites, taules i gràfics tenen el seu propi lloc en el discurs de la construcció de la claredat i el coneixement.
• Quan cal utilitzar un gràfic (Edward Tufte): Una frase no és útil per mostrar més de 3 dades Una taula és un recurs idoni per mostrar entre 3 i
20 dades A partir d’aquí ja és aconsellable un gràfic, que
serà més útil com més dades representi
![Page 16: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/16.jpg)
ExempleExemple
![Page 17: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/17.jpg)
Recursos: simplificació Recursos: simplificació “incorrecta”“incorrecta”
Harry Beck (1932)
![Page 18: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/18.jpg)
Recursos: simplificació Recursos: simplificació “incorrecta”“incorrecta”
![Page 19: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/19.jpg)
Recursos: simplificació Recursos: simplificació “incorrecta”“incorrecta”
![Page 20: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/20.jpg)
Recursos: multimèdiaRecursos: multimèdia
![Page 21: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/21.jpg)
Recursos: mapes de dades (I)Recursos: mapes de dades (I)
Ben Shneiderman(1991)
Smartmoney (Marketmap)
Newsmap
![Page 22: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/22.jpg)
Recursos: mapes de dades (II)Recursos: mapes de dades (II)
![Page 23: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/23.jpg)
Recursos: mapes de dades (III)Recursos: mapes de dades (III)
Atenció a la salut mental
Salut mentaladultsCSM Horta i CSM Guinardó(Associació Salut Mental)
Salut mentalinfantil i juvenilCSMIJ Horta-Guinardó(Hospital Sant Rafael)
PADESPADES Horta-Guinardó(Ntra. Sra. de la Mercè)
Urgències
Atenció domiciliària
RAE*
Cribratgecàncer de mama
H. Vall d'HebronH. Sant Pau
PREALT
Salut mentalCentre de diaCentre de dia Tres Turons(Fundació Tres Turons)Consultes
externes
AtenciócontinuadaCAC Horta (ICS)
UFISS
Atenció primària
Atenció sociosanitària
061
H. Dos de Maig
EAP MG PED ESP ODT Prov.
CAP Sanllehy 1 ICSCAP Sardenya 1 EAP SardenyaCAP El Carmel 1 ICSCAP Horta 2 ICSCAP Vall d'Hebron 1 ICSCAP Pg. Maragall 1 ICS
Policlínica Ntra. Sra. de la MercèClínica Carmelitana
Centre Sociosanitari Palau
H. Vall d'HebronH. Sant Rafael
H. Sant PauF. Puigvert
Inst. Municipal de PsiquiatriaPoliclínica Ntra. Sra. de la MercèUnitat integrada de psiquiatria
H. Vall d'Hebron/ S. Rafael
ASSIRCAP Horta (ICS)
CAP P g. Maragall (ICS)
Assistènciai seguiment
de toxicomanies
CAS Horta ( ASPB)
Atencióprimària
Atencióhosp. SM
SS
AFAP
![Page 24: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/24.jpg)
Recursos: metàfores visuals (I)Recursos: metàfores visuals (I)
![Page 25: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/25.jpg)
Recursos: metàfores visuals Recursos: metàfores visuals (II)(II)
![Page 26: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/26.jpg)
Recursos: Instruccions Recursos: Instruccions gràfiquesgràfiques
![Page 27: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/27.jpg)
Recursos: línies temporals (I)Recursos: línies temporals (I)
Joseph Priestley (1765)
![Page 28: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/28.jpg)
Recursos: línies temporals (II)Recursos: línies temporals (II)
![Page 29: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/29.jpg)
Recursos: arbres genealògicsRecursos: arbres genealògics
![Page 30: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/30.jpg)
Recursos: pictogrames (I)Recursos: pictogrames (I)
![Page 31: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/31.jpg)
Recursos: pictogrames (II)Recursos: pictogrames (II)
Obres d’urbanització
Jutjats, centres penitenciaris
Carreteres, camins rurals
Actuacions finançades amb el Programa d’aplicació de l’u per cent cultural
Concentracions parcel·làries
Transports
![Page 32: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/32.jpg)
Recursos: infografiesRecursos: infografies
![Page 33: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/33.jpg)
Un cas específic: els buscadors Un cas específic: els buscadors visuals (I)visuals (I)
![Page 34: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/34.jpg)
Un cas específic: els buscadors visuals Un cas específic: els buscadors visuals (II)(II)
Yahoo Alpha
Yahoo Search Gallery
Google – Similar Images
Google – Image Swirl
Google – Squared
Microsoft Bing
![Page 35: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/35.jpg)
Un cas específic: els buscadors visuals Un cas específic: els buscadors visuals (III)(III)
Kartoo Ujiko
QuinturaSimploos
![Page 36: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/36.jpg)
Un cas específic: els buscadors visuals Un cas específic: els buscadors visuals (IV)(IV)
Space Time
Oskope
Blinkx Like.com
![Page 37: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/37.jpg)
Un cas específic: els buscadors Un cas específic: els buscadors visuals (V)visuals (V)
• S’incorporen els nous canals de comunicació(youtube, flickr, facebook, twitter...)
• Apareixen millores en relació amb els motors de cercahabituals
• Proporcionen una nova manera d’interactuar
• S’aprofiten les noves maneres de presentar la informació (tags,
previsualitzacions, etc.)
• Encara no formen part de l’experiència habitual de cerca
en Internet
Conclusions
![Page 38: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/38.jpg)
Un cas específic: els sistemes Un cas específic: els sistemes d’informació geogràfica (I)d’informació geogràfica (I)
• Integració organitzada de hardware, software y dades geogràfiques per tal de capturar, emmagatzemar, manipular, analitzar i desplegar en totes les seves formes la informació geogràficament referenciada amb la finalitat de resoldre problemes de planificació i gestió.
• Els SIG són eines que permeten als usuaris crear consultes interactives, analitzar la informació espacial, editar dades, mapes i presentar els resultats de totes aquestes operacions.
• Comencen en entorns molt especialitzats: ESRI, Intergraph, Mapinfo, Autodesk o Smallworld
• Darrerament sorgeixen eines de software lliure o gratuïtes (Google Earth, web mapping)
![Page 39: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/39.jpg)
Un cas específic: els sistemes Un cas específic: els sistemes d’informació geogràfica (II)d’informació geogràfica (II)
Mapinfo
Hipermapa
Ajuntaments
Miramon
![Page 40: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/40.jpg)
Un cas específic: els sistemes Un cas específic: els sistemes d’informació geogràfica (III)d’informació geogràfica (III)
Google maps
http://maps.google.com/
![Page 41: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/41.jpg)
Un cas específic: els sistemes Un cas específic: els sistemes d’informació geogràfica (IV)d’informació geogràfica (IV)
Geoclip
Web maps lite
![Page 42: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/42.jpg)
Un cas específic: els sistemes Un cas específic: els sistemes d’informació geogràfica (VI)d’informació geogràfica (VI)
Gapminder
![Page 43: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/43.jpg)
Un cas específic: els sistemes Un cas específic: els sistemes d’informació geogràfica (VII)d’informació geogràfica (VII)
Infoscope
![Page 44: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/44.jpg)
Un cas específic: els sistemes Un cas específic: els sistemes d’informació geogràfica (VIII)d’informació geogràfica (VIII)
WikitudeAcrossair
Stella ArtoisCamí de Santiago
![Page 45: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/45.jpg)
Recomanació final: simplicitatRecomanació final: simplicitatProximitat (Approachability): Els dissenys senzills
són més fàcils d’entendre.
Recognoscibilitat (Recognizability): Són més fàcilment recognoscibles i assimilables.
Immediatesa (Immediacy): La seva facilitat de comprensió els fan reconeixibles amb un esforç conscient mínim.
Usabilitat: Acostumen a ser també els més fàcils d’usar.
Mullet i Sano
![Page 46: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/46.jpg)
Recomanació final: simplicitatRecomanació final: simplicitat
![Page 47: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/47.jpg)
La simplicitat és complexa.La simplicitat és complexa.Les 10 lleis de la simplicitatLes 10 lleis de la simplicitat1. Reduir de manera raonada2. Organitzar: que sembli senzill el que és
complex3. Estalviar temps 4. Procurar l’aprenentatge5. Destacar les diferències 6. Cal situar les idees en el seu context7. El disseny ha de transmetre emocions8. La simplicitat transmet confiança9. Assaig i error són complementaris
John Maeda
La simplicitat consisteix, sobretot, a eliminar el que és obvi i afegir el que és important
![Page 48: CDigital Granollers '10: Taller Representacio Grafica](https://reader036.vdocumento.com/reader036/viewer/2022062418/55627845d8b42ad1688b4812/html5/thumbnails/48.jpg)
Originalitat i aprofitament de Originalitat i aprofitament de recursosrecursos