Arquitectura de información

4,243 views

Published on

Definición de arquitectura de información, tipos de sistemas de organización y tipos de sistemas de navegación

Published in: Technology, Education

Arquitectura de información

  1. 1. arquitectura de información [organización | navegación | rotulado | findability ] Luis Carlos Aceves G.
  2. 2. antecedentes <ul><li>Biblioteconomía </li></ul><ul><li>La web como una gran biblioteca de información </li></ul><ul><li>Ecología de la información </li></ul>Fuente: Information Architecture for the WWW
  3. 3. definiciones <ul><li>Consenso en el Information Architecture Insititute </li></ul><ul><li>El arte y ciencia de organizar y rotular sitios web, intranets, comunidades en línea y software para soportar la usabilidad y la buscabilidad. </li></ul>Fuente: IA Insititute, www.iainsitute.org
  4. 4. definiciones <ul><li>Crear esquemas organizacionales y de navegación </li></ul><ul><li>que permitan a los usuarios </li></ul><ul><li>moverse a través de todo el contenido del sitio web </li></ul><ul><li>de forma eficiente y efectiva </li></ul>Fuente: The Elements of the User Experience
  5. 5. definiciones <ul><li>El diseño estructural de ambientes de información compartidos. </li></ul><ul><li>La combinación de sistemas de organización, navegación, rotulado y búsqueda dentro de sitios web e intranets </li></ul><ul><li>El arte y ciencia de organizar y rotular sitios web, intranets, comunidades en línea y software para soportar la usabilidad y la buscabilidad. </li></ul><ul><li>Una emergente comunidad de práctica enfocada en traer principios del diseño y la arquitectura al paisaje digital. </li></ul>Fuente: Information Architecture for the WWW
  6. 6. <ul><li>sistemas de </li></ul><ul><li>organización </li></ul>
  7. 7. ¿qué son? <ul><li>Formas de categorizar y agrupar el contenido de en un sitio web </li></ul><ul><li>Compuesto por: </li></ul><ul><ul><li>Esquemas de organización </li></ul></ul><ul><ul><li>Estructuras de organización </li></ul></ul>
  8. 8. ¿qué son? <ul><li>Formas de categorizar y agrupar el contenido de en un sitio web </li></ul><ul><li>Compuesto por: </li></ul><ul><ul><li>Esquemas de organización </li></ul></ul><ul><ul><li>Estructuras de organización </li></ul></ul>
  9. 9. esquemas de organización <ul><li>Esquemas exactos: Alfabético </li></ul>www.boogar.com
  10. 10. esquemas de organización <ul><li>Esquemas exactos: Geográfico </li></ul>cuentame.inegi.gob.mx
  11. 11. esquemas de organización <ul><li>Esquemas exactos: Cronológico </li></ul>www.blockbuster.com.mx
  12. 12. esquemas de organizaci ón <ul><li>Esquemas subjetivos: Tema </li></ul>ww.netflix.com
  13. 13. esquemas de organizaci ón <ul><li>Esquemas subjetivos: Tarea </li></ul>www.istockphoto.com
  14. 14. esquemas de organizaci ón <ul><li>Esquemas subjetivos: Audiencia </li></ul>www.bananarepublic.com
  15. 15. esquemas de organizaci ón <ul><li>Esquemas subjetivos: Metáforas </li></ul>www.massociedad.org.mx
  16. 16. esquemas de organización <ul><li>Esquemas híbridos </li></ul>
  17. 17. esquemas de organización <ul><li>Esquemas polijerárquicos </li></ul><ul><ul><ul><ul><li>->Artes->Pintura->Renacimiento->Da Vinci </li></ul></ul></ul></ul><ul><ul><ul><ul><li>->Ciencias->Física->Física Teórica->Da Vinci </li></ul></ul></ul></ul>
  18. 18. esquemas de organización <ul><li>Esquemas de clasificación facetada </li></ul>1 2 3 www.circuitcity.com
  19. 19. ¿qué son? <ul><li>Formas de categorizar y agrupar el contenido de en un sitio web </li></ul><ul><li>Compuesto por: </li></ul><ul><ul><li>Esquemas de organización </li></ul></ul><ul><ul><li>Estructuras de organización </li></ul></ul>
  20. 20. estructuras de organización <ul><li>Taxonomías </li></ul>www.cnn.com
  21. 21. estructuras de organización <ul><li>Hipertextos </li></ul>www.cnn.com
  22. 22. estructuras de organización <ul><li>Clasificaciones sociales (Folksnomías) </li></ul>www.slideshare.com
  23. 23. <ul><li>sistemas de </li></ul><ul><li>navegación </li></ul>
  24. 24. ¿qué son? <ul><li>Formas en que el usuario se moverá a través de la información de un sitio web </li></ul><ul><li>Compuesto por: </li></ul><ul><ul><li>Sistemas de navegación embebidos </li></ul></ul><ul><ul><li>Sistemas de navegación complementarios o de cortesía </li></ul></ul>
  25. 25. ¿qué son? <ul><li>Formas en que el usuario se moverá a través de la información de un sitio web </li></ul><ul><li>Compuesto por: </li></ul><ul><ul><li>Sistemas de navegación embebidos </li></ul></ul><ul><ul><li>Sistemas de navegación complementarios o de cortesía </li></ul></ul>
  26. 26. sistemas embebidos <ul><li>Sistemas globales </li></ul><ul><li>Sistemas locales </li></ul><ul><li>Sistemas contextuales </li></ul>Fuente: Information Architecture for the WWW
  27. 27. ¿qué son? <ul><li>Formas en que el usuario se moverá a través de la información de un sitio web </li></ul><ul><li>Compuesto por: </li></ul><ul><ul><li>Sistemas de navegación embebidos </li></ul></ul><ul><ul><li>Sistemas de navegación complementarios o de cortesía </li></ul></ul>
  28. 28. sistemas complementarios o de cortesía <ul><li>Mapas </li></ul><ul><li>Índices </li></ul><ul><li>Guías </li></ul>Fuente: Information Architecture for the WWW
  29. 29. identificando sistemas de navegación www.bestbuy.com
  30. 30. identificando sistemas de navegación www.bestbuy.com
  31. 31. identificando sistemas de navegación www.bestbuy.com
  32. 32. identificando sistemas de navegación www.bestbuy.com
  33. 33. identificando sistemas de navegación www.bestbuy.com
  34. 34. <ul><li>sistemas de </li></ul><ul><li>rotulado (labeling) </li></ul>
  35. 35. ¿qué son? <ul><li>Formas en que se representa la información de forma que el usuario la pueda comprender </li></ul><ul><li>Tipos de rótulos: </li></ul><ul><ul><li>Enlaces contextuales </li></ul></ul><ul><ul><li>Encabezados </li></ul></ul><ul><ul><li>Opciones dentro de un sistema de navegación </li></ul></ul><ul><ul><li>Índice de términos </li></ul></ul>
  36. 36. Enlaces contextuales www.cio.com
  37. 37. Opciones para navegar www.london.gov.uk
  38. 38. Opciones para navegar www.become.com
  39. 39. Opciones para navegar w3c.org
  40. 40. <ul><li>sistemas de </li></ul><ul><li>búsqueda </li></ul>
  41. 41. ¿qué son? <ul><li>Formas en que se buscará la información </li></ul><ul><li>Criterios </li></ul><ul><ul><li>¿Dónde buscar? </li></ul></ul><ul><ul><li>¿Qué presentar? </li></ul></ul><ul><ul><li>¿Cómo buscar? </li></ul></ul>
  42. 42. <ul><li>documentando la arquitectura </li></ul><ul><li>vocabulario </li></ul><ul><li>visual </li></ul>
  43. 43. vocabulario visual de Garrett páginas y documentos conectores fuente: sitio web de Jesse James Garrett http://www.jjg.net/ia/visvocab/spanish.html
  44. 44. vocabulario visual de Garrett flechas etiquetas y referencias fuente: sitio web de Jesse James Garrett http://www.jjg.net/ia/visvocab/spanish.html
  45. 45. vocabulario visual de Garrett actividades concurrentes continuación del flujo fuente: sitio web de Jesse James Garrett http://www.jjg.net/ia/visvocab/spanish.html
  46. 46. vocabulario visual de Garrett áreas comunes áreas comunes iterativas fuente: sitio web de Jesse James Garrett http://www.jjg.net/ia/visvocab/spanish.html
  47. 47. vocabulario visual de Garrett componentes reutilizables fuente: sitio web de Jesse James Garrett http://www.jjg.net/ia/visvocab/spanish.html
  48. 48. vocabulario visual de Garrett punto de decisión simple flechas y conectores condicionales fuente: sitio web de Jesse James Garrett http://www.jjg.net/ia/visvocab/spanish.html
  49. 49. vocabulario visual de Garrett decisiones múltiples excluyentes decisiones múltiples simultáneas fuente: sitio web de Jesse James Garrett http://www.jjg.net/ia/visvocab/spanish.html
  50. 50. vocabulario visual de Garrett racimos áreas restringidas fuente: sitio web de Jesse James Garrett http://www.jjg.net/ia/visvocab/spanish.html
  51. 51. vocabulario visual de Garrett <ul><li>Para descargar los componentes del lenguje visual en diferentes formatos acceder a: </li></ul><ul><li>http ://www.jjg.net/ia/visvocab/spanish.html </li></ul><ul><li>Revisar ejemplo de Yahoo Mail </li></ul>

×