Presentación de trabajo de grado "Métodos de Arquitectura de Información para la organización de contenidos en el diseño de sitios web universitarios: unicauca.edu.co, un caso práctico".

1. Métodos de
ARQUITECTURA
DE INFORMACIÓN
para la organización de contenidos en
el diseño de sitios web universitarios:
unicauca.edu.co, un caso práctico.
[Trabajo de grado]

2. Métodos de
ARQUITECTURA
DE INFORMACIÓN
para la organización de contenidos en
el diseño de sitios web universitarios:
unicauca.edu.co, un caso práctico.
[Mauricio Candamil – Adrián Guevara]

3. Métodos de
ARQUITECTURA
DE INFORMACIÓN
para la organización de contenidos en
el diseño de sitios web universitarios:
unicauca.edu.co, un caso práctico.
[Comunicación Social - Unicauca]

5. Unicauca Estéreo

6. Unicauca Estéreo
Programas de televisión

7. Unicauca Estéreo
Programas de televisión
Periódicos y revistas

8. Unicauca Estéreo
Programas de televisión
Periódicos y revistas
Sitio web

10. El problema de
investigación
que nos planteamos

12. Mejorar los procesos de
comunicación entre
Unicauca, los integrantes
de su comunidad
universitaria y la sociedad
en general, a través del sitio
web institucional

29. Comunicación

30. Comunicación

31. Comunicación
Problema a resolver:
Mejorar los procesos de comunicación entre la
universidad y sus usuarios mediante el sitio web

32. Comunicación
Problema a resolver:
Mejorar los procesos de comunicación entre la
universidad y sus usuarios mediante el sitio web

33. Comunicación
Problema a resolver:
Mejorar los procesos de comunicación entre la
universidad y sus usuarios mediante el sitio web
¿Cómo hacerlo?

34. Comunicación
Problema a resolver:
Mejorar los procesos de comunicación entre la
universidad y sus usuarios mediante el sitio web
¿Cómo hacerlo?
Aplicando métodos de Arquitectura de Información

35. ¿Qué es la
Arquitectura
de Información?

36. Veamos algunas
definiciones

37. El estudio de la organización de la
información con el objetivo de permitir al
usuario encontrar su vía de navegación
hacia el conocimiento y la comprensión
de la información.
Richard Saul Wurman

38. La combinación de esquemas de
organización, representación y
navegación dentro de un sistema de
información.
Louis Rosenfeld y Peter Morville

39. El diseño estructural de un espacio
informático para facilitar la culminación
de tareas y el acceso intuitivo al
contenido.
Louis Rosenfeld y Peter Morville

40. El arte y la ciencia de estructurar y
clasificar sitios web e intranets con el fin
de ayudar a los usuarios a encontrar y
manejar la información.
Louis Rosenfeld y Peter Morville

41. La arquitectura de información (AI) se
ocupa del diseño estructural de los
sistemas de información y su problema
central es la organización, recuperación y
presentación de información mediante el
diseño de ambientes intuitivos.
Ricardo Baeza-Yates, Cuauhtémoc Rivera y Javier Velasco

42. Imaginen un
GRAN
EDIFICIO

43. Imaginen una
GRAN
BIBLIOTECA

44. Imaginen un gran
Sitio web

66. ¿Qué pueden tener en
común?

67. ¿Qué
objetivos
nos planteamos con la
investigación?

68. Llevar a cabo una
experiencia
práctica
para rediseñar
unicauca.edu.co

69. y

70. Proponer una serie de
recomendaciones
basadas en
AI para diseñar
sitios web
universitarios

71. ¿Con qué
metodología
trabajamos?

73. Diseño centrado
en el usuario

74. ¿Qué
hicimos?

76. Documento guía

77. Objetivos del sitio web

78. 1
Informar sobre la oferta
académica, trámites y procesos de
admisiones

79. 2
Informar acerca del acontecer y la
actualidad universitaria

80. 3
Servir como herramienta de trabajo
diario a la comunidad universitaria

81. 4
Ofrecer el medio adecuado para
desarrollar procesos educativos

82. 5
Proporcionar espacios que permitan
establecer procesos de comunicación y
participación

83. Usuarios del sitio web

90. Definición de
contenidos básicos

91. Procesos de
admisiones

92. Procesos de Oferta
admisiones académica

93. Procesos de Oferta
admisiones académica
Actualidad
universitaria

94. Procesos de Oferta
admisiones académica
Actualidad Trámites
universitaria universitarios

95. Procesos de Oferta
admisiones académica
Actualidad Trámites
universitaria universitarios
Servicios
universitarios

96. Procesos de Oferta
admisiones académica
Actualidad Trámites
universitaria universitarios
Servicios Procesos de
universitarios investigación

97. Procesos de Oferta
admisiones académica
Actualidad Trámites
universitaria universitarios
Servicios Procesos de
universitarios investigación
Bienestar
universitario

98. Procesos de Oferta
admisiones académica
Actualidad Trámites
universitaria universitarios
Servicios Procesos de
universitarios investigación
Bienestar Información
universitario de Unicauca

99. Requerimientos
tecnológicos

103. XHTML

104. CSS

111. Interacción con el
contexto

112. Análisis de sitios web
similares mediante
evaluaciones heurísticas

126. Lo bueno

127. Lo bueno
Evidencian objetivos del sitio.

128. Lo bueno
Evidencian objetivos del sitio.
Facilidad para identificar a qué
universidad pertenecen.

129. Lo bueno
Evidencian objetivos del sitio.
Facilidad para identificar a qué
universidad pertenecen.
Aceptable rotulación de secciones
principales.

130. Lo bueno
Evidencian objetivos del sitio.
Facilidad para identificar a qué
universidad pertenecen.
Aceptable rotulación de secciones
principales.
Buen manejo de redacción en
contenidos textuales.

132. Lo malo

133. Lo malo
Serias fallas en sus sistemas de
búsqueda.

134. Lo malo
Serias fallas en sus sistemas de
búsqueda.
Ausencia de búsquedas avanzadas.

135. Lo malo
Serias fallas en sus sistemas de
búsqueda.
Ausencia de búsquedas avanzadas.
Saturación de contenidos textuales y
gráficos en página principal.

136. Lo malo
Serias fallas en sus sistemas de
búsqueda.
Ausencia de búsquedas avanzadas.
Saturación de contenidos textuales y
gráficos en página principal.
Falta de consistencia en el diseño de
sus interfaces.

137. Lo malo
Serias fallas en sus sistemas de
búsqueda.
Ausencia de búsquedas avanzadas.
Saturación de contenidos textuales y
gráficos en página principal.
Falta de consistencia en el diseño de
sus interfaces.
Poca consistencia en los sistemas de
navegación global y local.

138. Lo malo
Serias fallas en sus sistemas de
búsqueda.
Ausencia de búsquedas avanzadas.
Saturación de contenidos textuales y
gráficos en página principal.
Falta de consistencia en el diseño de
sus interfaces.
Poca consistencia en los sistemas de
navegación global y local.
La mayoría no hace buen uso de
esquemas de organización de
información.

139. Interacción con el
usuario

140. Encuestas

145. Resultados generales

146. Resultados generales
PERFIL Y USOS DE INTERNET

147. Resultados generales
PERFIL Y USOS DE INTERNET
Hombres.

148. Resultados generales
PERFIL Y USOS DE INTERNET
Hombres.
21 a 30 años.

149. Resultados generales
PERFIL Y USOS DE INTERNET
Hombres.
21 a 30 años.
Estudios universitarios.

150. Resultados generales
PERFIL Y USOS DE INTERNET
Hombres.
21 a 30 años.
Estudios universitarios.
Buen manejo del computador.

151. Resultados generales
PERFIL Y USOS DE INTERNET
Hombres.
21 a 30 años.
Estudios universitarios.
Buen manejo del computador.
Buen manejo de Internet.

152. Resultados generales
PERFIL Y USOS DE INTERNET
Hombres.
21 a 30 años.
Estudios universitarios.
Buen manejo del computador.
Buen manejo de Internet.
Más de 6 años de uso de Internet.

153. Resultados generales
PERFIL Y USOS DE INTERNET
Hombres.
21 a 30 años.
Estudios universitarios.
Buen manejo del computador.
Buen manejo de Internet.
Más de 6 años de uso de Internet.
Uso diario de Internet.

154. Resultados generales
PERFIL Y USOS DE INTERNET
Hombres.
21 a 30 años.
Estudios universitarios.
Buen manejo del computador.
Buen manejo de Internet.
Más de 6 años de uso de Internet.
Uso diario de Internet.
Conexión a Internet desde Unicauca.

155. Resultados generales
PERFIL Y USOS DE INTERNET
Hombres.
21 a 30 años.
Estudios universitarios.
Buen manejo del computador.
Buen manejo de Internet.
Más de 6 años de uso de Internet.
Uso diario de Internet.
Conexión a Internet desde Unicauca.
6 principales usos en Internet: correo
electrónico, realizar búsquedas,
actividades académicas, leer noticias,
actividades laborales y mensajería.

156. Resultados generales

157. Resultados generales
USOS DE UNICAUCA.EDU.CO

158. Resultados generales
USOS DE UNICAUCA.EDU.CO
Visita diariamente de 1 a 20 minutos.

159. Resultados generales
USOS DE UNICAUCA.EDU.CO
Visita diariamente de 1 a 20 minutos.
Consulta más información sobre
noticias, documentos públicos y
eventos. Usa más correo
electrónico, directorio y descarga de
archivos.

160. Resultados generales
USOS DE UNICAUCA.EDU.CO
Visita diariamente de 1 a 20 minutos.
Consulta más información sobre
noticias, documentos públicos y
eventos. Usa más correo
electrónico, directorio y descarga de
archivos.enlaces de actualidad de la
Usa más
página principal.

161. Resultados generales
USOS DE UNICAUCA.EDU.CO
Visita diariamente de 1 a 20 minutos.
Consulta más información sobre
noticias, documentos públicos y
eventos. Usa más correo
electrónico, directorio y descarga de
archivos.enlaces de actualidad de la
Usa más
página principal.
A veces usa el buscador.

162. Resultados generales
USOS DE UNICAUCA.EDU.CO
Visita diariamente de 1 a 20 minutos.
Consulta más información sobre
noticias, documentos públicos y
eventos. Usa más correo
electrónico, directorio y descarga de
archivos.enlaces de actualidad de la
Usa más
página principal.
A veces usa el buscador.
Cree que los resultados del buscador
son satisfactorios y que regularmente
es fácil encontrar información en el
sitio web.

163. Blog

165. Socialización abierta y pública del
proyecto desde su inicio.

166. Socialización abierta y pública del
proyecto desde su inicio.
Participación de los usuarios de la
comunidad universitaria.

167. Socialización abierta y pública del
proyecto desde su inicio.
Participación de los usuarios de la
comunidad universitaria.
Publicación regular de artículos con
resultados de avances del proyecto.

168. Socialización abierta y pública del
proyecto desde su inicio.
Participación de los usuarios de la
comunidad universitaria.
Publicación regular de artículos con
resultados de avances del proyecto.
Interés de universidades colombianas
en el proyecto.

169. Socialización abierta y pública del
proyecto desde su inicio.
Participación de los usuarios de la
comunidad universitaria.
Publicación regular de artículos con
resultados de avances del proyecto.
Interés de universidades colombianas
en el proyecto.
Publicación en redes sociales de los
avances del proyecto (blogs, gráficos,
prototipos).

171. Investigación de
co-ocurrencia

172. Card Sorting

180. Análisis de Secuencia

189. Representación
de información

190. Mapa del sitio

192. Wireframes

199. ¿Qué
dificultades
tuvimos?

201. Dificultad para conseguir bibliografía.

202. Dificultad para conseguir bibliografía.
La mayoría de libros sobre el tema son
en inglés y no se consiguen en
Colombia.

203. Dificultad para conseguir bibliografía.
La mayoría de libros sobre el tema son
en inglés y no se consiguen en
Colombia.
No se contó con el espacio ideal para
la realización de pruebas de usuarios.

204. ¿Cuáles son las
limitaciones
de la investigación?

206. No se aplicaron todas las técnicas
existentes de AI.

207. No se aplicaron todas las técnicas
existentes de AI.
El proyecto no contempla aspectos
relacionados con el diseño
gráfico, maquetación, programación y
desarrollo técnico de sitios web.

208. No se aplicaron todas las técnicas
existentes de AI.
El proyecto no contempla aspectos
relacionados con el diseño
gráfico, maquetación, programación y
desarrollo técnico de sitios web.
No se abarcan evaluaciones de
usabilidad del prototipo.

209. ¿Cuáles son los
alcances
de la investigación?

211. Primera vez que para el rediseño del
sitio web de Unicauca se contó con la
participación activa de sus usuarios.

212. Primera vez que para el rediseño del
sitio web de Unicauca se contó con la
participación activa de sus usuarios.
Se generó un documento de
recomendaciones de AI para el diseño
de sitios web universitarios.

213. Primera vez que para el rediseño del
sitio web de Unicauca se contó con la
participación activa de sus usuarios.
Se generó un documento de
recomendaciones de AI para el diseño
de sitios web universitarios.
El trabajo es uno de los pocos casos
prácticos de aplicación de métodos de
AI en español cuyo proceso se ha
documentado en Internet.

214. Se deja para la División de Sistemas un
detallado documento del proceso
llevado a cabo para el diseño de esta
nueva versión del sitio web.

215. Se deja para la División de Sistemas un
detallado documento del proceso
llevado a cabo para el diseño de esta
nueva versión del sitio web.
Fue publicado un artículo sobre la
aplicación de la técnica de Card
Sorting en la revista No Solo
Usabilidad.

216. Se deja para la División de Sistemas un
detallado documento del proceso
llevado a cabo para el diseño de esta
nueva versión del sitio web.
Fue publicado un artículo sobre la
aplicación de la técnica de Card
Sorting en la revista No Solo
Usabilidad.
Se presentará taller sobre diseño de
prototipos en Congreso Interacción
2009 y está en proceso de revisión un
artículo sobre la investigación.

217. ¿Qué
aprendizajes
tuvimos?

219. Conocimiento acerca de nuevas
teorías que estudian la comunicación
mediada por computadores.

220. Conocimiento acerca de nuevas
teorías que estudian la comunicación
mediada por computadores.
Interiorización de conceptos y técnicas
de la Arquitectura de Información.

221. Conocimiento acerca de nuevas
teorías que estudian la comunicación
mediada por computadores.
Interiorización de conceptos y técnicas
de la Arquitectura de Información.
Aprendizaje en el manejo de software
y aplicaciones web para investigación
de usuarios y diseño de prototipos.

222. Nuestras
conclusiones

223. La Comunicación le aporta a la AI y al HCI, un modelo
teórico que describe el proceso comunicacional que se
produce entre el diseñador de un sistema informativo y
los usuarios a través de la interfaz.

224. La interfaz no es el lugar donde los bits y los humanos se
encuentran, sino el espacio a través del cual se
comunican el diseñador y el usuario de un sistema
informativo. Esto permite hablar más que de interacción
persona ordenador, de comunicación mediada por
dispositivos tecnológicos.

225. Al considerar la interfaz como un lugar de
comunicación, ésta no puede seguirse pensando como
una prótesis neutral y transparente, sino como un
espacio en donde se desarrollan procesos semio-
cognitivos.

226. Se puede construir interfaces fáciles de usar pero nunca
interfaces perfectas que desaparecen totalmente
durante su utilización.

227. Aportes teóricos planteados desde las Ciencias
Sociales, la HCI y la AI indican que es importante estudiar
la forma como los usuarios interpretan, utilizan y se
comportan frente a las nuevas tecnologías, de forma que
se puedan entender y mejorar los procesos de
comunicación entre los seres humanos.

228. Construir una interfaz amigable no es una cuestión de
programación, sino un problema semiótico-
comunicacional. Esto cobra validez con la realización de
este trabajo, en donde se demuestra que entablar
procesos de diálogo con los usuarios para la construcción
de un sitio web resulta provechoso en términos de
planeación y puede constituirse en una necesidad.

229. El papel de los comunicadores sociales es fundamental a
la hora de definir estrategias, procesos y métodos a
través de los cuales se puedan estructurar, de una mejor
forma, procesos de comunicación mediados por
dispositivos tecnológicos.

230. La AI es fundamental para diseñar sitios web de
universidades, puesto que se trata de medios de
comunicación que manejan gran cantidad de
información, están dirigidos a comunidades grandes y
tienen la posibilidad de prestar un buen número de
servicios en línea.

231. En lo concerniente a la Universidad del Cauca la
realización de este trabajo resultó una experiencia
interesante ya que fue la primera ocasión en la que se
involucró a miembros de la comunidad universitaria en el
proceso de construcción del sitio web de la institución.

232. Si bien las técnicas utilizadas en la presente investigación
no aseguran por completo que el sitio web diseñado sea
fácil de usar, en su momento sí proporcionaron ideas y
datos claves que permitieron tomar decisiones en cuanto
al diseño, la organización de la información y la prioridad
que debe dársele a algunos contenidos y servicios.

233. La AI ha logrado establecer una metodología y recopilar
una serie de técnicas que pueden ser usadas por los
comunicadores sociales y periodistas, cuando en el
desempeño de sus labores profesionales se encuentran
con el reto de crear o administrar un medio de
comunicación digital.

234. Trabajo
futuro

236. Es necesario realizar pruebas de
usabilidad tanto al prototipo diseñado
como a los avances en el desarrollo.

237. Es necesario realizar pruebas de
usabilidad tanto al prototipo diseñado
como a los avances en el desarrollo.
Se deben realizar validaciones de
accesibilidad en las etapas de
desarrollo e implementación del sitio.

238. Es necesario realizar pruebas de
usabilidad tanto al prototipo diseñado
como a los avances en el desarrollo.
Se deben realizar validaciones de
accesibilidad en las etapas de
desarrollo e implementación del sitio.
Se requiere establecer políticas claras
para la creación, publicación y
administración de los sitios web de
Unicauca.

239. Las recomendaciones propuestas
pueden ser complementadas con
trabajos similares que establezcan
recomendaciones desde la perspectiva
del Diseño Gráfico y la programación.

240. Bibliografía
más consultada

246. Eso es todo
¡GRACIAS!
mcandamil@unicauca.edu.co
afguevara@unicauca.edu.co