Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
arquitectura de información [organización | navegación | rotulado |  findability  ] Luis Carlos Aceves G.
antecedentes <ul><li>Biblioteconomía </li></ul><ul><li>La web como una gran biblioteca de información </li></ul><ul><li>Ec...
definiciones <ul><li>Consenso en el Information Architecture Insititute </li></ul><ul><li>El  arte y ciencia de organizar ...
definiciones <ul><li>Crear  esquemas organizacionales y de navegación </li></ul><ul><li>que permitan a los usuarios </li><...
definiciones <ul><li>El  diseño   estructural  de ambientes de información compartidos.  </li></ul><ul><li>La combinación ...
<ul><li>sistemas de  </li></ul><ul><li>organización </li></ul>
¿qué son? <ul><li>Formas de  categorizar y agrupar  el contenido de en un sitio web </li></ul><ul><li>Compuesto por: </li>...
¿qué son? <ul><li>Formas de  categorizar y agrupar  el contenido de en un sitio web </li></ul><ul><li>Compuesto por: </li>...
esquemas de organización <ul><li>Esquemas exactos:  Alfabético </li></ul>www.boogar.com
esquemas de organización <ul><li>Esquemas exactos:  Geográfico </li></ul>cuentame.inegi.gob.mx
esquemas de organización <ul><li>Esquemas exactos:  Cronológico </li></ul>www.blockbuster.com.mx
esquemas de organizaci ón <ul><li>Esquemas subjetivos:  Tema </li></ul>ww.netflix.com
esquemas de organizaci ón <ul><li>Esquemas subjetivos:  Tarea </li></ul>www.istockphoto.com
esquemas de organizaci ón <ul><li>Esquemas subjetivos:  Audiencia </li></ul>www.bananarepublic.com
esquemas de organizaci ón <ul><li>Esquemas subjetivos:  Metáforas </li></ul>www.massociedad.org.mx
esquemas de organización <ul><li>Esquemas híbridos </li></ul>
esquemas de organización <ul><li>Esquemas polijerárquicos </li></ul><ul><ul><ul><ul><li>->Artes->Pintura->Renacimiento->Da...
esquemas de organización <ul><li>Esquemas de clasificación facetada </li></ul>1 2 3 www.circuitcity.com
¿qué son? <ul><li>Formas de  categorizar y agrupar  el contenido de en un sitio web </li></ul><ul><li>Compuesto por: </li>...
estructuras de organización <ul><li>Taxonomías </li></ul>www.cnn.com
estructuras de organización <ul><li>Hipertextos </li></ul>www.cnn.com
estructuras de organización <ul><li>Clasificaciones sociales (Folksnomías) </li></ul>www.slideshare.com
<ul><li>sistemas de  </li></ul><ul><li>navegación </li></ul>
¿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>Compue...
¿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>Compue...
sistemas embebidos <ul><li>Sistemas  globales </li></ul><ul><li>Sistemas  locales </li></ul><ul><li>Sistemas  contextuales...
¿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>Compue...
sistemas complementarios o de cortesía <ul><li>Mapas </li></ul><ul><li>Índices </li></ul><ul><li>Guías </li></ul>Fuente: I...
identificando sistemas de navegación www.bestbuy.com
identificando sistemas de navegación www.bestbuy.com
identificando sistemas de navegación www.bestbuy.com
identificando sistemas de navegación www.bestbuy.com
identificando sistemas de navegación www.bestbuy.com
<ul><li>sistemas de  </li></ul><ul><li>rotulado (labeling) </li></ul>
¿qué son? <ul><li>Formas en que se representa la información  de forma que el usuario la pueda comprender </li></ul><ul><l...
Enlaces contextuales www.cio.com
Opciones para navegar www.london.gov.uk
Opciones para navegar www.become.com
Opciones para navegar w3c.org
<ul><li>sistemas de  </li></ul><ul><li>búsqueda </li></ul>
¿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?...
<ul><li>documentando la arquitectura </li></ul><ul><li>vocabulario </li></ul><ul><li>visual </li></ul>
vocabulario visual de Garrett páginas y  documentos conectores fuente: sitio web de Jesse James Garrett  http://www.jjg.ne...
vocabulario visual de Garrett flechas etiquetas y  referencias fuente: sitio web de Jesse James Garrett  http://www.jjg.ne...
vocabulario visual de Garrett actividades concurrentes continuación del flujo fuente: sitio web de Jesse James Garrett  ht...
Upcoming SlideShare
Loading in …5
×

Arquitectura de información

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

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>

×