49
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

CDigital Granollers '10: Taller Representacio Grafica

Embed Size (px)

Citation preview

Page 1: CDigital Granollers '10: Taller Representacio Grafica

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

Abans de començar...Abans de començar...

Page 3: CDigital Granollers '10: Taller Representacio Grafica

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

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

Abans de començar...Abans de començar...

Page 6: CDigital Granollers '10: Taller Representacio Grafica

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

Conceptes principalsConceptes principals

Page 8: CDigital Granollers '10: Taller Representacio Grafica

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

AplicacionsAplicacions

Page 10: CDigital Granollers '10: Taller Representacio Grafica

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

Un moment important: PlayfairUn moment important: Playfair

William Playfair(1759-1823)

Page 12: CDigital Granollers '10: Taller Representacio Grafica

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

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

Recomanacions: plantejamentRecomanacions: plantejament

Visual literacy.org

Page 15: CDigital Granollers '10: Taller Representacio Grafica

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

ExempleExemple

Page 17: CDigital Granollers '10: Taller Representacio Grafica

Recursos: simplificació Recursos: simplificació “incorrecta”“incorrecta”

Harry Beck (1932)

Page 18: CDigital Granollers '10: Taller Representacio Grafica

Recursos: simplificació Recursos: simplificació “incorrecta”“incorrecta”

Page 19: CDigital Granollers '10: Taller Representacio Grafica

Recursos: simplificació Recursos: simplificació “incorrecta”“incorrecta”

Page 20: CDigital Granollers '10: Taller Representacio Grafica

Recursos: multimèdiaRecursos: multimèdia

Page 21: CDigital Granollers '10: Taller Representacio Grafica

Recursos: mapes de dades (I)Recursos: mapes de dades (I)

Ben Shneiderman(1991)

Smartmoney (Marketmap)

Newsmap

Page 22: CDigital Granollers '10: Taller Representacio Grafica

Recursos: mapes de dades (II)Recursos: mapes de dades (II)

Page 23: CDigital Granollers '10: Taller Representacio Grafica

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

Recursos: metàfores visuals (I)Recursos: metàfores visuals (I)

Page 25: CDigital Granollers '10: Taller Representacio Grafica

Recursos: metàfores visuals Recursos: metàfores visuals (II)(II)

Page 26: CDigital Granollers '10: Taller Representacio Grafica

Recursos: Instruccions Recursos: Instruccions gràfiquesgràfiques

Page 27: CDigital Granollers '10: Taller Representacio Grafica

Recursos: línies temporals (I)Recursos: línies temporals (I)

Joseph Priestley (1765)

Page 28: CDigital Granollers '10: Taller Representacio Grafica

Recursos: línies temporals (II)Recursos: línies temporals (II)

Page 29: CDigital Granollers '10: Taller Representacio Grafica

Recursos: arbres genealògicsRecursos: arbres genealògics

Page 30: CDigital Granollers '10: Taller Representacio Grafica

Recursos: pictogrames (I)Recursos: pictogrames (I)

Page 31: CDigital Granollers '10: Taller Representacio Grafica

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

Recursos: infografiesRecursos: infografies

Page 33: CDigital Granollers '10: Taller Representacio Grafica

Un cas específic: els buscadors Un cas específic: els buscadors visuals (I)visuals (I)

Page 34: CDigital Granollers '10: Taller Representacio Grafica

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

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

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

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

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

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

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

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

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

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

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

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

Recomanació final: simplicitatRecomanació final: simplicitat

Page 47: CDigital Granollers '10: Taller Representacio Grafica

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

Originalitat i aprofitament de Originalitat i aprofitament de recursosrecursos

Page 49: CDigital Granollers '10: Taller Representacio Grafica

Gràcies per la vostra Gràcies per la vostra atencióatenció

[email protected]