DISEÑO DE INFORMACIÓNcampus.fundec.org.ar/admin/archivos/imagenes para pdf...as Visualización de...
51
DISEÑO DE INFORMACIÓN Dar forma a la información… para comunicar eficientemente Estela Muelas - [email protected]
Transcript of DISEÑO DE INFORMACIÓNcampus.fundec.org.ar/admin/archivos/imagenes para pdf...as Visualización de...
¿DISEÑODEINFORMACIÓN?
Lainformaciónnopuedeserdiseñada;loquepuedediseñarsesonlosmodosdetransferenciaylasrepresentaciones
delainformación
Raskin,2005
Raskin,2005
EstelaM
uelas
VisualLiteracyAlfabetizaciónvisual
EstelaM
uelas
EstelaM
uelas
Nuestromundovisual
NubedeetiquetasdelprimercapítulodeDonQuijotedelaMancha,filtrandolaspalabrascomunes.
EstelaM
uelas
AlfabetizaciónvisualCapacidadparaentenderyproducirinformaciónpresentadaenformagráfica
“Debemossaber“leer”-consumir/interpretar-imágenesy“escribir”-producir/usar-comunicacionesenriquecidasvisualmente.Debemossercapacesdemovernosfluidamenteentretextoseimágenes,entreelmundotextualyfigurativo”
LynellBurmark
EstelaM
uelas
Visualizacióndelainformación
Visualizarlainformación
noesañadirgráficosalcontenido,sinoelaborarunmensaje
EstelaM
uelas
Nuestromundovisual
Tráficoaéreomundial(simulaciónde24hs).Fuente:ZHAW,2007https://youtu.be/jY25IcyOb5E
EstelaM
uelas
Informar…
EstelaM
uelas
Informar…Losgráficosnopuedenrecortardatosdelcontexto
ConnecticutTrafficDeathsafterstricterenforcementbythepoliceagainstcarsexceedingspeedlimits(Fuente:EdwardTufte)
EstelaM
uelas
Informar…Losgráficosnopuedenrecortardatosdelcontexto
ConnecticutTrafficDeathsafterstricterenforcementbythepoliceagainstcarsexceedingspeedlimits(Fuente:EdwardTufte)
EstelaM
uelas
Informar…
FuenteSticht,1985,yRedish,1988,1993
EstelaM
uelas
Informar…
EstelaM
uelas
Informar…
FuenteDatavis.ca
EstelaM
uelas
Informar…
FuenteDatavis.ca
EstelaM
uelas
Informar…
EstelaM
uelas
Informar…
FuenteDatavis.ca
EstelaM
uelas
Informar…
FuenteLaNación
EstelaM
uelas
Informar…
FuenteUBA
EstelaM
uelas
Informar…
entre la primer y la última manzana hay una diferencia del 55% (en toneladas) pero lo que se percibe es un 139%
EstelaM
uelas
Informar…
Noconfundirvariacióneneldiseñoconvariaciónenlosdatos
Web visible
Web invisible: 50 veces más
EstelaM
uelas
Informar…
cambioeneltamañodeunobjeto/cambionuméricodeldato=FACTORDEMENTIRA
cambialasuperficieen4,5/cambiaeldatoen1,5=3
EstelaM
uelas
Informar…
EstelaM
uelas
Visualizacióndelainformación
Unlenguajevisual…
ü Puedeseranalizadoü Esusadoporunacomunidadü Escompletoyclaroü Puedeserevaluadoenbasealaeficaciadesucomunicaciónü Estácompuestodeunapluralidaddesignosquetienensignificadoscomunesü Tienelaambigüedadadecuadaparaunacomunicaciónflexible
AdaptadodeHorn,1999
EstelaM
uelas
Visualizacióndelainformación
Implica…
ü Mostrardatos.ü Hacerqueelreceptorpienseacercadelosdatos.ü Nodistorsionarloquelosdatostienenquedecir.ü Presentarlainformaciónenespaciosreducidos.ü Presentarbloquesdeinformacióncoherentemente.ü Mostrarlosdatosendiversosnivelesdedetalle.ü Conectarlainformaciónrealconeldiseñovisual.
EstelaM
uelas
Visualizacióndelainformación
Ø Laprimeracondiciónessuvalorsemánticoymonosémico;noesunvalorestético.
Ø Elobjetoeslatransmisióndeconocimientoscomprensiblesyútiles.
Ø Tienefinespragmáticosysugradodeeficaciadependedecómoseeliminalacomplejidaddelosfenómenosylosprocesos.
Ø Consisteenpresentarmensajesunívocos,monosémicos,quenoadmitanotrasinterpretaciones.
EstelaM
uelas
ProcesodeVisualización
EstelaM
uelas
Visualizacióndelainformación
Ø ¿Cómopresentarlosresultadosdeunaestadísticadelmodomásclaroposible?
Ø ¿Cómodiseñarunainfografíaatractivaalavezqueinformativa?
Ø ¿Cómotransformarunprocedimientoounprocesoenundiagrama?
EstelaM
uelas
Visualizacióndelainformación
EstelaM
uelas
Visualizacióndelainformación
EstelaM
uelas
Visualizacióndelainformación
FuenteEdwardTufte
https://cartographia.files.wordpress.com/2008/05/minard_napoleon.png
EstelaM
uelas
FuenteDatavis.ca
Visualizacióndelainformación
EstelaM
uelas
Visualizacióndelainformación
EstelaM
uelas
Visualizacióndelainformación
EstelaM
uelas
Visualizacióndelainformación
EstelaM
uelas
Visualizacióndelainformación
EstelaM
uelas
VisualizandotextosPara realizar una “Nube de etiquetas” y encontrar las palabras más frecuentes en un texto:
Tagxedo http://www.tagxedo.com/app.html
Wordle
http://www.wordle.net/create Para realizar un “Árbol de palabras” a partir de las palabras más frecuentes:
WordTree https://www.jasondavies.com/wordtree/
EstelaM
uelas
VisualizacióndelainformaciónCausas de … http://chiquiesteban.com/graphics/causes_death_spain.html
Budget Proposal http://www.nytimes.com/packages/html/newsgraphics/2011/0119-budget/
Votaciones en el congreso http://votaciones.lanacion.com.ar
Newsmap http://newsmap.jp
Proyecto censo http://www.lanacion.com.ar/censo-argentina-t49151
A primera vista http://www.lanacion.com.ar/a-primera-vista-t55990
Visaul Thesaurus http://www.visualthesaurus.com
EstelaM
uelas
Visualizacióndelainformación
Carrot2 Clustering Engine http://search.carrot2.org/stable/search
Tweet Topic Explorer http://tweettopicexplorer.neoformix.com/#n=NYTimes
Gapminder http://www.gapminder.org/videos/200-years-that-changed-the-world-bbc/
AquaBrowser http://duoc.aquabrowser.com
Worldmapper http://www.worldmapper.org/index.html
EstelaM
uelas
Visualizacióndelainformación
Cuandorepresentamosgráficamentenopodemosolvidarque:
Ø Estamosempleandounlenguajevisual.
Ø Eselenguajehadeestarbasadoenconvencioneshabituales.
Ø Lasconvencionesempleadastienenuncomponenteculturalquenosepuedeobviar.
Ø Unmapa,undiagrama,unesquemasondocumentosaloscualesselesinterroga.
EstelaM
uelas
Visualizacióndelainformación
Lasvisualizacionesnosonneutras,dependendenuestraelecciónydeloquequeramosmostraralosdemásyanosotrosmismos.
JuanC.Dürsteler
EstelaM
uelas
Visualizacióndeflujos
EstelaM
uelas
Visualizacióndeflujos
EstelaM
uelas
Visualizacióndeflujos
EstelaM
uelas
Visualizacióndeflujos
EstelaM
uelas
Visualizacióndeflujos
EstelaM
uelas
Visualizacióndeflujos
EstelaM
uelas
Paradeterminar
eltipodeinformaciónqueresultarelevanteyútil
paralatomadedecisiones,
esfundamentalconsiderar
lanaturalezadeladecisióny
eltipodeusuariosquelademandenenlos
distintosnivelesdedecisión.
Visualizacióndeflujos
EstelaM
uelas
Visualizacióndelainformación
Cuandolacomunicaciónesclaralagentecomprendefácilmente.
Cuandolagentecomprende,
tomandecisionesqueconducenaaccionesycreanresultados
(Xplane,2007)
