Clasificación de la Información Mtra. Nora Morales Zaragoza Infografía Optativa Movilidad Otoño 2020
Pensamiento visual Representar (volver a presentar) provee la base de toda comunicación.
Pensamos en términos de categorías y relaciones entre ellas. La capacidad de generalizar y formar asociaciones para organizar los datos es la base de nuestro sistema de comunicación.
Mientras que las palabras y oraciones son parte de el lenguaje verbal, las imágenes y elementos gráficos forman al lenguaje visual.
Dicotomía del lenguaje visual-verbal
Modelos clasificación de Información • Modelo de gráficos informativos • L.A.T.C.H. Richard Saul Wurman
Tipos de información Venkatesh Rajamanickam National Institute of Design Ahmedabad
Excerpted from my infographics seminar handout.
Tipo de información
Tipo de Información Espacial Información que describe posiciones relativas y ubicación en el espacio físico o conceptual.
Cronológica Información que describe posiciones secuenciales y relaciones causales en un concepto temporal
Cuantitativa Información que describe escala, proporción, cambio, y organización en cantidades de espacio y tiempo, o ambas.
Recurso infográfico Recurso infográfico Diagramas Icono: muestra visual de realidad simplificada Secuencia: Muestra sucesión de eventos, acciones o relaciones causales. Procesos: interacciones paso a paso de espacio y tiempo. Linea de tiempo: muestra progresiones temporales. Exposición: muestra detalles o puntos de vista normalmente no disponibles para el ojo humano. (cortes, vista axionométrica).
Mapa Locación: muestra la relación de lugar entre un punto y otro. Datos: muestra información cuantitativa en relación con locación geográfica. Esquemas: muestra representaciones abstractas de geografía, procesos o secuencias.
Gráficas Flujo: muestra cambios de magnitud en el tiempo. Barra: Muestra cambios en magnitud con una comparación proporcional Pie: Muestra distribución de las partes en un todo. Organización: muestra partes dentro de una estructura y su relación entre sí.
Medio de comunicación
Medio de comunicación Estático Información presentada en su totalidad en un vistazo. Gráficos de periódicos, mapas, carteles, manuales de producto, diagramas expuestos.
Dinámico
Interactivo*
Información presentada de forma progresiva y en secuencia lineal.
Información presentada de forma selectiva basada en las elecciones de la audiencia.
Animación, o gráficos en capas, video.
Información comúnmente presentada en formato web (internet), en unidades narrativas o instructivas, simulaciones o exploraciones.
L.A.T.C.H.
(Location, Alphabet, Time, Category, Hierarchy)
Es un modelo de organización de información desarrollado por Richard Saúl Wurman - escritor, diseñador, y fundador de las conferencias TED (Technology Entertaining, Design). Es también conocido por inventar el término “Information Architects” De acuerdo con Wurman existen 5 maneras de organizar la información: • Locación • Alfabético • Tiempo • Categoría • Jerarquía o Continuo
Localización Aquellas estructuras de información que se relacionan con laLas ubicación dees ununa lugar físico geográfico. ubicación forma natural de organizar los datos las relaciones o conexiones importantes entre elementos se percibenrecursos por su proximidad y distancia. Algunos comunes son: el mapa, las rutas de ¿Qué tan fácil sería encontrar las salidas a un avión si transporte y las guías de viaje. Otros ejemplos de este tipo estuvieran enumeradas y descritas en un texto sin un de organización se puede encontrar frecuentemente en los diagrama? Muchos proyectos pueden beneficiarse de la organizaciones textos médicos donde la información se agrupa por su de acuerdo con su ubicación, pero rara vez lo son, localización en ciertas partes del cuerpo humano. simplemente porque sus creadores nunca han experimentado con la idea. Este tipo de organización se recomienda para aquellas Producir mapas y diagramas no es tan fácil como escribir texto, ya que se trata de lograr física una sensación en el lector instancias donde la proximidad es importante para elde que las cosas están orientadas por relaciones geográficas. entendimiento.
Accurat Georgia Lupi
Hábitos de lugares en una clase
Esta visualización interactiva creada utilizando d3 y jQuery captura los hábitos de asientos de un grupo de estudiantes graduados que asisten a la clase 15.514 en el verano de 2011 realizada por ALI ALMOSSAWI http://www.skyrill.com/seatinghabits/
Alfabético La organización de información por orden alfabético basa la estructura de contenidos en la secuencia que siguen las letras. Esta sencilla solución ha demostrado ser efectiva para numerosos artefactos de información, como los diccionarios, enciclopedia, directorios telefónicos, etc. Se recomienda utilizar este ordenamiento, cuando se busque una estructura familiar para una audiencia diversa, o cuando se tengan contenidos muy específicos para unos cuantos, partiendo de una vasta muestra de datos.
Tiempo Los marcos basados en la dimensión temporal son funcionales cuando los usuarios necesitan entender secuencias de eventos. Algunos ejemplos incluyen: calendarios, tableros de horarios, como los de llegadas y salidas en los aeropuertos o estaciones de transporte, instructivos de cocina en recetarios o las líneas de tiempo. Esta estructura de contenido es útil cuando los usuarios necesiten entender secuencias temporales o cadenas de eventos relevantes en un contexto determinado. (narrativas, chistes,)
Categoría Las estructura de contenido de este tipo se basan en criterios de semejanza en características o atributos de los elementos en un sistema de información . El agrupamiento de información puede ser amplio o específico. Por ejemplo: los sitios de venta por catálogo agrupan a los productos por categorías (ropa, libros, utensilios para el hogar, etc.); Otro ejemplo son las clasificaciones científicas (Flora, Fauna, mamíferos, ovíparos etc.). El organizar los datos por categoría permite resaltar conexiones obvias entre conjuntos de información
Humano Homo sapiens
Lobo
Chimpancé
Coyote
Canis lupus
Pan troglodytes
Canis latrans
Homínidos León Panthera leo
Caballo Equus ferus
Lemur Lemur catta
Zorro rojo
Flamingo
Orangután
Vulpes vulpes
Phoenicopterus Jamesi
Pongo pygmaeus
Primates
Pingüino Pygoscelis antartica
Hipopótamo
Foca
Hippopotamus amphibius
Avestruz
Phoca vitulina
Musaraña
Struthio camelus
Rata parda
Sorex minutus
Rattus norvegicus
Roedores
Carnívoros
Archaeopteryx
Cachalote
Nombre científico
Tiranosaurio
Physeter macrocephalus
Tyrannosaurus rex
Aves
Elefante Loxodonta africana
Ungulados Murciélago Corynorhinus townsendii
Serpiente real Lampropeltis getula
Canguro
Manatí
Macropus giganteus
Trichechus Manatus
Oso hormiguero
Salamandra tigre
Placentarios
Tramandua mexicana
Ambystoma tigrinum
Marsupiales
Reptiles Ajolote
Sapo común
Monotrema
Mosca
Ambystoma mexicanum
Bufo bufo
Tortuga Amfiuma
Chelonoidis nigra
Mamíferos
Musca domestica
Amphiuma means
Grillo Sphenarium purpurascens
Salamandra moteada
Rana flecha roja y azul
Ornitorrinco
Ambystoma maculatum
Oophaga pumilio
Ornithorhynchus anatinus
Mariposa Monarca
Tetrapodos
Danaus plexippus
Anfibios Pez payaso
Girasol
Amphiprion ocellaris
Helianthus annuus
Tiktaalik
Libélula emperador Anax imperator
Tiktaalik
Tarántula
Rosa
Pez espada
Lycosa tarantula
Escarabajo
Rosa gallica
Xiphias gladius
Maíz
Scarabaeus laticollis
Zea Mays
Insectos Zanahoria
Teocintle
Lingula lingula anatina
Daucus carota
Zea perennis
Tiburón gris
Dicotiledoneas
Carcharhinus amblyrhynchos
Escorpión
Camarón
Cangrejo
Pandinus imperator
camaron
Erizo
Uca pugnax
Braquiópodos
Crustáceos
Strongylocentrotus fransiscanus
Arácnidos
Lamprea marína Petromyzon marinus
Monocotiledoneas Cordados
Bambú Bambusa vulgaris
Trilobite Paradoxides davidis
Eiccornia crafitess
Scolopendra cingulata
Odararia
Lombriz
Odaraia alata
Vertebrados
Marrella
Ascaris lumbricoides
Lirio acuático
Ciempiés Junco
De flor
Juncus acutus
Marrella esplendens
Anélidos
Estrella de Mar Matacandelas
Accanthaster planci
Caracol romano
Lepiota procera
Artópodos
Helix pomatia
Tulipan Tulipa gesneriana
Hongo Amanita muscaria
Anomalcaris
De semilla
Anomalocaris canadensis
Pulpo Octopus vulgaris
Sanctacaris
Equinodermos
Sanctacaris
Champiñon
Helecho
Psalliota campestris
Pteris vittata
Hongo3 nm
moluscos
Cnidarios Morilla
Chondrus crispus
Animales
Heteractis magnifica
Orthoceras Orthoceras reguleres
Musgo de Irlanda
Morchella esculenta
Esponjas
Anémona magnífica
Plantas
Hongos
Caracola
Seiba De tierra
Alga Verde
Rumina decollata
Algas
Compsopogon sp
Medusa común Aurelia aurita
Alga Roja
Chiococca Chroococcus turgidus
Hapalosiphon
Compsopogon coeruleus
Haplotipo aureus
Especie Homo sapiens Género Homo
Esponja
arqueas 3
Agelas oroides
nm
Arqueas
Eucariontes
Família Homínidos Orden
Primates
Clase
Mamíferos
Filum
Cordados
Reino
Animal
Laminaria
Estafilococus
Laminaria Saccharina
Staphylococcus aureus
arquea 2 nm
arquea
Bacterias
nm
Nostoc Nostoc commune
Fischerella Fischerella
Anabaena Cianobacteria Anabaena azollae
Anabaena flosaquae
Jerarquía
Continuo
Este criterio de organización se puede basar en dimensiones o talla (de pequeño a grande, de obscuro a claro, mayor a menor), en importancia percibida (rango, nivel, valor). Algunos ejemplos incluyen la cadena alimenticia, los instructivos de emergencia, las insignias militares. Utiliza la jerarquía para asignar peso y valor al orden de los datos.
Algunos artefactos utilizan más de una categoría. Los periódico se dividen en categorías: como negocio, espectáculos, deportes y artes; dentro de estas secciones los editores utilizan principios de jerarquía para mostrar las historias en orden de importancia.
Muro de el memorial de a Guerra de Vietnam Washington D.C.
http://www.youtube.com/watch?v=Tgi1JQGHENI
Actividad #2 Analizar de 1 a 3 objetos por equipo, de acuerdo al tipo de información que sugiere en el modelo de información de Wurman o Veankatesh, posicionarlo en la tabla del recuso de información. Reflexionar sobre la naturaleza de la información que contienen y cómo logran comunicarla al usuario. ¿Qué tipo de información poseen? ¿Cómo se representa la información? ¿Por qué es importante la información? ¿Cómo se comunica esa información a la audiencia?
El valor de la verificación La desinformación o mala información puede obstaculiza acciones o incluso causar acciones contrarias a lo que se desea, por lo que la ONU sacó un programa “Comparte-verificado”, los invito a inscribirse en el programa.
https://www.shareverified.com/es#signup
Radio datos-tinta
El concepto de “radio de datos-tinta” (data-ink ratio) es una regla para el diseño de estadísticas (extensible a cualquier tipo de diagrama o mapa). Una medida de la cantidad de tinta que sería aceptable usar para representar datos. Edward Tuffte
1.2 Recursos Tabla de recursos Alta densidad de información
Amplia Audiencia
Audiencia específica
Baja densidad de información
Gracias nmorales@correo.cua.uam.mx norismo@gmail.com T: @norismo
Referencias y Bibliografía Video de Whirl Dave Gray: http://www.davegrayinfo.com/2008/04/11/the-whirl/ Classroom seating habits by https://sdm.mit.edu/applying-visualization-to-classroom-seatinghabits/ Ackoff, R. L (1989) From data to wisdom Journal of Applied Systems Analysis, Volume 16, 3-9 The Five Hat Racks (A Motion Graphics from The Universal Principles of Design) http:// www.youtube.com/watch?v=Tgi1JQGHENI Visocky O’Grady, J. & Visocky O’Grady, K., (2008). The information design handbook. Mies: RotoVision. Roam, D. (2009). La clave es la servilleta: resolver problemas y vender ideas mediante dibujos. Bogotá: Norma. Wurman, R. S. (1989). Hats. Design Quarterly, (145), 1. https://doi.org/10.2307/4091222 Ware Colin, (2008) Visual Thinking for Design. Morgan Kauffman. Rajamanickam, V. (2005, octubre 10). Infographics Seminar Handout. National Institute of Design, Ahmedabad. http://www.schrockguide.net/uploads/3/9/2/2/392267/ infographic_handout.pdf Telea, A. (2015). Data visualization: Principles and practice (Second edition). Boca Raton: CRC Press, Taylor & Francis Group.