Introducción a la Arquitectura de Información
-
Upload
wwwusarteco -
Category
Design
-
view
5.019 -
download
0
description
Transcript of Introducción a la Arquitectura de Información
![Page 1: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/1.jpg)
ARQUITECTURA DE INFORMACIÓN
Natalia Vivas Velasco @nataliavivas
#wudco2011
![Page 2: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/2.jpg)
Introducción a la Arquitectura de Información
![Page 3: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/3.jpg)
Introducción a la Arquitectura de Información
![Page 4: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/4.jpg)
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
![Page 5: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/5.jpg)
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
![Page 6: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/6.jpg)
De dónde viene el término
Qué es Arquitectura de Información
![Page 7: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/7.jpg)
h"p://www.flickr.com/photos/magia3e/4330518973/in/pool-‐1326826@N23/
Qué es Arquitectura de Información
![Page 8: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/8.jpg)
1. Sistemas de Organización 2. Sistemas de Navegación 3. Sistemas de Etiquetado 4. Sistemas de Búsqueda
Componentes:
r
Qué es Arquitectura de Información
![Page 9: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/9.jpg)
Sistemas de Organización:
Qué es Arquitectura de Información
![Page 10: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/10.jpg)
Sistemas de Organización: Alfabético
Qué es Arquitectura de Información
![Page 11: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/11.jpg)
Sistemas de Organización: Cronológico
Qué es Arquitectura de Información
![Page 12: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/12.jpg)
Sistemas de Organización: Geográfico
Qué es Arquitectura de Información
![Page 13: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/13.jpg)
Sistemas de Organización: Temático
Qué es Arquitectura de Información
![Page 14: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/14.jpg)
Sistemas de Organización: Orientada a tareas
Qué es Arquitectura de Información
![Page 15: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/15.jpg)
Sistemas de Organización: Orientada a audiencias
Qué es Arquitectura de Información
![Page 16: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/16.jpg)
Sistemas de Organización: Facetado
Qué es Arquitectura de Información
![Page 17: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/17.jpg)
Sistemas de Navegación
![Page 18: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/18.jpg)
Sistemas de Navegación:
- Jerárquico - Global - Local - Contextual
![Page 19: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/19.jpg)
Sistemas de Navegación: Jerárquico
![Page 20: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/20.jpg)
Sistemas de Navegación: Global y Local
h"p://www.uc.cl/es/futuros-‐alumnos
![Page 21: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/21.jpg)
Sistemas de Navegación: Contextual
![Page 22: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/22.jpg)
Sistemas de Rotulado, Etiquetado o nombramiento
![Page 23: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/23.jpg)
Sistemas de Etiquetado:
Qué es Arquitectura de Información
h"p://www.udd.cl/admision/
![Page 24: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/24.jpg)
Sistemas de Búsqueda: por exploración
Qué es Arquitectura de Información
![Page 25: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/25.jpg)
Sistemas de Búsqueda
Sistemas de Búsqueda: por recuperación de información
Qué es Arquitectura de Información
![Page 26: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/26.jpg)
h"p://semanGcstudios.com/publicaGons/semanGcs/000228.php
![Page 27: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/27.jpg)
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
![Page 28: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/28.jpg)
Muestra la agrupación, clasificación y jerarquía de los
contenidos.
Sitemap
Métodos de Arquitectura de Información
![Page 29: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/29.jpg)
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
Métodos de Arquitectura de Información
![Page 30: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/30.jpg)
Baja fidelidad
Enfoca la atención en el plano
global, loca y contextual, definiendo
los espacios de navegación en la
página
Wireframe
Métodos de Arquitectura de Información
![Page 31: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/31.jpg)
Fidelidad media
Se muestran algunos aspectos del
contenido que hará parte del sitio,
estableciendo rótulos y rutas de
navegación
Wireframe
Métodos de Arquitectura de Información
![Page 32: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/32.jpg)
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
Métodos de Arquitectura de Información
![Page 33: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/33.jpg)
h"p://www.greenonions.com/porIolio/dbrown_ia2005_wireframes.pdf
![Page 34: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/34.jpg)
URL: http://www.youtube.com/watch?v=QSxF-pISj1w
Wireframe
Métodos de Arquitectura de Información
![Page 35: Introducción a la Arquitectura de Información](https://reader033.fdocuments.mx/reader033/viewer/2022051109/548b683bb479596c438b4a73/html5/thumbnails/35.jpg)