Diseño de información
description
Transcript of Diseño de información
![Page 1: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/1.jpg)
Diseño de información
![Page 2: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/2.jpg)
Diseño de informaciónOrganización, síntesis y presentación de manera gráfica de información para facilitar su lectura e interpretación; para un propósito determinado.
![Page 3: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/3.jpg)
El diseño de la información consiste en dos aspectos: la organización de la infoirmación (el contenido), y la planificación de de su presentación visual. Esto requiere de habilidad para procesar, organizar y presentar información en forma verbal y no verbal .
![Page 4: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/4.jpg)
La organización de la información requiere una buena comprensión de la estructura lógica y de los procesos cognitivos. La presentación visual de la información requiere conocimiento de legibilidad de símbolos, y textos. Tambien requiere conocimiento de la función comunicacional de las imágenes y de su efectiva articulación con textos.
![Page 5: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/5.jpg)
El objetivo es generar representaciónes visuales en la que intervienen descripciones, narraciones o interpretaciones gráficas de la información relacionada con un tema dado, para que el lector la interprete más fácilmente.
![Page 6: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/6.jpg)
La necesidad de generar gráficos proviene de representar información dificil de entender solo con texto.
![Page 7: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/7.jpg)
Para diseñar se toman en cuenta las habilidades, experiencia, preferencias y circunstancias de los usuarios meta.
![Page 8: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/8.jpg)
Mapa guia
![Page 9: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/9.jpg)
Directorios
![Page 10: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/10.jpg)
Cedulas Introductoria
![Page 11: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/11.jpg)
Cedulas Temáticas
![Page 12: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/12.jpg)
Cedulas Particulares
![Page 13: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/13.jpg)
Recursos gráficos:Lineas de tiempo
![Page 14: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/14.jpg)
Recursos gráficos:Mapas
![Page 15: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/15.jpg)
Recursos gráficos:Fotografías
![Page 16: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/16.jpg)
Recursos gráficos:Esquemas
![Page 17: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/17.jpg)
Recursos gráficos:Gráficas
![Page 18: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/18.jpg)
Recursos gráficos:Ilustraciones
![Page 19: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/19.jpg)
La información presentada no necesariamente debe aparecer tal cual el diseñador la recibe, requiere de un proceso de esquematización, para evidenciar la importancia de los diferentes componentes o hitos y la manera en que se interrelacionan.
![Page 20: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/20.jpg)
El creciente desarrollo de la psicología cognitiva, origina la aparición de investigaciones que centran su atención en los procesos de formación de imágenes mentales fáciles de recordar.
![Page 21: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/21.jpg)
De la formación de esquemas cognocitivos se generan los procesos como percepción, comprensión, memoria y comportamiento.
![Page 22: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/22.jpg)
El perceptor tiene esquemas cognocitivos previos los cuales permiten interpretar nuevos esquemas y generar nuevos esquemas.
![Page 23: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/23.jpg)
El objetivo del diseño de la información es dar a entender conceptos que pueden agruparse en diferentes categorías
![Page 24: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/24.jpg)
Categorías cognoscitivas
Categorías cognocitivas que constituyen las nociones fundamentales del conocimiento humano en su interacción con el medio
![Page 25: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/25.jpg)
Categorias naturalesCualidades literales o referencias objetivas de la realidad, percibidas a través de distintas vias sensoriales. Pueden ser materiales (peso consistencia, tamaño, textura, etc.) espaciales)
LuminosidadOrientaciónProfundidad, DimensiónIntertisiosPosiciones.
![Page 26: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/26.jpg)
Categorías relacionalesRelacionan características de las categorías naturales
DirecciónMovimientoTiempoEquilibrioCantidadDiferenciaciónSeriación,Proximidad
![Page 27: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/27.jpg)
Categorías inferencialesDe mayor abstracción: como soporte lógico (identidades, agrupamientos, permutaciones, causalidades, pertenencias, correspondencias o equivalencias) y analógico (simbólocas, figurativas, transformaciones, creaciones).
CausalidadPredicciónCorrespondenciasAnalogíasDiferenciación.
![Page 28: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/28.jpg)
![Page 29: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/29.jpg)
![Page 30: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/30.jpg)
Podemos reconocer cuatro componentes fundamentales en el acto perceptual:
Percepción y cognición1.- Percepción sensorial2.- Búsqueda de significado3.- Construcción de significado4.- Asimilación e interiorización.
![Page 31: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/31.jpg)
Para encontrar significado es necesario organizar los éstimulos visuales en un todo coherente. Esta organización se basa fundamentalmente en los principios de segregación e integración –que separan y relacionan componentes- y sobre los de semejanza, proximidad y cierre, las leyes básicas de la percepción establecidas por la teoría de la Gestalt.
![Page 32: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/32.jpg)
Los principios visuales de integración y segmentación se basan en semejanza, proximidad y cierre (o continuidad).
![Page 33: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/33.jpg)
Percibir no es recibir información pasivamente, implica buscar, seleccionar, relacionar, organizar, establecer conexiones, recordar reconocer, identificar, jerarquizar, evaluar, descartar, aprender e interpretar.
![Page 34: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/34.jpg)
Todo elemento visual tiene significado
![Page 35: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/35.jpg)
Todo ordenamiento visual tiene significado
![Page 36: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/36.jpg)
Todo significado presume un órden
![Page 37: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/37.jpg)
Todo órden esta basado en principios visuales de integración y segmentación.
![Page 38: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/38.jpg)
Todo mensaje visual ésta constituido por dos niveles: forma y significación.
![Page 39: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/39.jpg)
La significación de un mensaje requiere un proceso de interpretación.
![Page 40: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/40.jpg)
![Page 41: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/41.jpg)
Todo mensaje es producido para generar un efecto en las conductas, las actitudes o el conocimiento de cierto grupo de gente.
![Page 42: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/42.jpg)
![Page 43: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/43.jpg)
ContextoPerceptual: el ambiente visual en el que se presenta el mensaje.Cultural: el medio cultural del público.De origen: el contexto formado por los otros mensajes producidos por el mismo emisorDe clase: el contexto creado por los mensajes de la misma clase y posiblemente generados por diferentes emisores. Por ejemplo: si una señal parece preventiva, el perceptor buscara interpretarla en ese contexto, independientemente de si lo es.
![Page 44: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/44.jpg)
ContextoEstético: formado por el estilo visual de las comunicaciones gráficas contemporáneas.Medio: el contexto creado por el medio de comunicación o canal utilizado, por ejemplo las señales que estan en un poste y las que estan pintadas en el piso.Calidad técnica: el nivel de desarrollo técnico esperado por el público en cuanto a materiales y realización.Lenguaje: Contexto formado por la estructura de las frases o las palabras seleccionadas para expresar una idea.
![Page 45: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/45.jpg)
Ergonomiade las señales
![Page 46: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/46.jpg)
Estudio de las características físicas de las señales en relación con las capacidades perceptivas del perceptor
![Page 47: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/47.jpg)
![Page 48: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/48.jpg)
En gran medida la correcta visibilidad de las señales esta en función de su tamaño
![Page 49: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/49.jpg)
La altura y la posición también condicionan su visibilidad
![Page 50: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/50.jpg)
Si la iluminación general es insuficiente, se utilizará una iluminación adicional o se utilizarán materiales reflejantes o fosforescentes.
![Page 51: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/51.jpg)
Campo visual
![Page 52: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/52.jpg)
![Page 53: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/53.jpg)
![Page 54: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/54.jpg)
La agudeza y la amplitud del campo visual esta en función de varios factores como del estado de salud del sistema visual del perceptor, su estado de movimiento, incluso su nivel de cansancio.
![Page 55: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/55.jpg)
Tiro visualLa distancia máxima a la que esta visible un elemento o señal
![Page 56: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/56.jpg)
![Page 57: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/57.jpg)
![Page 58: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/58.jpg)
La distancia ideal para evaluar una señal es de entre el doble y el triple de su dimensión más larga
![Page 59: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/59.jpg)
![Page 60: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/60.jpg)
La mirada puede ser un acto regido por la anatomía del ojo, por tal motivo medible en cierta medida, sin embargo esta sujeta a la atención que el perceptor dirige y mueve dentro de su campo visual.
![Page 61: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/61.jpg)
Entre la señal y la respuesta del usuario no necesariamente existe una correspondencia, depende primero de que la señal sea percibida, entendida y que decida aceptar el señalamiento
![Page 62: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/62.jpg)
Ruido
![Page 63: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/63.jpg)
Es toda distracción que se interpone entre la información y el intérprete, y que interfiere, distorsionando u ocultando el mensaje transmitido.
![Page 64: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/64.jpg)
Ruido visualOcasionado por elementos que interfieren, distorsionan o bloquean la visibilidad de los estímulos
![Page 65: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/65.jpg)
Ruido culturalCuando el mensaje no esta siendo interpretado apropiadamente debido a elementos propios de otra cultura, por ejemplo el lenguaje. Cuando a nivel semántico, la l{ogica del mensaje no se relaciona con el estilo cognitivo del público.
![Page 66: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/66.jpg)
Ruido psicológicoCuando la interpretación del mensaje esta siendo interrumpido por elementos emocionales del perceptor.
![Page 67: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/67.jpg)
El ruido puede darse en el canal (medio), en el código(lenguaje) o en la forma (estética. Estilo)El ruido puede ser propio del mensaje y su sustrato. en el entorno o en el perceptor.
![Page 68: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/68.jpg)
El ruido puede ser creado por información no pertinente
![Page 69: Diseño de información](https://reader035.fdocumento.com/reader035/viewer/2022070423/568166ce550346895ddadb10/html5/thumbnails/69.jpg)
Dada la cantidad de llamados de atención que recibimos constantemente en una ciudad, es fácil entender que hacemos una fuerte selección de los estímulos circundantes y procesamos sólo una minima cantidad de información ofrecida por el medio ambiente. De aquí la necesidad de comunicar el contenido de un mensaje mediante sus elementos más inmediatamente visibles.