introducción a la arquitectura de la información

14
La Arquitectura de la Información en nuestro Proyecto Web

Upload: pablo-hamada

Post on 13-Jun-2015

982 views

Category:

Travel


3 download

TRANSCRIPT

Page 1: Introducción a la Arquitectura de la Información

La Arquitectura de la Información en nuestro

Proyecto Web

Page 2: Introducción a la Arquitectura de la Información

¿Qué es?

Page 3: Introducción a la Arquitectura de la Información

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

Page 4: Introducción a la Arquitectura de la Información

¿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

Page 5: Introducción a la Arquitectura de la Información
Page 6: Introducción a la Arquitectura de la Información

¿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.

Page 7: Introducción a la Arquitectura de la Información

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

Page 8: Introducción a la Arquitectura de la Información

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.

Page 9: Introducción a la Arquitectura de la Información

El diagrama de experiencia del usuario de Jesse James

Page 10: Introducción a la Arquitectura de la Información

¿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.

Page 11: Introducción a la Arquitectura de la Información

Ejemplos de sitemaps o mapas de sitio

Page 12: Introducción a la Arquitectura de la Información

Ejemplos de sitemaps o mapas de sitio

Page 13: Introducción a la Arquitectura de la Información

Ejemplos de sitemaps o mapas de sitio

Page 14: Introducción a la Arquitectura de la Información

Herramienta online para diseñar sitemaps

Writemaps.com