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

ARQUITECTURA DE INFORMACIÓN

Natalia Vivas Velasco @nataliavivas

#wudco2011

Introducción a la Arquitectura de Informació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.

Definición:

Introducción a la AI

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.

Qué es Arquitectura de Información

De dónde viene el término


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


1. Sistemas de Organización 2. Sistemas de Navegación 3. Sistemas de Etiquetado 4. Sistemas de Búsqueda

Componentes:

r


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

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

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


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

Permite hacer seguimiento a todos los elementos para el

proceso de desarrollo y consecución de contenido, página por

página.

Matriz de contenidos

Métodos de Arquitectura de Información

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

contenidos.

Sitemap


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.

Wireframe


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

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

Wireframe


Natalia Vivas Velasco www.nataliavivas.com

[email protected]

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

Documents

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