1. Arquitectura de la
Información
Organizando un sitio web
Jorge Barahona Ch.
Julio 2007
jbarahona@arquitecturaucv.cl
® 2005-2007 Jorge Barahona Ch.

2. Por qué el Diseño debe preocuparse de
la Arquitectura de la Información?
® 2005-2007 Jorge Barahona Ch.

3. Por qué el Diseño debe preocuparse de
la Arquitectura de la Información?
Edward Tufte
(http://www.edwardtufte.com)
® 2005-2007 Jorge Barahona Ch.

4. Por qué el Diseño debe preocuparse de
la Arquitectura de la Información?
Edward Tufte
(http://www.edwardtufte.com)
Cómo transformar la
información en comunicación?
® 2005-2007 Jorge Barahona Ch.

5. Proceso de creación de un gráfico
® 2005-2007 Jorge Barahona Ch.

6. Proceso de creación de un gráfico
® 2005-2007 Jorge Barahona Ch.

7. Proceso de creación de un gráfico
® 2005-2007 Jorge Barahona Ch.

8. Qué es la Arquitectura de la Información?
® 2005-2007 Jorge Barahona Ch.

9. Qué es la Arquitectura de la Información?
® 2005-2007 Jorge Barahona Ch.

10. Qué es la Arquitectura de la Información?
Jesse James Garret
® 2005-2007 Jorge Barahona Ch.

11. Qué es la Arquitectura de la Información?
Jesse James Garret
(http://www.jjg.net)
® 2005-2007 Jorge Barahona Ch.

12. Qué es la Arquitectura de la Información?
Jesse James Garret
(http://www.jjg.net)
Define como las personas procesan la
información y construye relaciones entre
sus diferentes elementos.
® 2005-2007 Jorge Barahona Ch.

13. Qué es la Arquitectura de la Información?
Jesse James Garret
(http://www.jjg.net)
Define como las personas procesan la
información y construye relaciones entre
sus diferentes elementos.
® 2005-2007 Jorge Barahona Ch.

14. Qué es la Arquitectura de la Información?
Jesse James Garret
(http://www.jjg.net)
Define como las personas procesan la
información y construye relaciones entre
sus diferentes elementos.
The Elements of
User Experience
® 2005-2007 Jorge Barahona Ch.

15. Qué es la Arquitectura de la Información?
Jesse James Garret
(http://www.jjg.net)
Define como las personas procesan la
información y construye relaciones entre
sus diferentes elementos.
The Elements of
User Experience
® 2005-2007 Jorge Barahona Ch.

16. Qué es la Arquitectura de la Información?
Jesse James Garret
(http://www.jjg.net)
Define como las personas procesan la
información y construye relaciones entre
sus diferentes elementos.
“Usar un sitio web por primera vez, es
tan penoso como salir con una niña que
no conoces”
The Elements of
User Experience
® 2005-2007 Jorge Barahona Ch.

17. Qué es la Arquitectura de la Información?
® 2005-2007 Jorge Barahona Ch.

18. Qué es la Arquitectura de la Información?
® 2005-2007 Jorge Barahona Ch.

19. Qué es la Arquitectura de la Información?
Louis Rosenfeld
(http://www.louisrosenfeld.com)
® 2005-2007 Jorge Barahona Ch.

20. Qué es la Arquitectura de la Información?
Louis Rosenfeld
(http://www.louisrosenfeld.com)
Usa herramientas, técnicas y experiencias de
disciplinas que ven la información como algo
importante y valioso por si mismo.
® 2005-2007 Jorge Barahona Ch.

21. Qué es la Arquitectura de la Información?
Louis Rosenfeld
(http://www.louisrosenfeld.com)
Usa herramientas, técnicas y experiencias de
disciplinas que ven la información como algo
importante y valioso por si mismo.
® 2005-2007 Jorge Barahona Ch.

22. Qué es la Arquitectura de la Información?
Louis Rosenfeld
(http://www.louisrosenfeld.com)
Usa herramientas, técnicas y experiencias de
disciplinas que ven la información como algo
importante y valioso por si mismo.
Information Architecture for the World
Wide Web: Designing Large-Scale Web
Sites
® 2005-2007 Jorge Barahona Ch.

23. Qué es la Arquitectura de la Información?
Louis Rosenfeld
(http://www.louisrosenfeld.com)
Usa herramientas, técnicas y experiencias de
disciplinas que ven la información como algo
importante y valioso por si mismo.
Usuario
Contenido
Information Architecture for the World
Wide Web: Designing Large-Scale Web
Contexto
Sites
® 2005-2007 Jorge Barahona Ch.

24. Qué es la Arquitectura de la Información?
Louis Rosenfeld
(http://www.louisrosenfeld.com)
Usa herramientas, técnicas y experiencias de
disciplinas que ven la información como algo
importante y valioso por si mismo.
Usuario
Contenido
“La Arquitectura de la
Informacion es la cola que
Information Architecture for the World
mueve al perro”.
Wide Web: Designing Large-Scale Web
Contexto
Sites
® 2005-2007 Jorge Barahona Ch.

25. Qué es la Arquitectura de la Información?
® 2005-2007 Jorge Barahona Ch.

26. Qué es la Arquitectura de la Información?
® 2005-2007 Jorge Barahona Ch.

27. Qué es la Arquitectura de la Información?
Peter Morville
(http://www.semanticstudios.com)
® 2005-2007 Jorge Barahona Ch.

28. Qué es la Arquitectura de la Información?
Peter Morville
(http://www.semanticstudios.com)
El arte y la ciencia de organizar y etiquetar para apoyar las
capacidades de uso y búsqueda.
® 2005-2007 Jorge Barahona Ch.

29. Qué es la Arquitectura de la Información?
Peter Morville
(http://www.semanticstudios.com)
El arte y la ciencia de organizar y etiquetar para apoyar las
capacidades de uso y búsqueda.
® 2005-2007 Jorge Barahona Ch.

30. Qué es la Arquitectura de la Información?
Peter Morville
(http://www.semanticstudios.com)
El arte y la ciencia de organizar y etiquetar para apoyar las
capacidades de uso y búsqueda.
Information Architecture for the
World Wide Web: Designing Large-
Scale Web Sites
® 2005-2007 Jorge Barahona Ch.

31. Qué es la Arquitectura de la Información?
Peter Morville
(http://www.semanticstudios.com)
El arte y la ciencia de organizar y etiquetar para apoyar las
capacidades de uso y búsqueda.
Information Architecture for the
World Wide Web: Designing Large-
Scale Web Sites
® 2005-2007 Jorge Barahona Ch.

32. Qué es la Arquitectura de la Información?
Peter Morville
(http://www.semanticstudios.com)
El arte y la ciencia de organizar y etiquetar para apoyar las
capacidades de uso y búsqueda.
“La Arquitectura de la
Information Architecture for the
Informacion es casi
World Wide Web: Designing Large-
invisible”.
Scale Web Sites
® 2005-2007 Jorge Barahona Ch.

33. Qué es la Arquitectura de la Información?
Peter Morville
(http://www.semanticstudios.com)
El arte y la ciencia de organizar y etiquetar para apoyar las
capacidades de uso y búsqueda.
“La Arquitectura de la
Information Architecture for the
Informacion es casi
World Wide Web: Designing Large-
invisible”.
Scale Web Sites
® 2005-2007 Jorge Barahona Ch.

34. Qué es la Arquitectura de la Información?
Peter Morville
(http://www.semanticstudios.com)
El arte y la ciencia de organizar y etiquetar para apoyar las
capacidades de uso y búsqueda.
“La Arquitectura de la
Information Architecture for the
Informacion es casi
World Wide Web: Designing Large-
invisible”.
Scale Web Sites
® 2005-2007 Jorge Barahona Ch.

35. Qué es la Arquitectura de la Información?
® 2005-2007 Jorge Barahona Ch.

36. Qué es la Arquitectura de la Información?
® 2005-2007 Jorge Barahona Ch.

37. Qué es la Arquitectura de la Información?
Nathan Shedroff
(http://www.nathan.com)
® 2005-2007 Jorge Barahona Ch.

38. Qué es la Arquitectura de la Información?
Nathan Shedroff
(http://www.nathan.com)
Sistema para organizar datos, para transformarlos en
información.
® 2005-2007 Jorge Barahona Ch.

39. Qué es la Arquitectura de la Información?
Nathan Shedroff
(http://www.nathan.com)
Sistema para organizar datos, para transformarlos en
información.
® 2005-2007 Jorge Barahona Ch.

40. Qué es la Arquitectura de la Información?
Nathan Shedroff
(http://www.nathan.com)
Sistema para organizar datos, para transformarlos en
información.
Experience Design
® 2005-2007 Jorge Barahona Ch.

41. Qué es la Arquitectura de la Información?
® 2005-2007 Jorge Barahona Ch.

42. Qué es la Arquitectura de la Información?
Richard Saul Wurman
® 2005-2007 Jorge Barahona Ch.

43. Qué es la Arquitectura de la Información?
Richard Saul Wurman
http://www.wurman.com
Richard Saul Wurman
® 2005-2007 Jorge Barahona Ch.

44. Qué es la Arquitectura de la Información?
Richard Saul Wurman
http://www.wurman.com
Organizacion de los patrones inherentes a la información.
Richard Saul Wurman
® 2005-2007 Jorge Barahona Ch.

45. Qué es la Arquitectura de la Información?
Richard Saul Wurman
http://www.wurman.com
Organizacion de los patrones inherentes a la información.
Richard Saul Wurman
® 2005-2007 Jorge Barahona Ch.

46. Qué es la Arquitectura de la Información?
Richard Saul Wurman
http://www.wurman.com
Organizacion de los patrones inherentes a la información.
Richard Saul Wurman
Information Architects
® 2005-2007 Jorge Barahona Ch.

47. Qué es la Arquitectura de la Información?
Richard Saul Wurman
http://www.wurman.com
Organizacion de los patrones inherentes a la información.
Richard Saul Wurman
Information Architects
® 2005-2007 Jorge Barahona Ch.

48. Cómo se hace Arquitectura de la Información?
® 2005-2007 Jorge Barahona Ch.

49. Políticas de Privacidad | Mapa del Sitio | Telefonos en Regiones | Guía de eMails
Novedades
Otros sitios
HOME
relacionados
Postulaciones Consultas y Dudas
Qué son los Fondos? Cómo se postula? Archivo Histórico
Cuáles son sus Quiénes pueden Bases de Resumen de la
FONDART Libro FONDART Libro General 2003 2002 2001 Año n
beneficios? postular? Postulación Ley
Ingreso
segmenta por
Fondo de Fondo de
destinatarios
las ARtes las ARtes
de la consulta
Casos de Persona Persona
Ley No.66464-js Jurídica Jurídica
Postulaciones Natural Natural
Artes Artes
Audiovisuales Audiovisuales
Desarrollo Desarrollo
para la Cultura para la Cultura
Regional Regional
Conservación Conservación
y Difusión del y Difusión del
Patrimonio Patrimonio
Formularios
Especiales de
Desarrollo de Desarrollo de
Postulación
las Culturas las Culturas
Online.
Indígenas Indígenas
Desarrollo de la Desarrollo de la
Infraestructura Infraestructura
Cultural Cultural
Becas y Becas y
Pasantías Pasantías
Música Música
Ingreso de
Consulta
Autorrespuesta
del que
corresponda al
usuario.
® 2005-2007 Jorge Barahona Ch.

51. Mapa de contenidos No.5/ Portal Pymes, Banco de Chile /NIVEL GENERAL
01 de Junio del 2007
- Contacto
www.bancochile.cl - Mapa del sitio
- Preguntas frecuentes
Ayuda
- Emergencias
- Buscador
Empresas
- Economía Pymes
- Política Pymes
Actualidad
Inversiones Seguros - Sobre Pymes
Pymes
- Inversión Pymes
- Opinión
Portal Pyme
• Total Empresas
• Generales
NIVEL 1
FINANCIAMIENTO CLIENTE
PYME PYME
Financiamiento
NIVEL 2
SET PYME
Área condicional
Cuenta Línea de Tarjeta
Capital Corto Abono Banca en Línea
Capital Mediano Portales de
DEMO Seguridad
Corriente Crédito PYME
Plazo Express
y Largo Plazo Negocios
Digipass
Cuenta Seguro Total Chilecard
Fonobanc
DOS Empresa Empresa
NIVEL 3
• Portal de Recaudaciones
Operaciones
Pago de Pago a Cobranza de Depósitos Informes Cotizaciones
Pagos
Consulta en
Servicio de Transferencias
• Todo para sus viajes
Beneficios
Créditos Factoring Leasing Créditos • Cotizaciones • Portal de Proveedores
y consultas
Remuneraciones Proveedores Documentos a Plazo Comerciales Previsionales
Electrónicos
línea
Recaudaciones electrónicas
•• Lan Chile Previsionlaes • Portal de Compras Artikos
COMEX
•• Ecorent • Pago de
•• Hoteles Remuneraciones
NIVEL 4 • Restaurantes • De Servicios Toma o
• Pagos a Su favor • Portal de • Transferencia
• Crédito en cuotas iguales Boletas de ERP y ASP Telefonía Información - A través del Pago Electrónico
• Equipos HP
• Tradicional Renovación
Leasing • Portal de Recaudaciones entre productos
• Autoleasing • Créditos comerciales (UF
• Comerciales en UF y Garantía Softland IP Comex CCS en el sitio BCH
• Banda Ancha Entel de Depósitos
Proveedores • Bonos Médico • A terceros del
• Ofileasing o PESOS) - Pago directo en los otros sitios
Pesos • Neumáticos GoodYear • PAC Banco de Chile
• Flotaleasing • Créditos CORFO (B11, • Obligaciones Tributarias
• En Cuotas Fijas • Maq.Indus, ACO • Recaudación • A otros Bancos
B14, B15,B22)
• Con Garantía de Letras • Materiales de Oficina general • Vale vista virtual
• Créditos FOGAPE
• Con cuadro de pago
Confirming • Altos Montos
• Inmobiliario
• Créditos Hipotecarios
• Induleasing
(Fines Generales y
• MedLeasing
Vivienda)
• Carta de Crédito a
Importadores
Pagos a su • Préstamos a Exportadores
Favor
Saldo
Estado de Cuenta Corriente
Estado de Línea de Crédito
Pagos a su Favor
Factura Electrónica
Fondos Mutuos
Factoring
Leasing
Certificados Tributarios
Créditos
xPlica

52. - Contacto
www.bancochile.cl - Mapa del sitio
- Preguntas frecuentes
Ayuda
- Emergencias
- Buscador
Empresas
- Economía Pymes
- Política Pymes
Actualidad
Inversiones Seguros - Sobre Pymes
Pymes
- Inversión Pymes
- Opinión
Portal Pyme
• Total Empresas
• Generales
FINANCIAMIENTO CLIENTE
PYME PYME
Financiamiento
SET PYME
Área condicional
Cuenta Línea de Tarjeta Abono Banca en Línea
Capital Mediano DEMO Segu
Corriente Crédito PYME Express
y Largo Plazo
Cuenta Seguro Total Chilecard
Fonobanc
DOS Empresa Empresa
Operac
Pago de Pago a Cobranza de Consulta en
Servicio de Transferencias
• Todo para sus viajes
Beneficios
Créditos • Cotizaciones y cons
Remuneraciones Proveedores Documentos línea
Recaudaciones electrónicas
•• Lan Chile Previsionlaes COM
•• Ecorent • Pago de
•• Hoteles Remuneraciones
• Restaurantes • De Serv
• Pagos a Su favor • Portal de • Transferencia
• Crédito en cuotas iguales Boletas de ERP y ASP Telefonía Información - A través
• Equipos HP
Leasing • Portal de Recaudaciones entre productos
• Créditos comerciales (UF Garantía Softland IP Comex CCS en el sitio
• Banda Ancha Entel Proveedores • Bonos Médico • A terceros del
o PESOS) - Pago d
• Neumáticos GoodYear • PAC Banco de Chile
• Créditos CORFO (B11, • Obligac
• Maq.Indus, ACO • Recaudación • A otros Bancos
B14, B15,B22)
• Materiales de Oficina general • Vale vista virtual
• Créditos FOGAPE
• Altos Montos
• Inmobiliario
• Créditos Hipotecarios
• Induleasing
(Fines Generales y
• MedLeasing
Vivienda)
• Carta de Crédito a
Importadores
• Préstamos a Exportadores
Saldo
Estado de Cuenta Corriente
Estado de Línea de Crédito
Pagos a su Favor
Factura Electrónica
Fondos Mutuos
Factoring
Leasing
Certificados Tributarios
Créditos

53. ® 2005-2007 Jorge Barahona Ch.

54. ® 2005-2007 Jorge Barahona Ch.

55. ® 2005-2007 Jorge Barahona Ch.

56. ® 2005-2007 Jorge Barahona Ch.

57. Referencias
• Jesse James Garret, http://www.jjg.net
“The Elements of User Experience” User-Centered Design for the Web.
AIGA-New Riders 2003.
• Nathan Shedroff
·”Experience Design”
New Riders 2001.
• Louis Rosenfeld, http://www.louisrosenfeld.com
• Edward Tufte, “Envisioning Information”
• Javier Cañada, http://www.terremoto.com
• Juan Carlos Camus, http://www.usando.info
• Javier Velasco, http://www.mantruc.com
• Instituto Asilomar para la Arquitectura de la Información,
http://www.aifia.org
® 2005-2007 Jorge Barahona Ch.

58. Gracias por tu atención.
Preguntas a: jbarahona@arquitecturaucv.cl
Nota:
para responder su email es fundamental que sea corto y
preciso en sus preguntas o comentarios.
www.jbarahona.com
www.arquitecturaucv.cl
Junio 2005.
® 2005-2007 Jorge Barahona Ch.