Pensamiento Visual y Prototipado Rápido Clasifica la información Tema: 2. Tipos de información
Mtra. Nora Morales Zaragoza MDEO Ibero PueblaMADIC O-14 Agosto 2020
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
3 Modelos clasificación de Información
• L.A.T.C.H. Richard Saul Wurman • Vanketech de gráficos informativos • Clasificación de visualización de datos
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”
L.A.T.C.H. 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 la ubicación de un lugar físico geográfico. Algunos recursos comunes son: el mapa, las rutas de transporte y las guías de viaje. Otros ejemplos de este tipo de organización se puede encontrar frecuentemente en los textos médicos donde la información se agrupa por su localización en ciertas partes del cuerpo humano.
Este tipo de organización se recomienda para aquellas instancias donde la proximidad física es importante para el entendimiento.
Atlas del fin del mundo
Richard J. Weller, “Précis” in Richard J. Weller, Claire Hoch, and Chieh Huang, Atlas for the End of the World (2017), http://atlas-for-the-end-of-the-world.com/ world_maps_main.html.
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.
Temporal 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,)
Jerarquía / Hierachy o 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), que representen magnitud o valor es decir, los elementos del grupo que tienen mayor importancia que otros (rango, nivel, valor). Algunos ejemplos incluyen la cadena alimenticia, los instructivos de emergencia, las insignias militares.
Utilizar la jerarquía para asignar peso y valor al orden de los datos, significa organizar los datos dentro de un continuo, es que el valor de tamaño es el mas importante.
Pellegrini, V Density Design Lab, Milan
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
Tiranosaurio Tyrannosaurus rex
Aves
Humano Homo sapiens
Lobo
Chimpancé
Coyote
Canis lupus
Pan troglodytes
Canis latrans
Homínidos León Panthera leo
Caballo Equus ferus
Lemur Lemur catta
Serpiente real
Zorro rojo
Flamingo
Orangután
Vulpes vulpes
Lampropeltis getula
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
Placentarios
Salamandra tigre
Ungulados Murciélago
Ambystoma tigrinum
Corynorhinus townsendii
Serpiente real Lampropeltis getula
Manatí
Reptiles
Trichechus Manatus
Canguro Macropus giganteus
Oso hormiguero
Mosca Musca domestica
Ambystoma mexicanum
Bufo bufo
Tortuga Amfiuma
Chelonoidis nigra
Mamíferos
Amphiuma means
Amfiuma
Chelonoidis nigra
Sphenarium purpurascens
Ambystoma mexicanum
Ajolote
Sapo común
Tortuga
Grillo
Mamíferos
Reptiles
Monotrema
Bufo bufo
Ajolote
Ambystoma tigrinum
Marsupiales
Sapo común
a
Salamandra tigre
Placentarios
Tramandua mexicana
Salamandra moteada
Rana flecha roja y azul
Amphiuma means
Ornitorrinco
Ambystoma maculatum
Oophaga pumilio
Ornithorhynchus anatinus
Mariposa Monarca
Tetrapodos
Danaus plexippus
Salamandra moteada
Anfibios Pez payaso
Girasol
Amphiprion ocellaris
Rana flecha roja y azul
Tiktaalik
Libélula emperador Anax imperator
Tiktaalik
Tarántula
Pez espada
Lycosa tarantula
Escarabajo
Maíz Oophaga pumilio
Xiphias gladius
Scarabaeus laticollis
Helianthus annuus
Ambystoma maculatum
Rosa Rosa gallica
Zea Mays
Insectos Zanahoria
Teocintle
Lingula
Tetrapodos lingula anatina
Daucus carota
Zea perennis
Tiburón gris
Dicotiledoneas
Carcharhinus amblyrhynchos
Anfibios
Escorpión
Camarón
Cangrejo
Pandinus imperator
camaron
Erizo
Uca pugnax
Braquiópodos
Arácnidos
Crustáceos
Strongylocentrotus fransiscanus
Pez payaso
Lamprea marína Petromyzon marinus
Giraso
Monocotiledoneas
Amphiprion ocellaris
Cordados
Bambú Bambusa vulgaris
Trilobite Paradoxides davidis
Tiktaalik Tiktaalik
Eiccornia crafitess
Ciempiés Scolopendra cingulata
Odararia
Lombriz
Odaraia alata
Vertebrados
Marrella
Ascaris lumbricoides
Helianthus a
Lirio acuático
Junco
De flor
Juncus acutus
Marrella esplendens
Anélidos
Estrella de Mar
Caracol romano
Lepiota procera
Artópodos
Helix pomatia
Tulipa gesneriana
Hongo
Sanctacaris
Maíz
De semilla
Equinodermos
Sanctacaris
Rosa gallica
Amanita muscaria
Xiphias gladius
Anomalocaris canadensis
Pulpo Octopus vulgaris
Tulipan
Pez espada
Anomalcaris
Rosa
Matacandelas
Accanthaster planci
Champiñon
Helecho
Psalliota campestris
Pteris vittata
Zea Mays
Hongo3 nm
moluscos
Cnidarios Morilla
Heteractis magnifica
Tiburón gris
Medusa común
Escorpión
Especie Homo sapiens Família Homínidos Orden
Primates
Clase
Mamíferos
Filum
Cordados
Reino
Animal
Arqueas
Strongylocentrotus fransiscanus
Daucu
Hapalosiphon
Compsopogon coeruleus
Haplotipo aureus
Dicotiledoneas
Agelas oroides
nm
Erizo
Compsopogon sp
Alga Roja
Chiococca Chroococcus turgidus
Zana
Teocintle Zea perennis
Alga Verde Algas
Esponja
arqueas 3
Género Homo
Pandinus imperator
Carcharhinus amblyrhynchos
Seiba De tierra
Plantas
Hongos
Rumina decollata
Aurelia aurita
Chondrus crispus
Animales
Caracola
Orthoceras Orthoceras reguleres
Musgo de Irlanda
Morchella esculenta
Esponjas
Anémona magnífica
Eucariontes
Laminaria
Estafilococus
Laminaria Saccharina
Staphylococcus aureus
arquea 2 nm
arquea
Lamprea marína Petromyzon marinus
Cordados
Bacterias
nm
Nostoc Nostoc commune
Fischerella Fischerella
Anabaena Cianobacteria
Anabaena flosaquae
Anabaena azollae
Monocotiledoneas Bambú
Números
Shedroff clasifica el sistema de números como una categoría aparte para el arreglo de los elementos, usualmente en base a 10, pero a diferencia del alfabeto, los números son mas universales pues combinan distintas formas debido al lenguaje universal de las matemáticas.
Sistema clasificación de color
Algunos artefactos utilizan más de una categoría.
http://www.youtube.com/watch?v=Tgi1JQGHENI
Aleatorio
Aunque el arreglo arbitrario de elementos parece no ser tan útil para la organización de la información, hay ocasiones que puede ser útil, como en los juegos de mesa.
Modelo de Gráficos informativos (Infografía) Venkatesh Rajamanickam National Institute of Design Ahmedabad VENKATESH RAJAMANICKAM
Excerpted from my infographics seminar handout.
Tipo de Información
Tipo de Información Espacial
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.
Venkatesh Rajamanickam, National Insititute of Design, India
Información que describe posiciones relativas y ubicación en el espacio físico o conceptual.
Cronológica
Recurso infográfico Diagramas
Mapa
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 axonométrica).
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í.
Método 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.
Movimiento
Interactiva*
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.
Prof M P Ranjan y Rupesh Vyas National Institute of Design, Ahmedabad. India Curso: Meaningful Images and Data Visualization (2004).
M.P. Ranjan & Rupesh Vyas
1. Representaciones Organizacionales Sitios web, diagramas jerárquicos, presentaciones, descripciones estructurales (organigramas) y matrices.
2. Gráficas y estadísticas Gráfica de pie, pictogramas, gráfica de línea, de baarra e histogramas. 3. Narrativas línea de tiempo, pinturas, diagramas de flujo, storyboards, diagramas de proceso.
4. Grabaciones de hechos Diagramas técnicos, ilustración científica, imágenes geográficas.
5. Mapas y señalización
Mapas, sistemas de señalización e íconos.
Clasificación de visualización de datos
Clasificación de visualización de datos M.P. Ranjan & Rupesh Vyas
Las imágenes se vuelven relevantes cuando transmiten un mensaje que ayuda tanto a la interpretación como a la toma de decisiones. La clasificación de las representaciones gráficas de datos dependen tanto del contexto, como del nivel de detalle de la representación y la técnica. Esta clasificación es fácil de entender y muestra criterios tanto de significación, naturaleza de los datos y los más importante destaca el objetivo de la visualización.
M. P. Ranjan & Rupesh Vyas National Institute of Design Ahmedabad
Colocar en los recursos en las coordenadas. Alta densidad de información
Amplia Audiencia
Audiencia específica
Baja densidad de información
Naturaleza de la información.
Ahora reflexionemos sobre la naturaleza de la información que contiene el objeto y cómo se comunica al usuario.
¿Qué tipo de información posee? ¿Cómo se representa la información? ¿Por qué es importante la información? ¿Cómo se comunica esa información a la audiencia?
Referencias y Bibliografía Rajamanickam, V. (2005) Infographics Seminar Handout. National Institute of Design, Ahmedabad. http://www.elearningpost.com/articles/archives interactive_visual_explainers_a_simple_classification Horn E. R. Mapping Hypertext: The Analysis, Organization, and Display of Knowledge for the Next Generation of On-Line Text and Graphics. Horn E. R. How High Can it Fly? Examining the Evidence on Information Mapping's Method of High-Performance Communication. Robert Horn http://www.stanford.edu/~rhorn/ Saul Wurman R. (1989) Hats, Design Quarterly. Walkers Art Center Wikipedia http://en.wikipedia.org/wiki/Information_mapping
Imágenes Ilustración de portada: Cult-Of-Done-Lead por Bre Pettis. http:// www.brepettis.com/blog/2009/3/3/the-cult-of-done-manifesto.html