arquitectura de la información (para sitios web profesionales)
DESCRIPTION
TRANSCRIPT
![Page 1: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/1.jpg)
ARQUITECTURA DE INFORMACIÓN
Natalia Vivas Velasco @nataliavivas
#wudco2011
![Page 2: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/2.jpg)
Introducción a la Arquitectura de Información
![Page 3: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/3.jpg)
Introducción a la Arquitectura de Información
![Page 4: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/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: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/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: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/6.jpg)
De dónde viene el término
Qué es Arquitectura de Información
![Page 7: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/7.jpg)
h"p://www.flickr.com/photos/magia3e/4330518973/in/pool-‐1326826@N23/
Qué es Arquitectura de Información
![Page 8: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/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: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/9.jpg)
Sistemas de Organización:
Qué es Arquitectura de Información
![Page 10: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/10.jpg)
Sistemas de Organización: Alfabético
Qué es Arquitectura de Información
![Page 11: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/11.jpg)
Sistemas de Organización: Cronológico
Qué es Arquitectura de Información
![Page 12: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/12.jpg)
Sistemas de Organización: Geográfico
Qué es Arquitectura de Información
![Page 13: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/13.jpg)
Sistemas de Organización: Temático
Qué es Arquitectura de Información
![Page 14: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/14.jpg)
Sistemas de Organización: Orientada a tareas
Qué es Arquitectura de Información
![Page 15: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/15.jpg)
Sistemas de Organización: Orientada a audiencias
Qué es Arquitectura de Información
![Page 16: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/16.jpg)
Sistemas de Organización: Facetado
Qué es Arquitectura de Información
![Page 17: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/17.jpg)
Sistemas de Navegación
![Page 18: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/18.jpg)
Sistemas de Navegación:
- Jerárquico - Global - Local - Contextual
![Page 19: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/19.jpg)
Sistemas de Navegación: Jerárquico
![Page 20: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/20.jpg)
Sistemas de Navegación: Global y Local
h"p://www.uc.cl/es/futuros-‐alumnos
![Page 21: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/21.jpg)
Sistemas de Navegación: Contextual
![Page 22: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/22.jpg)
Sistemas de Rotulado, Etiquetado o nombramiento
![Page 23: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/23.jpg)
Sistemas de Etiquetado:
Qué es Arquitectura de Información
h"p://www.udd.cl/admision/
![Page 24: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/24.jpg)
Sistemas de Búsqueda: por exploración
Qué es Arquitectura de Información
![Page 25: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/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: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/26.jpg)
h"p://semanGcstudios.com/publicaGons/semanGcs/000228.php
![Page 27: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/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: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/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: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/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: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/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: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/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: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/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: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/33.jpg)
h"p://www.greenonions.com/porIolio/dbrown_ia2005_wireframes.pdf
![Page 34: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/34.jpg)
URL: http://www.youtube.com/watch?v=QSxF-pISj1w
Wireframe
Métodos de Arquitectura de Información
![Page 35: Arquitectura de la Información (para sitios web profesionales)](https://reader034.vdocuments.mx/reader034/viewer/2022050905/548b6833b47959951e8b4583/html5/thumbnails/35.jpg)