1. Universidad Vasconcelos
Comunicación Gráfica
Computación Gráfica II
Profr. Jorge Espinoza Colón
Nombre del Proyecto:
Desarrollo de la Arquitectura de Información del Sitio
“Museo de Monte Albán”
Alumnas:
Matías Pineda Nizarishi
Pineda Nivón Olga Justina
Oaxaca de Juárez, Oax. 20 de septiembre de 2010
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
2. Introducción:
A continuación se presenta un proyecto
desarrollado para la materia de Computación
Gráfica II, en el cual exponemos las siguientes
etapas de planeación de un sitio web: Desarrollo
de personas; definición del contexto, acciones,
herramientas y suministros; estructuración del
mapa de sitio, hasta llegar al diseño de
Wireframes de Alta fidelidad.
Este proyecto fue planteado en función de la
temática “Museo de Monte Albán”, teniendo en
cuenta que carece de un sitio web.
Esperando que el documento cumpla
satisfactoriamente los requerimientos de
evaluación del primer examen parcial, damos paso
a dicho proyecto.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
3. Objetivos a lograr con el Sitio
“Museo de Monte Albán”
Objetivo General
Dar a conocer los diferentes servicios que
proporciona el “Museo de Monte Albán” a través
de un sitio on-line.
Objetivo Específico
Facilitar al público el acceso a la información,
mediante un mapa de navegación con estructura
jerárquica.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
4. Desarrollo de Personas
Perfiles
Para desarrollar un perfil primero debemos tener
en cuenta que un usuario es “el personaje
principal de la trama informática, es el principio y
fin del ciclo de transferencia de la información: él
solicita, analiza, evalúa y recrea la información”1
Todos los servicios que pueda proporcionar un
sitio web son en función del usuario y el manejo
que éste hará de ellos.
¿Qué es un perfil de usuario?
Son todas aquellas características específicas que
definen a un usuario, para el cual se necesitan
identificar datos como “edad, sexo, grupo
demográfico, nivel educativo e ingreso, además de
otros datos relacionados con el ámbito de trabajo y
acercamiento o experiencia que se tiene con la
tecnología o productos similares al que se va a
desarrollar”2
1HERNÁNDEZ, Salazar Alicia., “El perfil del Usuario de Información”, Información Bibliotecológica, [en
línea] Recuperado: 15 de septiembre de 2010 de http://www.ejournal.unam.mx/ibi/vol07-15/
IBI000701502.pdf
2SERNAS, Mora Fernando David., 2009; “Creación de un sitio web como herramienta auxiliar en la
capacitación de personal utilizando principios del Diseño”; Tesis para obtener el grado de: Ingeniero en
Diseño, Universidad Tecnológica de la Mixteca, Oaxaca., Pág. 82
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
5. Desarrollo de Personas
¿Qué es una persona?
Para el diseño de un sitio web se necesitan definir
diferentes elementos y herramientas, uno de éstos
es el desarrollo de <<personas>>, las cuales
deben ser entendidas como “descripciones
detalladas de los usuarios de un sitio web y sus
metas”3.
Su creación es necesaria ya que en muchas
ocasiones es imposible tener un acercamiento con
usuarios reales, por lo que se desarrollan usuarios
ficticios estableciendo de esta manera las
características generales que probablemente
deben presentar.
3MANCHÓN, Eduardo., “Herramientas para diseño web: los personajes (persona) y escenarios”., [en línea]
Recuperado: 15 de septiembre de 2010., de http://www.alzado.org/articulo.php?id_art=110
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
6. Desarrollo de Personas
Escenarios
¿Qué es un escenario?
Las personas deben realizar tareas específicas
para lo cual es necesaria la construcción de
escenarios. Para esto se debe realizar una
”descripción de un personaje en una situación de
uso del sitio web con una meta concreta”4. Las
personas realizarán acciones para conseguir esta
meta.
4MANCHÓN, Eduardo., “Herramientas para diseño web: los personajes (persona) y escenarios”., [en línea]
Recuperado: 15 de septiembre de 2010., de http://www.alzado.org/articulo.php?id_art=110
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
7. Desarrollo de Personas
Perfil 1
Características
Edad: 30
Género: Femenino
Ubicación geográfica: Oaxaca.
Nivel socioeconómico: Medio/Alto
Experiencia ocupacional
Cargo de trabajo actual: Directora
de proyecto
Años de experiencia laboral: 3 años
y medio
Educación:
Licenciatura en Arquitectura. Cursa
el 3er semestre de lla maestria en
Arquitectura con especialidad en
Historia de la arquitectura en
México, en la Universidad
Autónoma Benito Juárez.
Experiencia con computadoras
Habilidades específicas: Hace uso
del internet para cuarsar materias
virtuales respecto de su maestría,
así como para la búsqueda de
información, consulta libros,
revistas y sitios web.
Uso de la paquetería básica de
Microsoft Office. AutoCad. Corel
Draw X5
Años de experiencia: 10
Horas diarias de uso: 6
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
8. Desarrollo de Personas
Perfil 1
Tareas
primarias y secundarias
Tareas
con el producto:
• Consultar los servicios y
horarios de servicio que
presenta el museo.
• Conocer los distintos recursos
de difusión cultural con los
que cuenta el museo.
• Saber el costo de entrada.
• Conocer las salas de
exhibición y el contenido de
cada una.
Dominio del área
Por la carrera y maestría que cursa
ha realizado diferentes estudios
sobre el el sitio arqueológico de
Monte Albán, de igual manera a
acudido al Museo del mismo en
diferentes ocasiones.
Tecnología disponible
Resolución de pantalla: 1366 x 768
pixeles
Navegador de internet: Mozilla
Firefox
Procesador: AMD Turion, 2.53 GHz
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
9. Desarrollo de Personas
Perfil 1
Actitudes y valores
Es un migrante digital, ya que a
partir de que ingresó a la
universidad tubo la necesitad de
hacer uso de tecnologías como una
computadora e internet. Se ha
habituado y familiarizado con este
tipo de tecnologías por lo que hace
uso frecuentemente para realizar
tareas de la escuela.
Formas de aprendizaje
Visual, práctica y teórica.
Considera que la mejor forma de
aprender es aquella en la que
puede conjugar los conocimientos
brindados por la teoría y llevarlos a
la práctica, para que así sea un
aprendizaje integral.
Discapacidades
Padece miopía congénita.
Tolerancia al error
Esta varible no se puede definir,
(habría que hacer un estudio piloto)
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
10. Persona 1
Nombre: Marcela Cuevas Sánchez
Edad: 30 años
Cargo de trabajo: Directora de proyecto
Años de trabajo: 2 años y medio
Máximo grado de estudios: Licenciatura en
Arquitectura, cursa el 3er semestre de la maestria
en Arquitectura con especialidad en Historia de la
arquitectura en México, en la Universidad
Autónoma Benito Juárez.
Nivel socioeconómico: Medio-Alto
Ubicación: Oaxaca de Juárez, Oaxaca.
Narrativa:
Marcela ejerce como arquitecta desde hace tres años y medio en el
despacho -BT Diseño y arquitectura- actualmente ocupa el puesto de
directora de proyectos, se encarga de la supervisión, desarrollo,
realización y evaluación de los proyectos que le sean asignados. Ella
desea ascender de puesto en el despacho, para ello le exigen un grado
más alto de estudio por lo que está estudiando la maestría en
Arquitectura con especialidad en Historia de la Arquitectura en México
en la UABJO, se encuentra en 3er semestre.
A Marcela se le ha designado un proyecto en el que debe retomar
aspectos referentes a Monte Albán, por lo que accesa al sitio web del
Museo de Monte Albán para obtener información general de la
Arquitectura y el Colapso de este sitio arqueológico, así como conocer
los horarios en los que está abierto el museo.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
11. Persona 1
Escenario 1
Título: Conocer información sobre la arquitectura y
el colapso de Monte Albán
Situación: Marcela necesita conocer información
específica sobre Monte Albán, ya que en el
proyecto que le han designado requiere retomar
elementos gráficos y arquitectónicos de este sitio
arqueológico por lo cual le es indispensable que
esté documentada en cuanto a la arquitectura y el
colapso del mismo.
Trayectoria de ejecución:
Paso 1: Abrir sitio web del Museo de Monte Albán.
Marcela se conecta a internet, abre el navegador
Mozilla Firefox e introduce la dirección de la
página.
Paso 2: Búsqueda en menú y selección de “Salas
de exhibición”
Dentro de las diferentes opciones del menú, se
percata que la opción de “Salas de eshibición”
contiene información que le puede ser útil.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
12. Persona 1
Escenario 1
Paso 3: Seleccionar la sala Arquitectura y a
continuación Colapso.
Al seleccionar la sala de Arquitectura es abierta
una página en la cual se encuentra un documento
en el que se describen las construcciones y sus
elementos más importantes de Monte Albán, así
como los daños y modificaciones que han sufrido.
Marcela repite el paso dos para así continuar su
búsqueda por salas y obtener información
referente al Colapso del sitio arqueológico.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
13. Persona 1
Escenario 2
Título: Conocer los horarios en los que se
encuentra abierto el Museo de Monte Albán.
Situación: Marcela comienza a desarrollar su
proyecto con los datos que obtuvo a través del
sitio web, pero al darse cuenta que no son
suficientes, decide acudir al museo, pero necesita
conocer los días de atención y los horarios.
Trayectoria de ejecución:
Paso 1: Abrir sitio web del Museo de Monte Albán.
Marcela se conecta a internet, abre el navegador
Mozilla Firefox e introduce la dirección de la
página.
Paso 2: Búsqueda en menú y selección de
“Museo”
Al pasar el cursor sobre el menú Museo se
despliegan diferentes opciones, dentro de las
cuales encuentra horarios.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
14. Persona 1
Escenario 2
Paso 3: Seleccionar la opción de HORARIOS.
Al dirigirse a horarios aparece una página dónde
se encuentran distintas opciones, Días-horas de
atención, Costos de entrada y promociones.
Paso 4: Seleccionar la opción de Días-horas de
atención.
Al elegir esta opción, Marcela encuentra los
horarios horarios y días en los que se encuentra
abierto el Museo de Monte Albán.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
15. Persona 2
Escenario 1
Título: Obtener datos generales sobre el Museo de
Monte Albán así como su historia
Situación: Shunashí tiene que realizar una tarea
para la escuela, en ella tiene que elaborar un
mapa en 3D del Museo de Monte Albán, pero
necesita tener diferente información como datos
generales y saber un poco más sobre su historia.
Trayectoria de ejecución:
Paso 1: Abrir sitio web del Museo de Monte Albán.
Shunashi se conecta a internet, abre el navegador
Mozilla Firefox e introduce la dirección de la
página.
Paso 2: Búsqueda en menú y selección de
“Museo”
Dentro de las diferentes opciones del menú, la
principal es Museo, en la cual Shunashi se
encuentra un menú desplegable que le brindará la
opción de Datos Generales e Historia.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
16. Persona 2
Nombre: Shunashi Arreortúa Villavicencio
Edad: 30 años
Cargo de trabajo: Directora de proyecto
Años de trabajo: 2 años y medio
Máximo grado de estudios: Licenciatura en
Arquitectura, cursa el 3er semestre de la maestria
en Arquitectura con especialidad en Historia de la
arquitectura en México, en la Universidad
Autónoma Benito Juárez.
Nivel socioeconómico: Medio-Alto
Ubicación: Oaxaca de Juárez, Oaxaca.
Narrativa:
Shunashi estudia el 3er semestre de la maestria en Arquitectura con
especialidad en Historia de la arquitectura en México, en la UABJO.
Trabaja desde hace 3 años y medio en el despacho -ARQUITECTOS
AM#M- como directora de proyectos. Es esposa del dueño del
despacho por lo que tiene tiempo para estudiar y trabajar.
Una de las tareas que tiene que realizar para la maestría es elaborar un
mapa en 3D del Museo de Monte Albán, por lo que ingresa al sitio web
para conocer datos generales y saber las salas que lo componen así
como los diferentes servicios con los que cuenta.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
17. Persona 2
Escenario 1
Paso 3: Seleccionar el menú de Datos Generales
Al seleccionar el menú de Datos Generales, es
abierta una página en la cual encuentra diferentes
opciones como: Origen del Museo, como se
encuentra en la actualidad y filosofía institucional.
Paso 4: Seleccionar la opción de Origen del
Museo
Como a Shunashi lo que le interesa conocer es la
historia del Museo, se dirige a la primera opción
(Origen), ahí encontrará la información que
requerida.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
18. Persona 2
Escenario 2
Título: Conocer las salas y servicos que
componenen el Museo de Monte Albán
Situación: Para continuar con la elaboración de su
tarea de escuela, Shunashi necesita conocer las
diferentes salas y servicios con los que cuenta el
museo por lo que accesa a la página de internet
nuevamente para seguir investigando.
Trayectoria de ejecución:
Paso 1: Abrir sitio web del Museo de Monte Albán.
Shunashi se conecta a internet, abre el navegador
Mozilla Firefox e introduce la dirección de la
página.
Paso 2: Búsqueda en menú y selección de “Salas
de exhibición”
Al pasar el cursor sobre el menú Salas de
Exhibición se despliegan las diferentes salas que
componen el Museo. Shunashi echa un vistaso por
cada una de ellas para así tener mayor
información.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
19. Persona 2
Escenario 2
Paso 3: Búsqueda de Servicios con los que cuenta
el Museo
Ella continua navegando por el sitio web, y al
desplegar el menú de “Servicios” puede obtener
infomación respecto del resto de los servicios con
los que cuenta el lugar, como lo son: Restaurante,
librería, joyería y venta de recuerdos.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
20. Desarrollo de Personas
Perfil 2
Características Demográficas:
Edad: 24 años
Género: Masculino
Ubicación geográfica: Oaxaca de
Juárez, Oaxaca.
Nivel socioeconómico: Medio
Experiencia ocupacional:
Cargo de trabajo actual: Profesor
de educación Primaria.
Años de experiencia laboral: 2 años
Educación:
Máximo grado de estudios:
Licenciatura en Educación Primaria
cursada en el Centro Regional de
Educación Normal de Oaxaca
(CRENO)
Experiencia con computadoras:
Habilidades específicas: Hace uso
del internet para accesar a sus
cuentas de correo electrónico y de
Facebook, así como también a
algunos blogs de su interés.
Uso de la paquetería básica de
Microsoft Office.
Años de experiencia: 9 años
Horas diarias de uso: 4 horas
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
21. Desarrollo de Personas
Perfil 2
Tareas
primarias y secundarias
Tareas:
con el producto:
• Consultar los servicios y
horarios de servicio que
presenta el museo.
• Conocer los distintos recursos
de difusión cultural con los
que cuenta el museo.
• Saber el costo de entrada.
• Conocer las salas de
exhibición y el contenido de
cada una.
Dominio del área:
Cuenta con diversos conocimientos
sobre Monte Albán debido a sus
visitas anteriores y toda la
información que ha obtenido a
través de diversos libros sobre la
cultura zapoteca.
Desea conocer cuáles son los
elementos que están en exposición
en el museo de sitio de Monte
Albán y cómo se compone éste.
Tecnología disponible
Resolución de pantalla: 1366 x 768
pixeles
Navegador de internet: Mozilla
Firefox
Procesador: AMD Turion, 2.53 GHz
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
22. Desarrollo de Personas
Perfil 2
Actitudes y valores
Es un nativo digital, por lo que no
rechaza el uso de las tecnologías;
está consciente de que la
tecnología es una herramienta muy
importante e indispensable hoy en
día, además de que esto facilita el
acceso a la información, lo cual lo
ayuda en la preparación de sus
clases.
Formas de aprendizaje:
Visual, práctica y teórica.
Considera que la mejor forma de
aprender es aquella en la que
puede conjugar los conocimientos
brindados por la teoría y llevarlos a
la práctica, para que así sea un
aprendizaje integral.
Discapacidades:
A pesar del uso constante de la
computadora, padece de
hipermetropía en ambos ojos.
Tolerancia al error:
Esta variable no se puede definir,
(habría que hacer un estudio
piloto).
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
23. Persona 1
Nombre: Ricardo Martínez Fierro
Edad: 24 años
Cargo de trabajo: Profesor de educación primaria
a cargo del tercer grado de la Escuela “Miguel
Hidalgo” ubicada en el centro de la ciudad de
Oaxaca.
Años de trabajo: 2 años
Máximo grado de estudios: Licenciatura en
Educación Primaria
Nivel socioeconómico: Medio
Ubicación: Oaxaca de Juárez, Oaxaca.
Narrativa:
Ricardo tiene dos años ejerciendo como maestro y actualmente se
encuentra trabajando en una escuela de la ciudad de Oaxaca. En dicha
institución acaban de implementar un programa cultural con el fin de que
los alumnos conozcan los diversos museos y sitios arqueológicos de la
ciudad de Oaxaca.
Ricardo está acostumbrado a aplicar la tecnología para preparar sus
clases, por esta razón decide accesar a los sitios web de cada uno de
los museos que hay en la ciudad, poniendo especial interés en el
Museo de sitio de Monte Albán, ya que desea obtener información sobre
el contenido que hay en el museo y los requisitos necesarios para
calendarizar una visita guiada, con el propósito de llevar a sus alumnos
para que conozcan cada vez más sobre la cultura zapoteca.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
24. Persona 1
Escenario 1
Título: Obtención de información sobre el
contenido de las salas del museo.
Situación: Ricardo tiene planeado llevar a sus
alumnos a una visita guiada en el Museo de Monte
Albán, pero antes desea conocer las exposiciones
que se presentan en cada una de las salas, para
ello decide ingresar al sitio web de dicho museo.
Trayectoria de ejecución:
Paso 1: Abrir sitio web del Museo de Monte Albán.
Ricardo se conecta a internet, abre el navegador
Mozilla Firefox e introduce la dirección de la
página.
Paso 2: Seleccionar la opción “Salas de
exhibición”
Una vez dentro, aparece una barra de menú que
muestra las distintas opciones que presenta el
sitio, de la cual deberá seleccionar la opción que
corresponda a las Salas de Exhibición.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
25. Persona 1
Escenario 1
Paso 3: Seleccionar una de las salas para obtener
la información requerida.
Una vez que se elige la opción deseada dentro de
la barra de menú, se despliega un submenú que
muestra el nombre de cada una de las salas y
permite seleccionarlas para acceder a la
información.
Ricardo tiene que repetir los pasos 2 y 3 cuantas
veces sea necesario para conocer el contenido de
cada una de las salas que componen al museo.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
26. Persona 1
Escenario 2
Título: Requisitos para calendarizar una visita
guiada
Situación: Ricardo quiere apartar una fecha para
realizar una visita guiada, junto con sus alumnos,
al Museo de Monte Albán, pero para esto primero
desea conocer cuáles son los requisitos
necesarios para calendarizarla, así que entra al
sitio web de dicho museo.
Trayectoria de ejecución:
Paso 1: Abrir sitio web del Museo de Monte Albán.
Ricardo se conecta a internet, abre su navegador
e introduce la dirección del sitio web
Paso 2: Seleccionar la opción “Servicios”
Una vez dentro, aparece una barra de menú que
muestra las distintas opciones que presenta el
sitio, de la cual deberá seleccionar la opción que
corresponda a Servicios, ya que las visitas guiadas
son un servicio más que ofrece el Museo de Monte
Albán.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
27. Persona 1
Escenario 2
Paso 3: Seleccionar la opción “Visitas guiadas”
Una vez que se elige la opción deseada dentro de
la barra de menú, se despliega un submenú,
dentro del cual Ricardo debe seleccionar la opción
de “visitas guiadas” para poder ver cada una de
las partes que la integran.
Paso 4: Entrar a la opción “Requisitos”
Como último paso, para encontrar la información
que buscaba, Ricardo debe entrar en la opción
“requisitos”, de esta manera cumple
favorablemente con la tarea planteada.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
28. Persona 2
Nombre: Rafael Osorio Cruz
Edad: 24 años
Cargo de trabajo: Profesor de educación primaria
a cargo del segundo grado de la Escuela “Leona
Vicario” ubicada en el Fracc. Montoya.
Años de trabajo: 2 años
Máximo grado de estudios: Licenciatura en
Educación Primaria
Nivel socioeconómico: Medio
Ubicación: Oaxaca de Juárez, Oaxaca.
Narrativa:
El comité de Padres de Familia en conjunto con la planilla de docentes
de la Escuela Primaria “Leona Vicario” ha acordado que, como estímulo
a su desempeño académico, los cinco mejores alumnos de cada grupo
serán premiados con una visita al Museo de sitio de Monte Albán.
Rafael forma parte del grupo de acción social de dicha primaria, como es
su primer año laborando en esta institución, lo eligieron como encargado
de contactar con la directiva del museo para agendar la visita. Por esta
razón, y gracias a sus habilidades tecnológicas, Rafael elige hacer
contacto a través de internet, ingresando al sitio web del museo para ver
los horarios en los que pueden realizar la visita.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
29. Persona 2
Escenario 1
Título: Conocer los horarios en los que se realizan
las visitas guiadas.
Situación: Rafael debe investigar los horarios en
los que el Museo de Monte Albán brinda las visitas
guiadas para así poder elegir el más conveniente y
llevar de visita al grupo de estudiantes a su cargo.
Trayectoria de ejecución:
Paso 1: Abrir sitio web del Museo de Monte Albán.
Rafael se conecta a internet, abre el navegador
Mozilla Firefox e introduce la dirección del sitio
web.
Paso 2: Elegir la opción “Servicios”
Al encontrarse dentro del sitio observa la barra de
menú que muestra las distintas opciones que este
presenta, de la cual debe seleccionar la opción
que corresponda a Servicios.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
30. Persona 2
Escenario 1
Paso 3: Seleccionar la opción “Visitas guiadas”
Después de lo anterior se despliega un submenú,
dentro del cual Rafael debe seleccionar la opción
de “visitas guiadas” para ver los distintos puntos
que la componen.
Paso 4: Entrar a la opción “Horarios”
Para finalizar, Rafael debe accesar a la opción
“Horarios”, ya que aquí es dónde podrá encontrar
la información que buscaba, con lo cual agendará
la visita para el día y la hora que más le convenga.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
31. Persona 2
Escenario 2
Título: Ver el mapa del Museo de Monte Albán.
Situación: Antes de realizar la visita, Rafael desea
ver el mapa del Museo de Monte Albán para poder
ubicar cada una de las partes que lo componen.
Trayectoria de ejecución:
Paso 1: Abrir sitio web del Museo de Monte Albán.
Para iniciar, Rafael debe conectarse a internet,
abrir el navegador Mozilla Firefox e introducir la
dirección de la página.
Paso 2: Elegir la opción “Museo”
Aquí aparece una barra de menú que muestra las
distintas opciones que presenta el sitio, Rafael
debe seleccionar la primera alternativa “Museo”,
ya que es aquí donde se encuentra la opción que
está buscando.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
32. Persona 1
Escenario 2
Paso 3: Seleccionar “Mapa del lugar”
Después de lo anterior se despliega un submenú
que muestra cada una de las opciones que
componen el menú “Museo”. Dentro de éste se
encuentra el Mapa del lugar.
Una vez adentro, Rafael puede desplazarse a lo
largo del mapa y así conocer las diferentes áreas
del lugar, así al momento de visitarlo tendrá un
referente que le permitirá ubicarse fácilmente y
cumplir con su objetivo.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
33. Contexto, acciones,
herramientas y suministros
A partir de los perfiles, personas y escenarios,
tenemos la información necesaria para determinar
las herramientas y suministros que se ocuparán de
acuerdo al contexto.
A continuación se presentan las herramientas y
suministros organizados por áreas y acciones
principales que se podrán realiza a través del sitio
web del “Museo de Monte Albán.”
Contexto
Acciones y áreas Herramienta y suministro
principales
Sitio Web del Página Principal
Logotipo Museo- INAH
Museo de Monte Barra de Menú
Albán
Transición de imágenes históricas
Museo
Datos generales
• Origen
• Actualidad
• Misión
• Visión
Mapa del lugar
Horarios de servicio
• Costo de la entrada
• Días-horas de atención
• Promociones
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
34. Contexto, acciones,
herramientas y suministros
Contexto
Acciones y áreas Herramienta y suministro
principales
Sitio Web del Salas de Información sobre:
Museo de Monte Exhibición
Arquitectura
Albán
• Fundación de la ciudad
• Características principales de
las construcciones
Cerámica
• Ejemplos
• Usos
• Orden cronológico
Escritura
• Colección de estelas
• Calendarios
Comercio e intercambio
• Local
• Otras regiones
Colección ósea
• Restos humanos hallados en
entierros y tumbas
El colapso
• Abandono de la ciudad.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
35. Contexto, acciones,
herramientas y suministros
Contexto
Acciones y áreas Herramienta y suministro
principales
Sitio Web del Servicios
Visitas guiadas
Museo de Monte • Horarios
Albán
• Costos
• Contacto
• Requisitos
Restaurante
• Horarios
• Costos
Librería especializada
• Horarios
• Productos
• Características
• Costos
Joyería
• Horarios
• Productos
• Características
• Costos
Venta de recuerdos
• Productos
• Costos
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
36. Contexto, acciones,
herramientas y suministros
Contexto
Acciones y áreas Herramienta y suministro
principales
Sitio Web del Galería
Fotografías de cada elemento que
Museo de Monte se encuentra en exhibición.
Albán
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
37. Mapa del sitio
El mapa de un sitio web “se refiere al proceso de
crear un árbol de contenido en el que se muestre
de manera práctica cuántas secciones tendrá el
sitio en desarrollo y cuántos niveles habrá dentro
de cada uno.”5 La arquitectura de un sitio web
puede representarse de diferentes maneras, esto
depende de su topología, es decir, “la forma
elemental en que las páginas de un sitio web se
encuentran vinculadas entre sí”6
Para este proyecto se decidió distribuir la
información mediante el uso de la topología
llamada de árbol o jerárquica, pues “la navegación
requiere de pocos pasos, es fácil representar la
ubicación del usuario dentro de la jerarquía y ésta
puede expandirse de forma relativamente sencilla
cuando es necesario agregar nueva información”7
5Gobierno de Chile, Ministerio Secretaría General de Gobierno., 2004., “Arquitectura de Información,
Definición de la estructura del sito”; [en línea] Recuperado: 16 de septiembre de 2010 de http://
www.guiaweb.gob.cl/guia/capitulos/dos/estructura.htm
6SERNAS, Mora Fernando David., 2009; “Creación de un sitio web como herramienta auxiliar en la
capacitación de personal utilizando principios del Diseño”; Tesis para obtener el grado de: Ingeniero en
Diseño, Universidad Tecnológica de la Mixteca, Oaxaca., Pág. 131
7SERNAS, ibidem.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
38. Mapa del sitio
Topología de árbol o Jerárquica
Museo de
Monte Albán- INAH
Salas de
Museo
Servicios
Galería
Exhibición
Datos Visitas
Arquitectura
generales
guiadas
Mapa del
Cerámica
Restaurante
lugar
Horarios Librería
de servicio
Escritura
especializada
Comercio e
Joyería
intercambio
Colección Venta de
ósea
recuerdos
El colapso
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
39. Wireframes de Alta fidelidad
Los wireframes son los prototipos que nos
ayudarán a visualizar de una manera ordenada y
detallada como estará organizada la información y
secciones en el sitio web.
La elaboración de un wireframe de alta fidelidad
consiste en “la generación de dibujos digitales
acabados de la forma que tendrán las páginas
principales del sitio que se desarrolla,
considerando como tales la Portada, Portada de
Sección y Página de despliegue de contenidos”8
Al hacer estos prototipos de manera digital se
facilitará la corrección de los mismos en caso de
ser necesario.
8Gobierno de Chile, Ministerio Secretaría General de Gobierno., 2004., “Arquitectura de Información,
Elementos de los sistemas de navegación”; [en línea] Recuperado: 16 de septiembre de 2010 de http://
www.guiaweb.cl/guia/capitulos/dos/navegacion.htm#t02bocetos
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
40. Wireframes
Bocetos
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
41. Wireframes
Bocetos
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
42. Wireframes
Bocetos
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
43. Wireframes de Alta fidelidad
Wireframe principal.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
44. Wireframes de Alta fidelidad
Este wireframe muestra la barra de menú y cada una de las secciones
que la componen.
El menú es desplegable.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
45. Wireframes de Alta fidelidad
Este Wireframe será ocupado en las Secciones: Datos Generales,
Horarios de Servicio, Visitas Guiadas y Restaurante
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
46. Wireframes de Alta fidelidad
Este wireframe corresponde a las subsecciones de Datos Generales,
Horarios, Visitas Guiadas y Restaurante
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
47. Wireframes de Alta fidelidad
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
48. Wireframes de Alta fidelidad
Este wireframe presenta el contenido de cada una de las secciones que
componen al menú salas de Exhibiciones.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
49. Wireframes de Alta fidelidad
Este wireframe corresponde a las secciones del menú Servicios:
Librería Especializada, Joyería y Venta de recuerdos.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
50. Wireframes de Alta fidelidad
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
51. Conclusiones y Aprendizaje
Este trabajo nos ha servido para reafirmar la teoría
vista en el aula de modo que como
Comunicadoras Gráficas tenemos las
herramientas teóricas metodológicas para así
alcanzar como resultado las etapas previas al
diseño de un sitio web.
Una debilidade con la que nos enfrentamos fue la
dificultad al momento de traspolar los conceptos
vistos en clase y tareas extraúlicas al proyecto
desarrollado.
En contraposición con esto, la fortaleza que
tuvimos fue la elaboración de los perfiles de
usuario y personas, ya que pertenecen a temas de
clase abordados anteriormente, por lo que
adquirimos más experiencia en ellos.
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010
52. Fuentes de Información
Documentos
*ÁLVAREZ, Walter, 2008., Tamaño de una página web., [en línea] Recuperado:
17 de septiembre de 2010 de: http://www.solucionesseo.com/blog-
posicionamiento/diseno-web/tamano-de-una-pagina-web/
*Gobierno de Chile, Ministerio Secretaría General de Gobierno., 2004.,
“Arquitectura de Información, Definición de la estructura del sito”; [en línea]
Recuperado: 16 de septiembre de 2010 de http://www.guiaweb.gob.cl/guia/
capitulos/dos/estructura.htm
*HERNÁNDEZ, Salazar Alicia., “El perfil del Usuario de Información”, Información
Bibliotecológica, [en linea] Recuperado: 15 de septiembre de 2010 de http://
www.ejournal.unam.mx/ibi/vol07-15/IBI000701502.pdf
*INAH, 2010., Red de Museos del INAH.,[en línea] Recuperado: 14 de
s e p t i e m b r e d e 2 0 1 0 d e h t t p : / / w w w. i n a h . g o b . m x / i n d e x . p h p ?
option=com_content&view=article&id=25:red-de-museos-del-inah-&catid=43:lista-
de-museos&Itemid=25
*MANCHÓN, Eduardo., “Herramientas para diseño web: los personajes (persona)
y escenarios”., [en línea] Recuperado: 15 de septiembre de 2010., de http://
www.alzado.org/articulo.php?id_art=110
*SERNAS, Mora Fernando David., 2009; “Creación de un sitio web como
herramienta auxiliar en la capacitación de personal utilizando principios del
Diseño”; Tesis para obtener el grado de: Ingeniero en Diseño, Universidad
Tecnológica de la Mixteca, Oaxaca.
*Sistema de Información Cultural-CONACULTA, México., [en línea] Recuperado:
12 de septiembre de 2010 de: http://sic.conaculta.gob.mx/ficha.php?
table=museo&table_id=877
“Arquitectura de Información‐ Museo de Monte Albán”
Ma:as‐Pineda/ Sep?embre 2010