Your SlideShare is downloading. ×
taller 6                internet y el diseño de la información                      taller_mediamartes 14 de agosto de 2012
“[ ]porque todo diseño                  comienza cuando se                  comprende y se                  interpreta”   ...
The world is complex, dynamic, multidimensional; the        paper is static, flat. How are we to represent the rich        ...
programa instruccional       1. Prepara archivos de proyectos multimedia en Internet       2. Propone conceptos, herramien...
programa instruccional       1. Prepara archivos de proyectos multimedia en Internet       2. Propone conceptos, herramien...
programa instruccional       1. Prepara archivos de proyectos multimedia en Internet       2. Propone conceptos, herramien...
programa instruccional                              subunidades de competencias       Determina las herramientas digitales...
taller 6                tiempos de trabajomartes 14 de agosto de 2012
experiencia de usuario UX     Usabilidad     Factores sociales     Factores culturales     Contexto de uso     taller 6 - ...
experiencia de usuario UX     Usabilidad     Factores sociales     Factores culturales     Contexto de uso     arquitectur...
diseño de interfaz UI     Elementos gráficos (el rol del diseñador)     Elementos activos (el rol del programador)     La s...
diseño de interfaz UI     Elementos gráficos (el rol del diseñador)     Elementos activos (el rol del programador)     La s...
taller 6                evaluacionesmartes 14 de agosto de 2012
evaluaciones       13 Notas       5 Individuales       8 Grupales       No existen entregas atrasadas       Correcciones g...
diseño de la                informaciónmartes 14 de agosto de 2012
diseño de la información                El DI puede definirse como el arte y la ciencia de                preparar la infor...
definición de la información       La información es un conjunto de mecanismos que permiten al       individuo retomar los ...
50 millones de usuarios                                                 38 años     taller 6 - información y medios digita...
50 millones de usuarios                                                 13 años     taller 6 - información y medios digita...
50 millones de usuarios                                                 4 años     taller 6 - información y medios digital...
50 millones de usuarios                                                 3 años     taller 6 - información y medios digital...
50 millones de usuarios                                                 2 años     taller 6 - información y medios digital...
la información                es progresiva y por ende altamente complejizada en                razón de las nuevas tecnol...
3 puntos fundamentales       1. El diseñar información es trabajar con datos que puedan       llegar a convertirse en info...
La comprensibilidad del documento                se puede conseguir mediante la                visualización de los compon...
documentos                                      El primer requisito del DI es que los                                     ...
documentos comprensibles                                                 implican la visualización de todos los sistemas  ...
documentos comprensibles sistemas interactivos                                                 Cuando los espacios informa...
usabilidadmartes 14 de agosto de 2012
la usabilidad es la facilidad con que las       personas pueden utilizar una       herramienta con el fin de alcanzar un   ...
taller 6 - información y medios digitalesmartes 14 de agosto de 2012
usabilidad       diseñar es organizar elementos de modo que cumplan una       necesidad particular de la mejor manera/form...
usabilidad       diseñar es organizar elementos de modo que cumplan una       necesidad particular de la mejor manera/form...
orga  ni  zar  estructura  clara y  convincente     taller 6 - información y medios digitalesmartes 14 de agosto de 2012
orga eco  ni   nomi  zar zar  estructura                            lo máximo con  clara y                               l...
orga eco co  ni   nomi muni  zar zar   car  estructura                            lo máximo con   presentación a  clara y ...
encargo 1                estructura para la visualización de datos     taller 6 - información y medios digitalesmartes 14 ...
considerar          Un lenguaje visual es el conjunto de palabras,          imágenes y formas que sirven para comunicar.  ...
la base de lo solicitado          El material es la selección de una aplicación para          dispositivos móviles que pos...
diseño de documento          Crear un documento basándose en los 3 puntos          fundamentales del diseño de la informac...
criterios          1. Resumir: encontrar el objetivo macro relevante que          contenga a los demás elementos del diseñ...
en cuanto a diseño...          Categorizar visualmente          Usar las variables visuales de color y tipografía         ...
formato de entrega          HTML, Flash, PDF interactivo          Propuesta de contenidos: próxima clase          Concluye...
Upcoming SlideShare
Loading in...5
×

Diseño de la Información

602

Published on

Presentación de la metodología de construcción de información, estrategias de comunicación y base de la usabilidad.

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
602
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Diseño de la Información"

  1. 1. taller 6 internet y el diseño de la información taller_mediamartes 14 de agosto de 2012
  2. 2. “[ ]porque todo diseño comienza cuando se comprende y se interpreta” Alan Fletchermartes 14 de agosto de 2012
  3. 3. The world is complex, dynamic, multidimensional; the paper is static, flat. How are we to represent the rich visual world of experience and measurement on mere flatland? Edward Tufte, Envisioning Information, 1990. El mundo es complejo, dinámico, multidimensional; el papel es estático, plano. ¿Como vamos a representar el rico mundo visual de las experiencias y las medidas en un pobre espacio plano? taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  4. 4. programa instruccional 1. Prepara archivos de proyectos multimedia en Internet 2. Propone conceptos, herramientas y recursos en un proyecto multimedia Internet. 3 Crea un proyecto interactivo con herramientas digitales de autoría taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  5. 5. programa instruccional 1. Prepara archivos de proyectos multimedia en Internet 2. Propone conceptos, herramientas y recursos en un proyecto multimedia Internet. 3 Crea un proyecto interactivo con herramientas digitales de autoría taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  6. 6. programa instruccional 1. Prepara archivos de proyectos multimedia en Internet 2. Propone conceptos, herramientas y recursos en un proyecto multimedia Internet. 3 Crea un proyecto interactivo con herramientas digitales de autoría taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  7. 7. programa instruccional subunidades de competencias Determina las herramientas digitales según los soportes de salida (Internet, CD-Rom) de un proyecto. Reúne recursos y herramientas digitales en función de un proyecto interactivo (imágenes, videos, sonidos). Propone conceptos, herramientas y recursos en un proyecto interactivo. taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  8. 8. taller 6 tiempos de trabajomartes 14 de agosto de 2012
  9. 9. experiencia de usuario UX Usabilidad Factores sociales Factores culturales Contexto de uso taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  10. 10. experiencia de usuario UX Usabilidad Factores sociales Factores culturales Contexto de uso arquitectura de la información AI Contenido (card sorting) Estudio (blue prints) Representación (wireframes) Evaluación (test de usuario) taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  11. 11. diseño de interfaz UI Elementos gráficos (el rol del diseñador) Elementos activos (el rol del programador) La semántica del la web (el rol del usuario) Frameworks (pensando en dispositivos) taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  12. 12. diseño de interfaz UI Elementos gráficos (el rol del diseñador) Elementos activos (el rol del programador) La semántica del la web (el rol del usuario) Frameworks (pensando en dispositivos) desarrollo web :) HTML5, HTML CSS3, CSS Javascript (lenguajes de interactividad) Publicación Administración de contenidos taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  13. 13. taller 6 evaluacionesmartes 14 de agosto de 2012
  14. 14. evaluaciones 13 Notas 5 Individuales 8 Grupales No existen entregas atrasadas Correcciones grupales Comunicación taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  15. 15. diseño de la informaciónmartes 14 de agosto de 2012
  16. 16. diseño de la información El DI puede definirse como el arte y la ciencia de preparar la información, de modo que pueda usarse por los humanos con eficacia y eficiencia Horn (1999) taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  17. 17. definición de la información La información es un conjunto de mecanismos que permiten al individuo retomar los datos de su ambiente y estructurarlos de una manera determinada, de modo que le sirvan de guía para su acción. taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  18. 18. 50 millones de usuarios 38 años taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  19. 19. 50 millones de usuarios 13 años taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  20. 20. 50 millones de usuarios 4 años taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  21. 21. 50 millones de usuarios 3 años taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  22. 22. 50 millones de usuarios 2 años taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  23. 23. la información es progresiva y por ende altamente complejizada en razón de las nuevas tecnologías taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  24. 24. 3 puntos fundamentales 1. El diseñar información es trabajar con datos que puedan llegar a convertirse en información valiosa para un lector meta 2. En el diseño se persigue no solo la comunicación de la información, sino también su asimilación o aprendizaje a fin de convertirse en conocimiento 3. La información que se diseña, se hace con base en la intención, experiencia y pertinencia del usuario final taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  25. 25. La comprensibilidad del documento se puede conseguir mediante la visualización de los componentes que lo formanmartes 14 de agosto de 2012
  26. 26. documentos El primer requisito del DI es que los documentos que transmiten información comprensibles deben ser comprensibles. taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  27. 27. documentos comprensibles implican la visualización de todos los sistemas elementos de la interacción, lo que interactivos incluye el entorno social, el estado cognitivo del usuario, el sistema de diseño taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  28. 28. documentos comprensibles sistemas interactivos Cuando los espacios informativos se diseñan, deben ser navegables para los usuarios. espacios de Por analogía con la navegación real, se información debe diseñar la información conectando navegables las tareas con el modo de encontrar el camino y de poner señales. taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  29. 29. usabilidadmartes 14 de agosto de 2012
  30. 30. la usabilidad es la facilidad con que las personas pueden utilizar una herramienta con el fin de alcanzar un objetivo concreto taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  31. 31. taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  32. 32. usabilidad diseñar es organizar elementos de modo que cumplan una necesidad particular de la mejor manera/forma posible. (Charles Eames) taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  33. 33. usabilidad diseñar es organizar elementos de modo que cumplan una necesidad particular de la mejor manera/forma posible. (Charles Eames) Steve Krug DON’T MAKE ME THINK taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  34. 34. orga ni zar estructura clara y convincente taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  35. 35. orga eco ni nomi zar zar estructura lo máximo con clara y la menor convincente cantidad de elementos taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  36. 36. orga eco co ni nomi muni zar zar car estructura lo máximo con presentación a clara y la menor la capacidad convincente cantidad de del usuario elementos taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  37. 37. encargo 1 estructura para la visualización de datos taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  38. 38. considerar Un lenguaje visual es el conjunto de palabras, imágenes y formas que sirven para comunicar. Horn afirma que la comprensibilidad de un documento se puede evaluar mediante el examen del lenguaje visual subyacente que lo compone. taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  39. 39. la base de lo solicitado El material es la selección de una aplicación para dispositivos móviles que posea presencia en la web pensando en como sería la simpleza de su uso Pensar en alfabetizar y encantar en su uso a su grupo objetivo utilizando experiencias subjetivas apoyadas en elementos objetivos taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  40. 40. diseño de documento Crear un documento basándose en los 3 puntos fundamentales del diseño de la información. Se deben determinar criterios para migrar desde un sistema complejo (aplicación) a un entendimiento y aprehender * *aprehender: asimilar inmediatamente, llegar a entender. taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  41. 41. criterios 1. Resumir: encontrar el objetivo macro relevante que contenga a los demás elementos del diseño 2. Integración: pensar en una información navegable, creando un relato por medio de la sucesión y profundidad de contenidos 3. Finalidad: determinar un grupo de personas, un contexto donde lo diseñado sea útil en cuanto a su información taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  42. 42. en cuanto a diseño... Categorizar visualmente Usar las variables visuales de color y tipografía Construir una retícula que contenga la información entendiendo la naturaleza de esta taller 6 - información y medios digitalesmartes 14 de agosto de 2012
  43. 43. formato de entrega HTML, Flash, PDF interactivo Propuesta de contenidos: próxima clase Concluye con documento y lámina impresa (21/08) taller 6 - información y medios digitalesmartes 14 de agosto de 2012

×