El documento habla sobre la experiencia del usuario en el web y la arquitectura de información. Explica los elementos clave de la experiencia del usuario como la interfaz, la navegación y el diseño de información. También describe la arquitectura de información como el arte y la ciencia de organizar sistemas de información para ayudar a las personas a lograr sus objetivos. Finalmente, discute conceptos como etiquetado, navegación y búsqueda en el contexto de diseñar experiencias del usuario efectivas.

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

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

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

4. 50+ canales 25,000,000,000 docs

7. “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.)

8. Los elementos de la
experiencia del
usuario

9. 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/

10. 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/

11. Arquitectura de
información

12. “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

13. 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.

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

15. 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

16. organización

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

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

26. 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.

27. etiquetado
organización

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

31. 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

32. etiquetado
organización
navegación

35. Tipos de navegación
Global
Local
Contextual
Soporte

37. Navegación global
Navegación local
Navegación
contextual

38. etiquetado
organización
búsqueda
navegación

39. Motores de búsqueda
Tesauros
Metadata
Taxonomías

41. Tesauros
star wares star wars
(Sugerir)

44. 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

45. 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

47. 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/

48. etiquetado
organización
búsqueda
navegación

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