DISEÑO WEB

CENTRADO EN
EL USUARIO
06: ARQUITECTURA de
la INFORMACIÓN
Jorge Cantú López
Escuela de Diseño y Multimedia ARCOS
DCU modelo de desarrollo autor: J. J. Garrett

SUPERFICIE

ESQUELETO

ESTRUCTURA

ALCANCE

ESTRATEGIA
ARQUITECTURA de
la INFORMACIÓN
La Arquitectura de la Información o AI se encarga del
estudio, análisis, organización, disposición y estructuración de la
información en espacios de información, y de la selección y
presentación de los datos en los sistemas de información.
La AI puede definir los siguientes ítems:

1. lenguaje: enfoque y vocabulario controlado empleado según las

audiencias.
2. temas: definición y descripción de contenidos.
3. organización y jerarquización de contenidos: esquema de contenidos.
4. estructura de navegación: mapa de sitio.
5. tipos de medios o recursos digitales: textos, imágenes, videos, mapas,
animaciones, etc.
ENTREGABLES

Esquema de contenidos Vocabulario controlado

Mapa de sitio Wireframes

LENGUAJE y Vocabulario controlado

El lenguaje define el enfoque y tono de la

comunicación, el nivel de formalidad, la
personalidad y el tipo de frases que se
emplea según las audiencias.

El vocabulario controlado es una lista selecta

de palabras y frases que se utilizan para
etiquetar los diversos ítems de información
para que puedan ser recuperados por una
búsqueda, de manera fácil y comprensiva.
ESTRUCTURA DE CONTENIDOS
El Card Sorting es una técnica de
investigación de usuarios que
permite descubrir cómo los
usuarios creen que deberían estar
organizados los contenidos de un
producto digital.
Se basa en la observación de
cómo los usuarios agrupan y
asocian entre sí un número
predeterminado de tarjetas
etiquetadas con las diferentes
categorías temáticas.
ESTRUCTURA DE CONTENIDOS
Reducido y Profundo

Extenso y Superficial
MAPA de Navegación

Proporciona una
representación
esquemática de la
estructura del hipertexto,
indicando los principales
conceptos incluidos en el
espacio de la información
y las interrelaciones que
existen entre ellos.
MAPAS DE NAVEGACIÓN
VOCABULARIO VISUAL PARA MAPAS DE NAVEGACIÓN
ACTIVIDAD 05 Arquitectura de la Información
Cada equipo de trabajo (2 a 3 integrantes) deberá establecer los puntos correspondientes a la Estructura del
proyecto a partir de la definición de puntos relacionados:

LENGUAJE Y TONO
COMUNICACIONAL
01 02 03
DEFINIR

Definir el enfoque y tono de la

REALIZAR
CARD
SORTING
Organizar jerárquicamente los contenidos
CREAR
MAPA DE
NAVEGACIÓN
Representación esquemática
comunicación junto con lista de palabras del sitio web para la comprensión e (diagrama) de la estructura y flujo
utilizadas para etiquetar los diversos identificación con el usuario. Utilizar post-it de navegación del sitio, utilizando
ítems. o similar. vocabulario visual.

Se realizará un trabajo colaborativo a partir de la elaboración de un documento compartido (Presentación o

Documento de Google) que será actualizado semana a semana hasta la finalización del proyecto.
Desarrollo durante la semana.
 Enlaces
Vocabulario visual para Arquitectura de información y
Diseño de interacción

Herramientas online Diagramas:

https://miro.com/
https://www.lucidchart.com/pages/es
https://creately.com/
DISEÑO WEB
CENTRADO EN EL USUARIO
Escuela de Diseño y Multimedia ARCOS

Jorge Cantú López

jorgecantu@arcos.cl

◂ Iconos by Flaticon
◂ Ilustraciones by Freepik