Arquitectura de la Información (para sitios web profesionales)

1,934 views

Published on

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,934
On SlideShare
0
From Embeds
0
Number of Embeds
162
Actions
Shares
0
Downloads
86
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Arquitectura de la Información (para sitios web profesionales)

  1. 1. #wudco2011   ARQUITECTURA DE INFORMACIÓN Natalia  Vivas  Velasco   @nataliavivas  
  2. 2. Introducción a la Arquitectura de Información
  3. 3. Introducción a la Arquitectura de Información
  4. 4. Introducción a la AI Definición: 1.  El diseño estructural de entornos de información compartida. 2.  El arte y la ciencia de organizar y etiquetar sitios web, intranets, comunidades en línea y software para proveer usabilidad y encontrabilidad. 3.  Una comunidad emergente de práctica enfocada en traer los principios del diseño y la arquitectura al paisaje digital.
  5. 5. Qué es Arquitectura de Información Es un proceso de análisis e investigación para organizar, estructurar y clasificar información que permita ser facilmente encontrada, usada y comprendida por quién la necesita.
  6. 6. Qué es Arquitectura de Información De dónde viene el término
  7. 7. Qué es Arquitectura de Información h"p://www.flickr.com/photos/magia3e/4330518973/in/pool-­‐1326826@N23/    
  8. 8. Qué es Arquitectura de Información Componentes: 1. 2. 3. 4. Sistemas Sistemas Sistemas Sistemas de de de de Organización Navegación r   Etiquetado Búsqueda
  9. 9. Qué es Arquitectura de Información Sistemas de Organización:
  10. 10. Qué es Arquitectura de Información Sistemas de Organización: Alfabético
  11. 11. Qué es Arquitectura de Información Sistemas de Organización: Cronológico
  12. 12. Qué es Arquitectura de Información Sistemas de Organización: Geográfico
  13. 13. Qué es Arquitectura de Información Sistemas de Organización: Temático
  14. 14. Qué es Arquitectura de Información Sistemas de Organización: Orientada a tareas
  15. 15. Qué es Arquitectura de Información Sistemas de Organización: Orientada a audiencias
  16. 16. Qué es Arquitectura de Información Sistemas de Organización: Facetado
  17. 17. Sistemas de Navegación
  18. 18. Sistemas de Navegación: -  -  -  -  Jerárquico Global Local Contextual
  19. 19. Sistemas de Navegación: Jerárquico
  20. 20. Sistemas de Navegación: Global y Local h"p://www.uc.cl/es/futuros-­‐alumnos    
  21. 21. Sistemas de Navegación: Contextual
  22. 22. Sistemas de Rotulado, Etiquetado o nombramiento
  23. 23. Qué es Arquitectura de Información Sistemas de Etiquetado: h"p://www.udd.cl/admision/    
  24. 24. Qué es Arquitectura de Información Sistemas de Búsqueda: por exploración
  25. 25. Qué es Arquitectura de Información Sistemas de Búsqueda: por recuperación de información Sistemas de Búsqueda  
  26. 26. h"p://semanGcstudios.com/publicaGons/semanGcs/000228.php  
  27. 27. Métodos de Arquitectura de Información Matriz de contenidos Permite hacer seguimiento a todos los elementos para el proceso de desarrollo y consecución de contenido, página por página.
  28. 28. Métodos de Arquitectura de Información Sitemap Muestra la agrupación, clasificación y jerarquía de los contenidos.
  29. 29. Métodos de Arquitectura de Información Wireframe Es un plano del sitio web previo donde se estructura la información, que permite especificar la distribución del contenido y sus jerarquías visuales.
  30. 30. Métodos de Arquitectura de Información Wireframe Baja fidelidad Enfoca la atención en el plano global, loca y contextual, definiendo los espacios de navegación en la página
  31. 31. Métodos de Arquitectura de Información Wireframe Fidelidad media Se muestran algunos aspectos del contenido que hará parte del sitio, estableciendo rótulos y rutas de navegación
  32. 32. Métodos de Arquitectura de Información Wireframe Fidelidad Alta Es lo más aproximado al sitio final, no sólo con distribución de contenido sino con contenidos reales, ubicaciones e interacciones posibles.
  33. 33. h"p://www.greenonions.com/porIolio/dbrown_ia2005_wireframes.pdf    
  34. 34. Métodos de Arquitectura de Información Wireframe URL: http://www.youtube.com/watch?v=QSxF-pISj1w
  35. 35. Natalia  Vivas  Velasco   www.nataliavivas.com     natalia.vivas@usaria.co    

×