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

#wudco2011

ARQUITECTURA DE
INFORMACIÓN
Natalia
Vivas
Velasco

@nataliavivas

Introducción a la
Arquitectura de Información

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.

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.

De dónde viene el término


h"p://www.ﬂickr.com/photos/magia3e/4330518973/in/pool-‐1326826@N23/

Componentes:

1.
2.
3.
4.

Sistemas
Sistemas
Sistemas
Sistemas

de
de
de
de

Organización
Navegación
r

Etiquetado
Búsqueda

Sistemas de Organización:

Sistemas de Organización: Alfabético

Sistemas de Organización: Cronológico

Sistemas de Organización: Geográfico

Sistemas de Organización: Temático

Sistemas de Organización: Orientada a tareas

Sistemas de Organización: Orientada a audiencias

Sistemas de Organización: Facetado

Sistemas de Navegación:

- 
- 
- 
- 

Jerárquico
Global
Local
Contextual

Sistemas de Navegación: Jerárquico

Sistemas de Navegación: Global y Local

h"p://www.uc.cl/es/futuros-‐alumnos

Sistemas de Navegación: Contextual

Sistemas de Rotulado, Etiquetado o
nombramiento

Sistemas de Etiquetado:

h"p://www.udd.cl/admision/

Sistemas de Búsqueda: por exploración

Sistemas de Búsqueda: por recuperación de información

Sistemas de Búsqueda

h"p://semanGcstudios.com/publicaGons/semanGcs/000228.php

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.

Sitemap

Muestra la agrupación, clasificación y jerarquía de los
contenidos.

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.

Wireframe
Baja fidelidad
Enfoca la atención en el plano
global, loca y contextual, definiendo
los espacios de navegación en la
página

Wireframe
Fidelidad media
Se muestran algunos aspectos del
contenido que hará parte del sitio,
estableciendo rótulos y rutas de
navegació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.

h"p://www.greenonions.com/porIolio/dbrown_ia2005_wireframes.pdf

Wireframe

URL: http://www.youtube.com/watch?v=QSxF-pISj1w

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

Natalia
Vivas
Velasco

www.nataliavivas.com

natalia.vivas@usaria.co

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

Más contenido relacionado

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

Más de Claudia Patricia Chitiva Rodríguez (18)

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