Diseño de la Información

722 views

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
722
On SlideShare
0
From Embeds
0
Number of Embeds
177
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

×