SlideShare una empresa de Scribd logo
1 de 14
Descargar para leer sin conexión
La Arquitectura de la Información
           en nuestro
          Proyecto Web
¿Qué es?
Definición de Lou Rosenfeld y Peter Morville en “Information
architecture for the World Wide Web”:

●La combinación de la organización, las capas y los esquemas de
navegación con un sistema de información

● El diseño estructural de un espacio informacional para facilitar la
finalización de tareas y el acceso intuitivo a los contenidos

●El arte y la ciencia de estructurar y clasificar sitios web e intranets para
ayudar a la gente a encontrar y administrar la información

● Una disciplina emergente y una comunidad de práctica focalizada en
traer los principios del diseño y la arquitectura al entorno digital

Algunos fragmentos del libro de Rosenfeld y Morville están en
Google Books
¿Para qué me sirve en mi proyecto web?

●Definimos criterios de organización y clasificación de la información
publicada.

●   Evitamos la improvisación de la estructura de nuestro sitio

●   Definimos el alcance de nuestro proyecto

●Pensamos en el destinatario de nuestro proyecto y en su experiencia de
navegación

●   Dividimos nuestro proyecto en niveles

●Nos distribuirnos tareas en el equipo a partir de las secciones que
determinemos

●   Nos ayudará a posicionar nuestro sitio en los buscadores
¿Cómo la puedo aplicar?

Para la aplicación de la Arquitectua de la información debemos considerar
tres momentos, según Jesse James Garrett:

●   El sistema presenta al usuario caminos.

●   El usuario se mueve a través de estos caminos mediante acciones.

●   Estas acciones entonces causan al sistema a generar resultados.
Como vamos viendo, existen dos elementos claves en el diseño de la
 arquitectura de la información:


 1) El objetivo del trabajo. Un objetivo bien definido guiará la
 estructuración de la web y el resultado será un diseño ordenado.




Diagramas extraídos de “Un vocabulario visual para describir arquitectura de información y diseńo de interacción”, de Jesse J. Garret
2) La necesidad del usuario. Entender sus necesidades ayudará que el
producto sea interpretado y recorrido del modo en que nos propusimos.

El diseño de la arquitectura de la información siempre se realiza en
función de modelos, es decir, pensando concretamente en los
destinatarios de nuestro producto.




Una metodología común es la simulación: le ofrecemos un boceto a un
usuario potencial y analizamos su recorrido. Luego ajustamos.
El diagrama de experiencia del usuario de Jesse James
¿Cómo se relaciona con la noción de usabilidad?

Un concepto muy vinculado a la Arquitectura de la Información es la
Usabilidad. No son sinónimos, sino complementarios.

●Si resumimos, podemos decir que la Arquitectura de la Información es la
metodología en la que decidimos cómo vamos a ordenar los contenidos
del nuestro sitio.

● La usabilidad en cambio, agrupa una serie de técnicas que estudian el
funcionamiento de la página para que sea predecible, estándar y sencilla
para el usuario.
Ejemplos de sitemaps o mapas de sitio
Ejemplos de sitemaps o mapas de sitio
Ejemplos de sitemaps o mapas de sitio
Herramienta online para diseñar sitemaps




                          Writemaps.com

Más contenido relacionado

Similar a Introducción a la Arquitectura de la Información

Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidaddsolanes
 
Arquitectura de la informacion3
Arquitectura de la informacion3Arquitectura de la informacion3
Arquitectura de la informacion3Miguel Tortello
 
Arquitectura de Información (entregables)
Arquitectura de Información (entregables)Arquitectura de Información (entregables)
Arquitectura de Información (entregables)Mario Carvajal
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la Informaciónhectorium
 
Arquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementaciónArquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementaciónnatalymoreno08
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioWorkshop Digital
 
Diseño de la información
Diseño de la informaciónDiseño de la información
Diseño de la informacióniConstruye
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la Informaciónsullinsan
 
ciberperiodismo
ciberperiodismociberperiodismo
ciberperiodismoDianCOC
 
Unidad 4
Unidad 4Unidad 4
Unidad 4CUYSY
 
Inventario de contenido Diplomado Arquitectura de Información y UX
Inventario de contenido Diplomado Arquitectura de Información y UXInventario de contenido Diplomado Arquitectura de Información y UX
Inventario de contenido Diplomado Arquitectura de Información y UXSady Ignacio Maureria Bulnes
 
AI estructura de trabajo
AI estructura de trabajoAI estructura de trabajo
AI estructura de trabajoXzta Zandi
 
Arquitectura de la información 01
Arquitectura de la información 01Arquitectura de la información 01
Arquitectura de la información 01Worköholics
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la InformaciónXimena Tabares
 
Clase 4. La Arquitectura y el Arquitecto de la Información
Clase 4. La Arquitectura  y el Arquitecto de la InformaciónClase 4. La Arquitectura  y el Arquitecto de la Información
Clase 4. La Arquitectura y el Arquitecto de la InformaciónUPTAEB
 

Similar a Introducción a la Arquitectura de la Información (20)

Día internacional de Arquitectura de información
Día internacional de Arquitectura de informaciónDía internacional de Arquitectura de información
Día internacional de Arquitectura de información
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidad
 
Arquitectura de la informacion3
Arquitectura de la informacion3Arquitectura de la informacion3
Arquitectura de la informacion3
 
Arquitectura de Información (entregables)
Arquitectura de Información (entregables)Arquitectura de Información (entregables)
Arquitectura de Información (entregables)
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la Información
 
Arquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementaciónArquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementación
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
 
Diseño de la información
Diseño de la informaciónDiseño de la información
Diseño de la información
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la Información
 
ciberperiodismo
ciberperiodismociberperiodismo
ciberperiodismo
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Inventario de contenido Diplomado Arquitectura de Información y UX
Inventario de contenido Diplomado Arquitectura de Información y UXInventario de contenido Diplomado Arquitectura de Información y UX
Inventario de contenido Diplomado Arquitectura de Información y UX
 
AI estructura de trabajo
AI estructura de trabajoAI estructura de trabajo
AI estructura de trabajo
 
Arquitectura de la información 01
Arquitectura de la información 01Arquitectura de la información 01
Arquitectura de la información 01
 
Arquitectura
ArquitecturaArquitectura
Arquitectura
 
Creacion web
Creacion webCreacion web
Creacion web
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la Información
 
Clase 4. La Arquitectura y el Arquitecto de la Información
Clase 4. La Arquitectura  y el Arquitecto de la InformaciónClase 4. La Arquitectura  y el Arquitecto de la Información
Clase 4. La Arquitectura y el Arquitecto de la Información
 

Más de Pablo Hamada

Como posicionar nuestros contenidos en google
Como posicionar nuestros contenidos en googleComo posicionar nuestros contenidos en google
Como posicionar nuestros contenidos en googlePablo Hamada
 
¿Cuál es el lugar para los nuevos medios en el campo periodístico argentino?
¿Cuál es el lugar para los nuevos medios en el campo periodístico argentino?¿Cuál es el lugar para los nuevos medios en el campo periodístico argentino?
¿Cuál es el lugar para los nuevos medios en el campo periodístico argentino?Pablo Hamada
 
Clase 3 - Especialización CUP
Clase 3 - Especialización CUPClase 3 - Especialización CUP
Clase 3 - Especialización CUPPablo Hamada
 
Tutorial de-tumblr
Tutorial de-tumblrTutorial de-tumblr
Tutorial de-tumblrPablo Hamada
 
Estrategia en redes sociales
Estrategia en redes socialesEstrategia en redes sociales
Estrategia en redes socialesPablo Hamada
 
Breve tutorial de Wordpress
Breve tutorial de WordpressBreve tutorial de Wordpress
Breve tutorial de WordpressPablo Hamada
 
Historias contadas con Storify
Historias contadas con StorifyHistorias contadas con Storify
Historias contadas con StorifyPablo Hamada
 
Redes sociales y periodismo
Redes sociales y periodismoRedes sociales y periodismo
Redes sociales y periodismoPablo Hamada
 
Categorias de L. Albornoz para el análisis de medios digitales
Categorias de L. Albornoz para el análisis de medios digitalesCategorias de L. Albornoz para el análisis de medios digitales
Categorias de L. Albornoz para el análisis de medios digitalesPablo Hamada
 
Tutorial de herramientas básicas de Wordpress.com - Parte II
Tutorial de herramientas básicas de Wordpress.com - Parte IITutorial de herramientas básicas de Wordpress.com - Parte II
Tutorial de herramientas básicas de Wordpress.com - Parte IIPablo Hamada
 
Tutorial de herramientas básicas de Wordpress.com - Parte I
Tutorial de herramientas básicas de Wordpress.com - Parte ITutorial de herramientas básicas de Wordpress.com - Parte I
Tutorial de herramientas básicas de Wordpress.com - Parte IPablo Hamada
 
Presentación: Del papel a la noticia multimedia
Presentación: Del papel a la noticia multimediaPresentación: Del papel a la noticia multimedia
Presentación: Del papel a la noticia multimediaPablo Hamada
 
Cómo crear una fanpage en Facebook
Cómo crear una fanpage en FacebookCómo crear una fanpage en Facebook
Cómo crear una fanpage en FacebookPablo Hamada
 
De la web 2.0 al Social Media
De la web 2.0 al Social MediaDe la web 2.0 al Social Media
De la web 2.0 al Social MediaPablo Hamada
 
Opciones avanzadas de Wordpress
Opciones avanzadas de WordpressOpciones avanzadas de Wordpress
Opciones avanzadas de WordpressPablo Hamada
 
Tutorial wordpress - Parte II
Tutorial wordpress - Parte IITutorial wordpress - Parte II
Tutorial wordpress - Parte IIPablo Hamada
 

Más de Pablo Hamada (20)

Taller cba copia
Taller cba copiaTaller cba copia
Taller cba copia
 
Como posicionar nuestros contenidos en google
Como posicionar nuestros contenidos en googleComo posicionar nuestros contenidos en google
Como posicionar nuestros contenidos en google
 
¿Cuál es el lugar para los nuevos medios en el campo periodístico argentino?
¿Cuál es el lugar para los nuevos medios en el campo periodístico argentino?¿Cuál es el lugar para los nuevos medios en el campo periodístico argentino?
¿Cuál es el lugar para los nuevos medios en el campo periodístico argentino?
 
3 encuentro
3 encuentro3 encuentro
3 encuentro
 
Clase 3 - Especialización CUP
Clase 3 - Especialización CUPClase 3 - Especialización CUP
Clase 3 - Especialización CUP
 
Presentacion
PresentacionPresentacion
Presentacion
 
Clase 1
Clase 1Clase 1
Clase 1
 
Tutorial de-tumblr
Tutorial de-tumblrTutorial de-tumblr
Tutorial de-tumblr
 
Estrategia en redes sociales
Estrategia en redes socialesEstrategia en redes sociales
Estrategia en redes sociales
 
Breve tutorial de Wordpress
Breve tutorial de WordpressBreve tutorial de Wordpress
Breve tutorial de Wordpress
 
Historias contadas con Storify
Historias contadas con StorifyHistorias contadas con Storify
Historias contadas con Storify
 
Redes sociales y periodismo
Redes sociales y periodismoRedes sociales y periodismo
Redes sociales y periodismo
 
Categorias de L. Albornoz para el análisis de medios digitales
Categorias de L. Albornoz para el análisis de medios digitalesCategorias de L. Albornoz para el análisis de medios digitales
Categorias de L. Albornoz para el análisis de medios digitales
 
Tutorial de herramientas básicas de Wordpress.com - Parte II
Tutorial de herramientas básicas de Wordpress.com - Parte IITutorial de herramientas básicas de Wordpress.com - Parte II
Tutorial de herramientas básicas de Wordpress.com - Parte II
 
Tutorial de herramientas básicas de Wordpress.com - Parte I
Tutorial de herramientas básicas de Wordpress.com - Parte ITutorial de herramientas básicas de Wordpress.com - Parte I
Tutorial de herramientas básicas de Wordpress.com - Parte I
 
Presentación: Del papel a la noticia multimedia
Presentación: Del papel a la noticia multimediaPresentación: Del papel a la noticia multimedia
Presentación: Del papel a la noticia multimedia
 
Cómo crear una fanpage en Facebook
Cómo crear una fanpage en FacebookCómo crear una fanpage en Facebook
Cómo crear una fanpage en Facebook
 
De la web 2.0 al Social Media
De la web 2.0 al Social MediaDe la web 2.0 al Social Media
De la web 2.0 al Social Media
 
Opciones avanzadas de Wordpress
Opciones avanzadas de WordpressOpciones avanzadas de Wordpress
Opciones avanzadas de Wordpress
 
Tutorial wordpress - Parte II
Tutorial wordpress - Parte IITutorial wordpress - Parte II
Tutorial wordpress - Parte II
 

Introducción a la Arquitectura de la Información

  • 1. La Arquitectura de la Información en nuestro Proyecto Web
  • 3. Definición de Lou Rosenfeld y Peter Morville en “Information architecture for the World Wide Web”: ●La combinación de la organización, las capas y los esquemas de navegación con un sistema de información ● El diseño estructural de un espacio informacional para facilitar la finalización de tareas y el acceso intuitivo a los contenidos ●El arte y la ciencia de estructurar y clasificar sitios web e intranets para ayudar a la gente a encontrar y administrar la información ● Una disciplina emergente y una comunidad de práctica focalizada en traer los principios del diseño y la arquitectura al entorno digital Algunos fragmentos del libro de Rosenfeld y Morville están en Google Books
  • 4. ¿Para qué me sirve en mi proyecto web? ●Definimos criterios de organización y clasificación de la información publicada. ● Evitamos la improvisación de la estructura de nuestro sitio ● Definimos el alcance de nuestro proyecto ●Pensamos en el destinatario de nuestro proyecto y en su experiencia de navegación ● Dividimos nuestro proyecto en niveles ●Nos distribuirnos tareas en el equipo a partir de las secciones que determinemos ● Nos ayudará a posicionar nuestro sitio en los buscadores
  • 5.
  • 6. ¿Cómo la puedo aplicar? Para la aplicación de la Arquitectua de la información debemos considerar tres momentos, según Jesse James Garrett: ● El sistema presenta al usuario caminos. ● El usuario se mueve a través de estos caminos mediante acciones. ● Estas acciones entonces causan al sistema a generar resultados.
  • 7. Como vamos viendo, existen dos elementos claves en el diseño de la arquitectura de la información: 1) El objetivo del trabajo. Un objetivo bien definido guiará la estructuración de la web y el resultado será un diseño ordenado. Diagramas extraídos de “Un vocabulario visual para describir arquitectura de información y diseńo de interacción”, de Jesse J. Garret
  • 8. 2) La necesidad del usuario. Entender sus necesidades ayudará que el producto sea interpretado y recorrido del modo en que nos propusimos. El diseño de la arquitectura de la información siempre se realiza en función de modelos, es decir, pensando concretamente en los destinatarios de nuestro producto. Una metodología común es la simulación: le ofrecemos un boceto a un usuario potencial y analizamos su recorrido. Luego ajustamos.
  • 9. El diagrama de experiencia del usuario de Jesse James
  • 10. ¿Cómo se relaciona con la noción de usabilidad? Un concepto muy vinculado a la Arquitectura de la Información es la Usabilidad. No son sinónimos, sino complementarios. ●Si resumimos, podemos decir que la Arquitectura de la Información es la metodología en la que decidimos cómo vamos a ordenar los contenidos del nuestro sitio. ● La usabilidad en cambio, agrupa una serie de técnicas que estudian el funcionamiento de la página para que sea predecible, estándar y sencilla para el usuario.
  • 11. Ejemplos de sitemaps o mapas de sitio
  • 12. Ejemplos de sitemaps o mapas de sitio
  • 13. Ejemplos de sitemaps o mapas de sitio
  • 14. Herramienta online para diseñar sitemaps Writemaps.com