PDF de programación - Arquitectura y diseño de información para sitios web

Escuela de Diseño DuocUC

Carrera de Diseño Gráfi co

Sede San Carlos de Apoquindo

Nombre: Rafael Castillo Guerrero

Profesor guía: Javier Cancino Díaz

Santiago, diciembre de 2009

Escuela de Diseño DuocUC

Carrera de Diseño Gráfico

Sede San Carlos de Apoquindo

Nombre: Rafael Castillo Guerrero

Profesor guía: Javier Cancino Díaz

Santiago, diciembre de 2009

Agradecimientos

“...a la lluvia del Sur, que mojas nuestros rostros alegres por su presencia..”

a Rafael Castillo, padre, por no dudar ni un momento que esto tendría el mejor
final, un homenaje a sus años en la imprenta.

a mi madre, Beatriz, pues sus cuestionamientos me llevan a querer ir mas lejos,
gracias por conectarme con el lado mágico de la vida.

a Elena, Ignacio, Patricia y Verónica, quien me enseño el verdadero Tao de la
vida, la inocencia.

a Javier Cancino, mi profesor guía, quien creyó siempre en este proyecto, por
enseñarme que el diseño es más que aplicación de técnicas, es pasión y amor
por lo que uno puede llegar a crear. Gracias por sus palabra, por la ciudad de la
furia.

a los muchachos locos que soñaban con ser diseñadores, Juan Alvear, Gustavo
Palacios, Felipe Hidalgo, Luis Castillo y Víctor Zambrano.

a mis profesores en Diseño, Leonardo Lazcano, Solidario Martínez, Pedro Cruzat,
Rodrígo López y Alejandra Peralta.

a mis amigos, Manolo, Alejandro, Viviana, Rita, Ricardo, Romi, Cesar, Xime y Nina

a mis alumnos.

a Pilar Leiva, quien sin proponérselo entró en mi corazón y ha venido para
quedarse.

Arquitectura y diseño de información

5

Antecedentes

Resumen

La arquitectura de información, reúne una serie de disciplinas que en conjunto
logran plantear soluciones concretas a la problemática de estructuración
de contenidos para la Web. Entre los actores principales se encuentran los
diseñadores gráficos, quienes con la incorporación de nuevos conocimientos,
sobre esta materia,podrán presentar soluciones en el escenario que se está
viviendo. No obstante la cantidad y variedad de áreas relacionadas con las
estructuras de información, generan que el reto que se plantea continué sin un
final definitivo. Por lo que el presente estudio pretende dar a conocer y acercar
al diseño como plataforma de desarrollo de un contenido virtual que logre ser
comunicado.

Es así como la investigación se centró en los siguientes aspectos:

• Estado del arte de la arquitectura de la información en Chile.
• Vinculación del diseño gráfico a la temática.
• Análisis de referentes gráficos.
• Necesidad del estudio y explotación de la disciplina por el diseñador.
•

Infoxicación: Propuesta de aplicación de la arquitectura de la
información, usabilidad y diseño de información, en un blog temático
www.infoxicacion.cl.

• Conclusiones.

El presente estudio se orienta esencialmente a estudiantes de diseño
gráfico, profesores involucrados en el proceso de enseñanza del diseño Web,
diseñadores Web, y otros profesionales que deseen crear estructuras de
contenidos para sitios Web.

Finalmente, es necesario recordar la multiplicidad de profesiones que se
vinculan con un proyecto Web: marketing, periodismo, programadores,
bibliotecarios, diseñadores, siendo estos dos últimos los que presentan mayor
influencia sobre un proyecto Web cualquiera y es desde estos dos puntos de
vista que será presentado este trabajo.

Infoxicacion

6

Arquitectura y diseño de información

7

Contenido


5
10
12
15
16
17
17
21
22
23
25
33
37
39
40
43
45
46
47
54
57
58
59
69
72
72
75
75
79
84

Agradecimientos
Resumen
Problemática, necesidad u oportunidad comunicacional
Público objetivo
Contexto de la información
Problemática y su contexto
Objetivo general
Objetivos específicos
Fundamentos del proyecto
Definición y estructura de contenidos a comunicar
Estado del arte de la Arquitectura de la información en Chile
Qué hace la Arquitectura de información
Herramienta de la arquitectura de información
Procesos claves de la arquitectura de información
Diseño de información
Usabilidad
Diseño de experiencia
Vinculación del diseño gráfico a la arquitectura de información
Necesidad de estudio de la arquitectura de información
Análisis de referentes gráficos
Conceptualización
Financiamiento
Ventajas y desventajas
Propuesta formal
Evolución del proyecto Infoxicacion
Detalle de diseño
Proceso gráfico
Rediseño del sitio web www.infoxicacion.cl
Proceso gráfico
Conclusiones
Bibliografía

Infoxicacion

8

Siete colores en el arco-iris, siete enanitos intentando ligar con Blancanieves, siete
Siete colores en el arco-iris, siete enanitos intentando ligar con Blancanieves, siete
Siete colores en el arco-iris, siete enanitos intentando ligar con Blancanieves, siete
maravillas entre las que no se incluyó a la Alhambra, las siete llaves del guardián al
maravillas entre las que no se incluyó a la Alhambra, las siete llaves del guardián al
maravillas entre las que no se incluyó a la Alhambra, las siete llaves del guardián al
que cantaban Helloween... El número siete tuvo también su protagonismo, desde el
que cantaban Helloween... El número siete tuvo también su protagonismo, desde el
que cantaban Helloween... El número siete tuvo también su protagonismo, desde el
que cantaban Helloween... El número siete tuvo también su protagonismo, desde el
punto de vista ya histórico, en la psicología cognitiva, gracias a uno de los artículos
punto de vista ya histórico, en la psicología cognitiva, gracias a uno de los artículos
punto de vista ya histórico, en la psicología cognitiva, gracias a uno de los artículos
punto de vista ya histórico, en la psicología cognitiva, gracias a uno de los artículos
con el título más evocador y sexy que he tenido el gusto de leer: “The magical number
con el título más evocador y sexy que he tenido el gusto de leer: “The magical number
con el título más evocador y sexy que he tenido el gusto de leer: “The magical number
con el título más evocador y sexy que he tenido el gusto de leer: “The magical number
seven, plus or minus two: Some limits on our capacity for processing information”
[El mágico número siete, más o menos dos: Algunos límites en nuestra capacidad de
procesar la información], de George A. Miller (1956; no confundir con el otro George
Miller). Pero la cosa va más allá de la anécdota con el número siete y su “mágico” influjo
en la cognición, pues este artículo supuso uno de los hitos principales en el nacimiento

Arquitectura y diseño de información

Siete colores en el arco-iris, siete enanitos intentando ligar con Blancanieves, siete
Siete colores en el arco-iris, siete enanitos intentando ligar con Blancanieves, siete
maravillas entre las que no se incluyó a la Alhambra, las siete llaves del guardián al
que cantaban Helloween... El número siete tuvo también su protagonismo, desde el
punto de vista ya histórico, en la psicología cognitiva, gracias a uno de los artículos
con el título más evocador y sexy que he tenido el gusto de leer: “The magical number
seven, plus or minus two: Some limits on our capacity for processing information”
[El mágico número siete, más o menos dos: Algunos límites en nuestra capacidad de
procesar la información], de George A. Miller (1956; no confundir con el otro George
Miller). Pero la cosa va más allá de la anécdota con el número siete y su “mágico” influjo
en la cognición, pues este artículo supuso uno de los hitos principales en el nacimiento

9

Infoxicacion

10

1. HTML Lenguaje de Marcas de Hipertexto,
(Hyper Text Markup Language), creado por Tim
Barners-Lee, tomando como base el lenguaje
SGML.
un ejemplo de etiqueta HTML:
<body> <div> <strong>

2. El software Adobe Flash CS3 Professional
es el entorno de creación más avanzado para
generar contenido interactivo de alta calidad
para plataformas móviles, digitales y web. Se
puede crear sitios web interactivos, anuncios
con abundante contenido multimedia, medios
didácticos, atractivas presentaciones, juegos y
mucho más.

http://www.adobe.com/es/products/
flash/?ogn=ES-gntray_prod_flash_home_es

3. Instituto Asilomar para la Arquitectura de
Información (“AIFIA”)

http://iainstitute.org/

Problemática, necesidad u oportunidad comunicacional

La era de la información es un hecho, estamos inmersos en ella. ¿Qué
información seleccionar?, ¿cómo se distribuye?, ¿para qué público?, ¿cuándo
es el momento oportuno?, y ¿por qué comunicar?. Después de responder
a éstas preguntas nos podemos hacer una idea del contexto en el que
trabajaremos,
sin embargo, surge otra pregunta que da origen al presente trabajo, ¿Qué rol
debe jugar el diseñador gráfico en esta ecología de la información digital?, por
otra parte, es necesario acotar la investigación a un medio digital específico,
como es el ambiente Web.

Con más de 10 años de existencia, Internet, se ha trasformado en el medio de
comunicación más masivo y complejo, abarca desde el texto hasta el video,
donde la interacción entre seres humanos se produce frente a una pantalla
o incluso otros dispositivos móviles. Es aquí donde se mezclan una serie de
variables como, distintos navegadores, conocidos también como Web browser,
el usuario, formatos, etiquetas HTML1, servidores, páginas Web, archivos, etc.,
en definitiva información.

El encuentro entre diseño y Web ha sido complejo, pues el diseñador
acostumbrado a controlar en todo momento el resultado final de su trabajo,
se ve enfrentado a un sistema distinto como Internet, donde no es posible
ejercer este control, no se puede usar cualquier tipografía, los colores se
verán influidos por resolución del monitor, el largo de la página es variable,
etc. Una opción fue trabajar en base a imágenes, que cubrían el ancho de la
pantalla, o después de la aparición y posterior consolidación de Flash2, como
tecnología que permitía cierto grado de integración de imagen y sonido, se
pensó que nos acercábamos a una solución al problema de diseño, no obstante,
algo