La experiencia del usuario y
la arquitectura de información
Jorge Arango

El rol de la información
Elementos de la experiencia del
usuario en el web
Arquitectura de información

Medios tradicionales
?
Televisión Radio Medios impresos Otros...
?
CD Rom / DVD Web Email Otros...
Medios interactivos

50+ canales 25,000,000,000 docs

“A cualesquier casa que entre, iré por el
beneficio de los enfermos, absteniéndome
de todo error voluntario y corrupción...”
- Hipócrates (470 A.C. - 380 A.C.)

Los elementos de la
experiencia del
usuario

Web como interfaz Web como sistema
Culminación
de software de hipertexto
Diseño visual
Superficie
Diseño de la interfaz Diseño de la navegación
Esqueleto
Diseño de la información
Diseño de la Arquitectura de
Estructura interacción información
Especificaciones Requerimientos de
Alcance funcionales contenido
Necesidades del usuario
Estrategia
Objetivos del sitio
Concepción
Autor: Jesse James Garrett http://www.jjg.net/ia/

Web como interfaz Web como sistema
Culminación
de software de hipertexto
Diseño de la Arquitectura de
Estructura interacción información
Concepción
Autor: Jesse James Garrett http://www.jjg.net/ia/

Arquitectura de
información

“El arte y la ciencia de estructurar y
organizar los sistemas de información
para ayudar a las personas a lograr sus
objetivos.”
Information Architecture for
the World Wide Web
Louis Rosenfeld & Peter Morville,
1998

Los arquitectos de información...
• organizan el contenido
• diseñan sistemas de navegación
...para ayudar a las personas a
encontrar y gestionar la información.

Modelos de
negocio
Objetivos
Branding
de la org
Contexto
AI
Tipos de
Audiencias
docs
Contenido Usuarios
Estructuras Necesidades
Experiencia /
Metadata
Educación

Teléfono celular
Usuarios
Sinónimos:
Móvil
Errores ortográficos:
Teléfono celolar
Abreviaciones / acrónimos:
Abismo comunicativo cel.
Términos más amplios:
Teléfono, portátil
Términos menos amplios:
Nokia, Razr
Términos relacionados:
SIM, GMS, texting, correo de voz
Documentos y
Aplicaciones

organización

Esquemas de organización
Esquemas exactos
Alfabéticos
Cronológicos
Geográficos

Esquemas de organización
Esquemas exactos Esquemas ambiguos
Alfabéticos Tema
Cronológicos Tarea
Geográficos Audiencia
Metáfora
Híbridos

Homepage
NAV SOPORTE NAV PRINCIPAL
0.0
Acerca de Globalstar Productos y servicios Industrias
Contáctenos Atención al Acerca de Comunicación
Novedades Productos Servicios Industrias Tarifas Cobertura
(Por país) cliente Globalstar de Datos
3.0 5.0 6.0 8.0 9.0 10.0
1.0 2.0 4.0 7.0
Abril 18, 2005
Copyright © 2005 Boot Studio Corp - Todos los derechos reservados
Trouble- Detalle de Nuestra
Términos y condiciones
shooting noticia tecnología
5.1
2.1 3.1 4.1
¿Porqué
Contacto de FAQs (Data
escoger Prods y servicios de terceros
soporte comms)
Globalstar? 5.2
2.2 7.1
4.2
Contacto de FAQs Handheld Enhanced Quick locate
Energía
contabilidad (Generales) phones services service
8.1
2.3 4.3 5.3 6.1 7.2
Jorge Arango
Servicios de Simplex Recursos
Empleos Fixed phones
voz modems naturales
4.4 5.4
6.2 7.3 8.2
Equipo Servicios de Duplex
Globalstar – Rediseño sitio CA 2005
Vehicle kit Pesca
administrativo fax modems
5.5 8.3
4.5 6.3 7.4
Servicios de
Data modems Agricultura
data
5.6 8.4
6.4
Compromiso
Mapa del sitio
Fax units Etc.
de servicio
5.7 8.x
6.5
Vamos a crear una matriz de
Portable Formularios
industrias a productos / servicios.
docking kits (PDF)
Tenemos que proveer capacidad
5.8 6.6
para que los usuarios
autoseleccionen su industria.

etiquetado
organización

Homepage?
• Inicio?
• Comienzo?
??
• Home?
• Página principal?
• ???

La forma correcta de
determinar las etiquetas
1. Términos que el usuario entienda
2. Convenciones comunes en la industria
3. El branding de la organización
Una buena etiqueta no te hace pensar

etiquetado
organización
navegación

Tipos de navegación
Global
Local
Contextual
Soporte

Navegación global
Navegación local
Navegación
contextual

etiquetado
organización
búsqueda
navegación

Motores de búsqueda
Tesauros
Metadata
Taxonomías

Tesauros
star wares star wars
(Sugerir)

Metadata
Información sobre
Información
la información
<META name="keywords"
content="Star Wars Trilogy
(Widescreen Edition), DVD,
Harrison Ford, George
Lucas, Irvin Kershner,
Richard Marquand, Mark
Hamill, Carrie Fisher, Alec
Guinness, Science Fiction">
Fecha de publicación del
documento...
Autor del documento...
Encoding...
Para consumo de los Para consumo de los
usuarios sistemas

Taxonomías
Cine
Películas Directores
Ciencia George Steven Brian
Drama Fantasía Comedia
Ficción Lucas Spielberg dePalma
Lord of Radioland
Star Wars THX-1138
the Rings Murders

Web como interfaz Web como sistema
Culminación
de software de hipertexto
Diseño visual
Superficie
Diseño de la interfaz Diseño de la navegación
Esqueleto
Diseño de la información
Diseño de la Arquitectura de
Estructura interacción información
Especificaciones Requerimientos de
Alcance funcionales contenido
Necesidades del usuario
Estrategia
Objetivos del sitio
Concepción
Autor: Jesse James Garrett http://www.jjg.net/ia/

etiquetado
organización
búsqueda
navegación

¡Gracias!
jarango@bootstudio.com
bootstudio.com
jarango.com