62
Documento 7 : Diseño de Información Taller Multimedia Jorge Barrera

06_diseno_informacion-web

Embed Size (px)

DESCRIPTION

Documento 7 : Diseño de Información Jorge Barrera La disciplina Diseño de Información se encarga de diseñar, crear y producir información digital, cuyo componente principal es el documento digital, orientado al usuario final. eminentemente pragmática, basada principalmente en la experimentación y en la adquisición de conocimientos mediante la práctica. La información son datos diseñados a priori como accesibles y usables para la gente.

Citation preview

Page 1: 06_diseno_informacion-web

Documento 7 : Diseño de Información

Taller Multimedia

Jorge Barrera

Page 2: 06_diseno_informacion-web

La disciplina Diseño de Información se encarga de diseñar, crear y producir información digital, cuyo componente principal es el documento digital, orientado al usuario final.

Page 3: 06_diseno_informacion-web

eminentemente pragmática, basada principalmente en la experimentación y en la adquisición de conocimientos mediante la práctica.

Page 4: 06_diseno_informacion-web

La información son datos diseñados a priori como accesibles y usables para la gente.

Page 5: 06_diseno_informacion-web

Es la definición de los requerimientos

que incluyen el seleccionar, interpretar

y transmitir la información con el

propósito de transferir conocimientos,

así como la optimización de la

información con respecto a estos

requerimientos.

Page 6: 06_diseno_informacion-web

Se piensa de dos modos: innovadoramente como sistemáticamente.

Page 7: 06_diseno_informacion-web

Se toma conciencia de las cualidades comunicativas de los componentes de los mensajes visuales y de sus interrelaciones.

Page 8: 06_diseno_informacion-web

mediante el Diseño se conocen los comportamientos relevantes, convenciones, estándares, regulaciones y sus teorías implícitas.

Page 9: 06_diseno_informacion-web

Explotar las capacidades de la comunicación humanas en relación a la percepción, procesos cognitivos y las respuestas a la información utilizando todos los sentidos.

Page 10: 06_diseno_informacion-web

Se explotan capacidades de las

ciencias de soporte tales como la

psicología cognitiva, lingüística,

ciencias políticas y sociales,

computación, estadística teniendo en

cuenta las diferentes particularidades

culturales del usuario.

Page 11: 06_diseno_informacion-web

Brenda Dervin (1999) afirma que el

diseño de información se debe

analizar en términos de procesos de

comunicación a nivel histórico.

Desde el renacimiento (conjunto de

realidad ordenada-herencia del logos)

hasta hoy (da sentido a una realidad

ordenada como caótica)

Page 12: 06_diseno_informacion-web

1 requisito del DI : los documentos que transmiten información deben ser comprensibles.

Page 13: 06_diseno_informacion-web

la comprensibilidad de un documento se puede evaluar mediante el examen del lenguaje visual subyacente que lo compone. (HORN)

Page 14: 06_diseno_informacion-web

Un lenguaje visual es el conjunto de palabras, imágenes y formas que sirven para comunicar.

Page 15: 06_diseno_informacion-web
Page 16: 06_diseno_informacion-web
Page 17: 06_diseno_informacion-web
Page 18: 06_diseno_informacion-web
Page 19: 06_diseno_informacion-web
Page 20: 06_diseno_informacion-web

Spence (2000)

visualización documental

definiéndolo como la capacidad de

entender mejor la información que

existe en los documentos, pero sin la

necesidad de leerlos.

Page 21: 06_diseno_informacion-web
Page 22: 06_diseno_informacion-web
Page 23: 06_diseno_informacion-web

“El diseño de información es la

definición, planeación y modelado de

los contenidos de un mensaje y su

ambiente, lo cual se presenta con la

intención de lograr objetivos

particulares en relación a las

necesidades de los usuarios”.

Instituto Internacional del Diseño de Información

Page 24: 06_diseno_informacion-web

Cuando más concreto es el

contenido más diseño de

información.

Cuanta más agregación y subtemas

hay, cuando más lejos se está del

contenido final, más arquitectura de

la Información

Page 25: 06_diseno_informacion-web

El DI transforma los datos complejos,

no organizados ni estructurados, en

información útil y utilizable…

Page 26: 06_diseno_informacion-web
Page 27: 06_diseno_informacion-web
Page 28: 06_diseno_informacion-web
Page 29: 06_diseno_informacion-web
Page 30: 06_diseno_informacion-web
Page 31: 06_diseno_informacion-web
Page 32: 06_diseno_informacion-web

PATRONES VISUALES

Page 33: 06_diseno_informacion-web

cuestión de criterio:

¿Que razón une a

los elementos?

Page 34: 06_diseno_informacion-web

Para poder crear relaciones entre los

elementos visuales se requiere una

gran capacidad de reconocimiento de

los patrones visuales y la capacidad

para manipularlos creando un

esquema estructurado.

Page 35: 06_diseno_informacion-web

Para poder crear relaciones entre los

elementos visuales se requiere una

gran capacidad de reconocimiento de

los patrones visuales y la capacidad

para manipularlos creando un

esquema estructurado.

Page 36: 06_diseno_informacion-web

Patrones de Diseño de información

Page 37: 06_diseno_informacion-web

Bubble charts gráfico de burbujasScatter plot - gráfico de dispersión

Line Chart - gráficos de líneas

Bar Chart - gráfico de Barras

Ring Chart - gráfico de anillossimplepie chart -gráfico de pastel

Thread Arcs - arcos de hiloSankey Diagram

Diagrama de ÁrbolMapa de árbol

Diagrams MapsRelation CirclePearl Necklet

Topographic Map -Thematic Map

correlaciones

cantidades contínuas

cantidades discretas

proporciones

flujos

jerarquías

redes

configuración espacial

Page 38: 06_diseno_informacion-web

correlaciones Bubble charts

relaciona dos o más coordenadas

Page 39: 06_diseno_informacion-web

correlaciones Scatter plot - gráficos de dispersión

relaciona coordenadas con más variables

Page 40: 06_diseno_informacion-web

Line chart - gráficos de líneacantidades contínuas

Page 41: 06_diseno_informacion-web

Bar Chartcantidades discretas

Page 42: 06_diseno_informacion-web

Dot matrix - Matriz de Puntoscantidades discretas

Page 43: 06_diseno_informacion-web

Ring Chart - Gráfico de anillosproporciones

Page 44: 06_diseno_informacion-web

Arcos de Hiloflujo

Page 45: 06_diseno_informacion-web

Sankey Diagramflujo

Page 46: 06_diseno_informacion-web

Diagrama de Arboljerarquía

Page 47: 06_diseno_informacion-web

Mapa de Arboljerarquía

Page 48: 06_diseno_informacion-web

Topographic Mapconfiguración espacial

Page 49: 06_diseno_informacion-web

Topographic Mapconfiguración espacial

Page 50: 06_diseno_informacion-web

mensaje en su ambiente

Page 51: 06_diseno_informacion-web

Bar Charthttp://www.emotionallyvague.com/

Page 52: 06_diseno_informacion-web

Bar Chart - flujohttp://www.emotionallyvague.com/

Page 53: 06_diseno_informacion-web

Bar Chart - flujohttp://www.emotionallyvague.com/

Page 54: 06_diseno_informacion-web

Ring Chart - Scatter plot mezclas

Page 55: 06_diseno_informacion-web

Grafico de dispersión

Page 56: 06_diseno_informacion-web

Grafico de dispersión

Page 57: 06_diseno_informacion-web

Actividad de Wikipedia

Page 58: 06_diseno_informacion-web

Actividad de Wikipedia

Page 59: 06_diseno_informacion-web

Grafico Biblia

Page 60: 06_diseno_informacion-web

Grafico Biblia

Page 61: 06_diseno_informacion-web
Page 62: 06_diseno_informacion-web