CDigital Granollers '10: Taller Representacio Grafica

Post on 25-May-2015

437 views 0 download

Transcript of 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

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

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

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

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

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ó

Conceptes principalsConceptes principals

FinalitatsFinalitats

Transmetre un missatge

Fer comprensibleel coneixement

Revelar els patrons que hi ha darrere les dades

Descobrirel coneixement

AplicacionsAplicacions

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)

Un moment important: PlayfairUn moment important: Playfair

William Playfair(1759-1823)

El millor gràfic de la història?: El millor gràfic de la història?: MinardMinard

Charles Minard (1869)

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 )

Recomanacions: plantejamentRecomanacions: plantejament

Visual literacy.org

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

ExempleExemple

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

Harry Beck (1932)

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

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

Recursos: multimèdiaRecursos: multimèdia

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

Ben Shneiderman(1991)

Smartmoney (Marketmap)

Newsmap

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

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

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

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

Recursos: Instruccions Recursos: Instruccions gràfiquesgràfiques

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

Joseph Priestley (1765)

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

Recursos: arbres genealògicsRecursos: arbres genealògics

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

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

Recursos: infografiesRecursos: infografies

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

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

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

Kartoo Ujiko

QuinturaSimploos

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

Space Time

Oskope

Blinkx Like.com

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

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)

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

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/

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

Un cas específic: els sistemes Un cas específic: els sistemes d’informació geogràfica (VI)d’informació geogràfica (VI)

Gapminder

Un cas específic: els sistemes Un cas específic: els sistemes d’informació geogràfica (VII)d’informació geogràfica (VII)

Infoscope

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

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

Recomanació final: simplicitatRecomanació final: simplicitat

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

Originalitat i aprofitament de Originalitat i aprofitament de recursosrecursos

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

mjimeneza@uoc.edu