diseño de información sin imagenes

26
TP 5

Upload: florencia-tocci

Post on 16-Aug-2015

79 views

Category:

Design


3 download

TRANSCRIPT

Page 1: Diseño de información sin imagenes

TP 5

Page 2: Diseño de información sin imagenes

La esencia del diseño de información esLa esencia del diseño de información es analizar, organizar, entender, solucionar y diseñar y su principal objetivo es ladiseñar, y su principal objetivo es la traducción de información compleja, datos no organizados ni estructurados en informaciónorganizados ni estructurados, en información con sentido y de fácil acceso. 

Page 3: Diseño de información sin imagenes

Para ello se propone facilitar los procesos de Para ello se propone facilitar los procesos de percepción, lectura, comprensión, memorización y uso de la información presentada al usuario.p

Page 4: Diseño de información sin imagenes

.Primera EtapaLos datos son lamateria prima de la comunicación números nombres colores formas estímulos etc;Los datos son la materia prima de la comunicación, números, nombres, colores, formas, estímulos, etc; 

que carecen de organización y ocasionan que no tengan sentido, ya que se presentan como entidades vagas e incompletas. En esta fase es difícil que el receptor sea capaz de utilizarlos ya que por su estado de desorganización y caos es más complicado el entendimiento.

Segunda Etapa.g pCuando a estos datos se les añade una organización o contexto, se convierten en información, ya que se 

relacionan tales cifras o nombres con conceptos lo que les proporciona sentido y utilidad. La función del diseño en esta etapa consiste en presentar los datos de una forma que puedan ser correctamente leídos, entendidos y relacionados. Las acciones específicas que se llevan a cabo para este fin son, la organización, jerarquización y el establecimiento de diferentes categorías.

Tercera Etapa.El conocimiento se adquiere a través de la experiencia, es el resultado de la comunicación y repartición 

de la información con otras personas u objetos. Es de vital importancia la forma en que la información es presentada, ya que de esto dependerá su apropiada interpretación y aplicación.

Cuarta Etapa.Cuando dichos conocimientos han pasado a una etapa de evaluación e interpretación se puede hablar 

de la presencia de una sabiduría, es el resultado de la contemplación, evaluación, retrospección e interpretación, los cuales son procesos personales.

Page 5: Diseño de información sin imagenes

El diseñador de información es racionalEl diseñador de información es racional, sistemático y metódico, cualidades esenciales para organizar y analizar información de forma p g yobjetiva. 

Su modo de resolver problemas es aplicando un pensamiento sistemático.

(se basa en la percepción del mundo real en términos de(se basa en la percepción del mundo real en términos de totalidades para su análisis, comprensión y accionar, a diferencia del planteamiento del método científico, que sólo percibe partes de éste y de manera inconexa)sólo percibe partes de éste y de manera inconexa).

Page 6: Diseño de información sin imagenes

Para traducir información (simple o compleja)Para traducir información (simple o compleja) a un lenguaje que comunique las ideas con una mayor claridad precisión y eficacia eluna mayor claridad, precisión y eficacia, el diseño de información utiliza el lenguaje diagramáticodiagramático.

Page 7: Diseño de información sin imagenes

Es una nueva narrativa que actúa sustituyendoEs una nueva narrativa que actúa sustituyendo al texto informativo.

Page 8: Diseño de información sin imagenes

Combina palabras y elementos visuales queCombina palabras y elementos visuales que explican los acontecimientos descriptos en un artículo y sitúan a la historia o a sus yprotagonistas en un contexto determinado. 

Es decir que es un lenguaje integrado en el que interactúan de manera funcional la i l t t t limagen y el texto para presentar la información, y ser interpretada y entendida rápidamente por el lectorrápidamente por el lector.

Page 9: Diseño de información sin imagenes

Lenguaje integrado donde el aspecto visual deLenguaje integrado donde el aspecto visual de la pieza diseñada debe ir a la par de la transmisión de la informacióntransmisión de la información.

Su función es producir y transmitir Su función es producir y transmitirinformación que será transformada por el observador en conocimientoobservador en conocimiento. 

Page 10: Diseño de información sin imagenes

La percepción y registro de los datos porLa percepción y registro de los datos por medio de la sensibilidad, los sentidos o el sistema sensorial enterosistema sensorial entero.

La reflexión la comprensión o el trabajoLa reflexión, la comprensión o el trabajo mental que la actitud autodidáctica elabora con esos datos de percepción intuicióncon esos datos de percepción, intuición, recuerdo y experiencia.

Page 11: Diseño de información sin imagenes

“Visualizar es pues hacer visibles y comprensibles al ser humano aspectos y Visualizar es pues hacer visibles y comprensibles al ser humano aspectos y 

fenómenos de la realidad que no son accesibles al ojo y muchos de ellos ni siquiera 

son de naturaleza visual. Fenómenos complejos, procesos sutiles e inaprehensibles 

que escapan a nuestro conocimiento porque están fuera de los alcances del sistema 

sensorial humano. Cosas que sin embargo hemos de aprender, realizar, descubrir, 

ili l j i i f i l l d i d l id idiretener y utilizar en el ejercicio profesional o en el devenir de la vida cotidiana.

Consiste en transformar datos abstractos y fenómenos complejos de la realidad, 

en mensajes visibles, haciendo así posible a los individuos ver “con sus propios ojos” j , p p p j

tales datos y fenómenos que son directamente inaprehensibles… y comprender a 

través de aquellos la información, el sentido oculto que contienen.”

Page 12: Diseño de información sin imagenes

Los lenguajes gráficos nos ayudan a percibir más allág j g y pde la inmediatez y el alcance de la visión.

Lenguajes que visualizan o hacen visible cosas g j qinvisibles tanto de la realidad como de la imaginación. Cosas abstractas y complejas. 

La infografía es una visualización gráfica, se vale del desplazamiento del registro textual al registro visual.

Es percibida instantáneamente de un vistazo y en su totalidad como conjunto a diferencia de un texto, que presenta un desciframiento lineal cultural (lectura).presenta un desciframiento lineal cultural (lectura).

Page 13: Diseño de información sin imagenes

TEMPORAL  ATEMPORAL

Page 14: Diseño de información sin imagenes

GRÁFICOS / BARRAS GRÁFICOS / TORTAGRÁFICOS / BARRAS GRÁFICOS / TORTA

Page 15: Diseño de información sin imagenes

GRÁFICO / FIEBREGRÁFICO / FIEBRE

Page 16: Diseño de información sin imagenes

MAPASMAPAS

Page 17: Diseño de información sin imagenes

TABLASTABLAS

Page 18: Diseño de información sin imagenes

DIAGRAMADIAGRAMA

Page 19: Diseño de información sin imagenes

Síntesis InformativaSíntesis Informativa, Análisis y reordenamiento de la información.JerarquizaciónJerarquización.Diferenciar lo imprescindible de lo obvio.

Secuencia GráficaConsiderando los elementos gráficosConsiderando los elementos gráficosseleccionados y la información codificada.

Page 20: Diseño de información sin imagenes

Titular 

Textoexplicativo 

Cuerpo de la información

FuenteFuente 

Crédito

Page 21: Diseño de información sin imagenes

Indicadores

Sistemasreferenciales

Colores

Iconografía (tabla de Moles)(tabla de Moles)

Page 22: Diseño de información sin imagenes

Los elementos del discurso infográfico se presentan en el esquema de una manera progresiva, organizados jerárquicamente donde “c” sea leído después de “a” y “b” y sean vinculados significativamente uno al otro.

La configuración constituye una unidad perceptiva portadora de información por ello tiene intencionalidad .

La forma globalmente percibida es un todo que sobrepasa el La forma globalmente percibida es un todo que sobrepasa el reconocimiento de las partes, donde la mirada reconoce un itinerario de principalidad y de elementos subordinados.

El diseñador es quien organiza el mensaje imponiendo una estructura y un orden jerárquico. Conduce la mirad del lector conforme a un orden didáctico 

Page 23: Diseño de información sin imagenes

Lo importante es el lector o usuario y se trabajaLo importante es el lector o usuario y se trabajaen función de él considerando:

Su capacidad de atención disponible

La duración de la transferencia del mensaje

El nivel cultural de base (universales cotidianos)cotidianos)

Page 24: Diseño de información sin imagenes

Están en la memoria intuitiva constituyen unEstán en la memoria intuitiva constituyen unrepertorio semántico de la praxis visual:

• Sentido de las agujas del reloj• Sentido de lectura• El valor de la principalidad donde lo más importante se ubica arriba y lo subordinado en orden decrecienteubica arriba y lo subordinado en orden decreciente

• Escala o grados• Lo radial como emergencia desde el centro

d d• La idea de eje• El significado de los colores• La fuerza vectorial de la flecha.

Page 25: Diseño de información sin imagenes
Page 26: Diseño de información sin imagenes

Information Design Thinking. Esta metodología de trabajo g g g jdesglosa un problema de forma objetiva y sistemática, extrayendo las ideas principales y organizándolas visualmente de forma que se evidencien con mayor claridad nuevas l i t d i t ibl l irelaciones, puntos de vista y posibles soluciones. 

Infografías

Señalética (Wayfinding)

Consultoría en diseño de información para aumentar y Consultoría en diseño de información para aumentar y mejorar la comunicación y la comprensión de sus servicios, tanto a nivel interno como externo a audiencias de otros ámbitos.