Fundamentos, teoría y aplicación del diseño de información

1. diseño
información
Prof. Daniel Vega Yaguel
Diseñador
Licenciado en Diseño
Magíster en Educación y Tecnologías para el Aprendizaje
www.danielvega.cl
fundamentos
teoría
aplicación

2. Esquemática
Niveles de iconicidad
Modos de visualización
Codificación de la información
Contenidos
01
02
03
04

3. La esquemática01

4. La esquemática
Es un modo de visualizar la información, hacer visible
lo invisible de algunos procesos de información que
pueden ser muy abstractos y difíciles de entender con
sólo palabras.
Su función primaria es ayudar al lector a percibir
ideas muy complejas

5. Plano de un edificio Variación matemática

6. La esquemática
Es un tipo de lenguaje visual que se vale de recursos
gráficos para transmitir información que de otro modo
llevaría varios volúmenes de textos

7. Sistema solar Color

8. La esquemática
La esquemática implica visualizar, que es un proceso
mental, se forma en la mente un concepto y se logra
imaginar algo…

9. La esquemática
Para lograr una visualización necesitamos, información a partir
de datos elaborados para generar un nuevo conocimiento,
que conlleva como elemento final el aprendizaje

10. 1563
Si damos un número, ese numero podría representar una
serie de cosas distintas

11. 25 10 1563
Si ampliamos un poco el dato numérico con otras dos cifras, ya
podríamos deducir una fecha e interrelacionar información

14. Es un modo de visualizar la información, hacer visible lo invisible de algunos procesos de información
que pueden ser muy abstractos y difíciles de entender con sólo palabras.

15. Niveles de iconicidad02

16. Iconicidad
Son las formas que existen para la representación
visual, vamos ver la escala de iconicidad de
Moles* que es un modo de medir y organizar la
información.
Ver escala de Moles

17. Iconicidad Abstracción
Opuestos

18. Opuestos
Iconicidad Abstracción

19. Máxima
iconicidad
Iconicidad Abstracción
Nula

20. Máxima
Abstración
Iconicidad Abstracción
Nula

21. Niveles de iconicidad
De la analogía a la abstracción

22. Niveles de iconicidad
Humano y silla

23. Niveles de iconicidad
Humano y silla

24. Niveles de iconicidad
Humano y silla

25. Niveles de iconicidad
Humano y silla

26. Niveles de iconicidad
Humano y silla

27. Niveles de iconicidad
Humano y silla

28. Niveles de iconicidad
Humano y silla

29. Niveles de iconicidad
Humano y silla

30. Niveles de iconicidad
Humano y silla

31. Niveles de iconicidad
Niveles de interés

32. Modos de visualización03

33. Visualización
Son las formas generales de representar la
información

35. • •• •• • •••

36. Ramificaciones

37. Ramificaciones

38. Ramificaciones

39. Ramificaciones

40. Derivación/
Interconexiones

41. Derivación/
Interconexiones

42. Derivación/
Interconexiones

43. Derivación/
Interconexiones

44. Gráficos XY

45. Codificación de la información04

46. Código
Conjuntos de leyes o normas || Sistema de signos y
reglas que permite formular y comprender un mensaje

47. Código
Un código sintetiza la información a veces muy simple y
directa como una palabra y a veces compleja como un
concepto o una serie de ideas

48. Código
Un código puede ser muy específico o más universal II
todos los códigos son aprendidos, no son naturales

49. Decodificación
La descodificación o comprensión del código y de los
elementos que están en escena dependen del conjunto

50. La descodificación o comprensión del código y de los
elementos que están en escena dependen del conjunto
y otras veces del contexto
Decodificación

51. La descodificación o comprensión del código y de los
elementos que están en escena dependen del conjunto
y otras veces del contexto
Decodificación

52. Ejemplo de situación de códigos

53. Ejemplo de situación de códigos

54. Ejemplo de situación de códigos

55. Ejemplo de situación de códigos

56. Ejemplo de situación de códigos

57. Ejemplo de situación de códigos
•
•
•
• •
•
•
•
• •

58. Ejemplo de situación de códigos
•
•
•
• •
•
•
•
• •

59. Otros Códigos

60. Otros Códigos

61. Otros Códigos

62. Recursos para tener en consideración

63. Charles Joseph Minard
Dijon, 27 de marzo de 1781
Burdeos, 24 de octubre de 1870
Ingeniero civil francés reconocido por su notable
trabajo en el terreno de los gráficos
informativos.
Pionero en la visualización,
desarrollador de piezas que
no han perdido vigencia
Recursos para tener en consideración

64. Metro de Londres
La historia gráfica del metro de
Londres no tiene desperdicio,
los planos de la red de trenes y
sus diversas versiones siempre
han sido referencia en la
materia, imitados hasta el
hartazgo en el mundo
Ver Mapa del metro de Londres
Ver London Underground 150 años de leyenda
Ver Introducing Johnston100, the language of London
Recursos para tener en consideración

65. Subte de Buenos Aires
En este link pueden compararse
diferentes horarios del tráfico en
el subterráneo dinámicamente.
Link Subte interactivo
Recursos para tener en consideración

66. Proyecto Tube Tongues
Mapa esquemático dinámico que
recorre el London Tube
incorporando como dato social
los idiomas de los usuarios de las
diferentes zonas de la ciudad. Es
interesante pensar qué otros
datos podemos incluir en
información preexistente para
leerla de diferentes modos y
sacar nuevas conclusiones.
Ver Proyecto Tube Tongues
Recursos para tener en consideración

67. David McCandless
Es un periodista británico
de datos y diseñador de
información con sede en
Londres.
Ver Sitio Web
TED Visualización
Recursos para tener en consideración

68. diseño
información
Prof. Daniel Vega Yaguel
Diseñador
Licenciado en Diseño
Magíster en Educación y Tecnologías para el Aprendizaje
www.danielvega.cl
fundamentos
teoría
aplicación