TRAVESÍAS
TRAVESÍAS
Taller de Construcción Diseño Grafico 4 - 2010 Proceso Constructivo de llevar a cavo un proyecto Web para la escuela. El modo de partir el proyecto es observar los sitios de la escuela y plantearse propuestas de un proyecto que implique la modificación o creación de algún sitio de la escuela. Una vez que se ha optado por una de las propuestas, hay un proceso de estudio con respecto a lo que se va a hacer, análisis de diagramaciones, interfaces, interacciones y contenidos, para luego plantearse una estructura que se refleja principalmente en el mapa de navegación, en el cual se pueden ver las relaciones y jerarquías de los contenidos . Teniendo la forma en cómo se estructura el contenido se piensa en cual es la mejor manera de mostrar este contenido a las personas que usarán este sitio. Es entonces cuando diseñamos wireframes e interfaces como un modo de ver la estructura del sitio en cuanto a interacciones usuario/sitio. Las interacciones deben ser probadas con usuarios reales, para validar que los procesos son eficaces, por ello se hacen “pruebas de usuarios”, proponiéndole a una persona un posible caso de un futuro usuario del sitio en el que se describe a una persona en X condiciones (espacio) y que debe llevar a cabo una tarea dentro del sitio que se propone.
Ilndice
1.
Análisis de Sitio Web de la Escuela
• ead.pucv.cl
6
2.
Mapa de Navegación
3.
Propuestas
4.
Sitio de las Travesías • Desarrollo de Propuesta III
16
• Análisis del Sitio
18
• Estructura de una Travesía
20
• Mapa de Navegación Sitio
22
5.
Prototipos • Wireframe I
24
• Wireframe II
26
• Wireframe III
28
• Wirerame IV
30
• Wireframe V
32
• Interfaz I
34
• Interfaz II
36
•Mapa de divs
38
• ead.pucv.cl
• ead.pucv.cl
8
14
6.
Planteamiento del Proyecto • Contenidos Travesía
40
• Nuevo Mapa de Navegación
42
7.
Personas y Escenarios • Caso 1
44
• Caso 2
45
• Caso 3
46
• Protocolo de Prueba con los Usuarios
47
• Preguntas
• Respuestas
Analisis de Sitio Web Escuela
·Taller Construcción·
6
ead.pucv.cl
Wireframe del Home e[ad]
Relación de texto en el Inicio del Sitio de la Escuela
Visualización del Home del Sitio de la Escuela
+
Observación general: El Sitio de la escuela es un generador de contenidos, en el sentido de que hasta ahora solo entrega información a quien accede
+
+
a él, pero no existe un espacio de retroalimentación, salvo los comentarios que se pueden dejar en las secciones, que por lo general son los mismos profesores de la escuela quienes comentan el articulo. Creo que por un lado se puede pensar en cómo hacer que quien acceda al sitio sea colaborador de contenidos, pero
+
también hay que cuestionarse hasta qué punto puede ser esa persona colaborativa, para no perder la fidelidad de la información. Por otro lado falta una muestra de qué se hace en cada taller de arquitectura y diseño, qué se hace en cada etapa de estas carreras, quizá esto es parte de cómo es la enseñanza en la escuela (falta algo que defina cual es la diferencia de la educación en la e[ad], en
Audiencia:
diferencia a las otras escuelas de diseño).
Según el análisis de Google Analytics, el sitio cuenta con un alto
Cómo podemos describir el perfil de la escuela, y quizá a parte
porcentaje de visitas, de las cuales asisten de todos los continentes.
de enfocarse a lo que se realiza en cada taller, dar a conocer las
sin embargo, el porcentaje de rebote también es alto lo que implica que
actividades que realiza la escuela, actividades en donde los oficios
no hay algo que retenga o atraiga a la visita en el sitio a menos de que
se complementan, como lo son: Farándula/ Torneos/ Fiesta de San
el contenido que reciba sea de su interés.
Pedro/ Misiones/ otras.
La audiencia del sitio esta pensada para: • Estudiantes de la escuela
• Profesores de la escuela
• Postulantes a la escuela
• Alumnos de intercambio de
•Profesores de Diseño y
Diseño y Arquitectura
Arquitectura de otros establecimientos ·Análisis sitio web ·
7
·Taller Contrucción ·
Mapa de Navegación
8
ead.pucv.cl
Home e[ad] Historia Escuela
Portal Amereida - Ciudad Abierta (enlace) Travesías Vimeo (enlace)
Admisión
Portal PUCV (enlace) Portal DEMNRE (enlace)
Análisis de Contenidos 1. Escuela:
• Historia
• Admisión
• Campus
• Cuerpo Docente
• Autoridades
• Catolicidad
• Prensa
Campus
Google Map Tool
Cuerpo Docente
Archivos Prof. Alberto Cruz
• Biblioteca Con§tel
Archivos Prof. Miguel Eyquem
• Travesías
Magister Arquitectura
• Taller de Amereida
• Ciudad Abierta
2. Amereida:
Archivos Prof. Salvador Zahr Maluk Archivos Prof. David Jolly Monge
3. Alumnos:
Archivos Prof. Patricio Cáraves Silva
• Cuerpo Coordinador
• Procesos
Archivos Prof. Jorge Ferrada Archivos Prof. Iván Ivelic Yanes
Archivos Prof. Rodrigo Saavedra Venegas Archivos Prof. David Luza Cornejo Archivos Prof. Andrés Garcés Alzamora Archivos Prof. Fernando Espósito Galarce Archivos Prof. Claudio Villavicencio
Administrativos
• Calendario
• Exalumnos
• Servicios
• Movilidad Estudiantil
Archivos Prof. Rodrigo Saavedra Venegas Archivos Prof. David Luza Cornejo Archivos Prof. Andrés Garcés Alzamora Archivos Prof. Fernando Espósito Galarce
• Bolsa de Trabajo
• Datos Personales
Archivos Prof. Claudio Villavicencio
4. Carreras:
Archivos Prof. Silvia Arriagada Cordero
•Arquitectura
•Diseño
Archivos Prof. Michèle Wilkomirsky Uribe Archivos Prof. Boris Ivelic Kusanovic
5. Postgrado:
Magiste Diseño
Archivos Prof. Ricardo Lang Viacava
Nautico y Marítimo
• Magister Ciudad y
Archivos Prof. Arturo Chicano Archivos Prof. Herbert Spencer
•Magister Diseño
Territorio
Archivos Prof. Juan Carlos Jeldes
6. Mundo:
Archivos Prof. José Balcells Eyquem
• Extensión
• Investigación
Archivos Prof. Marcelo Araya Aravena
• Archivo Histórico
Archivos Prof. Manuel F. Sanfuentes Vio
José Vial Amstrong
Archivos Prof. Jaime Reyes Gil
• Taller Ediciones
• Wiki Casiopea
Autoridades
Catolicidad
Articulos de Catolicidad
El contenido, a pesar de estar ordenados con una cierta
Prensa
lógica, aun parecen estar muy dispersos, en donde algunas
Biblioteca Con§tel Amereida
¿Por Qué, Cómo y Cuándo Hay Arte? Norma y Apartado Segunda Carta sobre la Phalène Hoy me voy a Ocupar de mi Cólera Hay que ser Absolutamente Moderno Sentido Poético de la Cólera Testamento de Rimbaud Carta del Errante Elogio a la Unidad Discreta
temáticas salen de lugar. Se debe pensar en un modo de reordenar los contenidos del sitio:
Hay que ser Absolutamente Moderno Sentido Poético de la Cólera Testamento de Rimbaud Carta del Errante
Invento cinco categorías posibles:
Elogio a la Unidad Discreta Odas
• Historia y Visión
Oda a Kappa
• Carreras y Postgrados
Phalène del Golpe de Dados Amereida en Barcelona
• Perfil de la Escuela
Amereida II Bitácora
• Documentación
Epica Americana
• Procesos
América, Américas Mías Introducción al primer poema de Amereida Eneida-Amereida Viaje a Vancouver Ritoque: Ciudad Abierta Ciudad Abierta Ciudad Abierta: De la Utopía al Espejismo Ida donde Larrea Apertura de los Terrenos Los Nuevos Campos Expandidos de la Escultura Visión de Valparaíso Diez Separatas del Libro no Escrito Acto de la Contemplación del Espacio y Tiempo de la Escultura Diálogo acerca de la Cruz del Sur Mantos de Gea El Cálculo Pictórico Contemporaneidad en la Escultura Estudio acerca de la Observación en Arquitectura Forma y Figura en la Arquitectura Simetría y Lateralidad en las Artes Plásticas Pensamiento de la Escuela de Arquitectura de la UCV Exposición 20 años Escuela de Arquitectura UCV Voto Propuesto al Senado Académico 1969
De la Reforma Improvisación del Arquitecto Alberto Cruz Proyecto para una Capilla en el Fundo Los Pajaritos
De la Reforma Improvisaci贸n del Arquitecto Alberto Cruz Proyecto para una Capilla en el Fundo Los Pajaritos Estudio Urban铆stico para una Poblaci贸n Obrera en Achupallas
Traves铆as
1984 1985 1986 1987 1988 1989 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009
Taller de Amereida
Ciudad Abierta
Datos Personales Alumnos
Portal Amereida - Ciudad Abierta (enlace)
Directorio de Exalumnos
Datos Personales
Directorio de Exalumnos
Bolsa de Trabajo
Directorio de Exalumnos
Alumnos
Movilidad Estudiantil
Servicios
Procesos Administrativos
Exalumnos
Directorio de Exalumnos
Calendario
Semana Mes Agenda
Procesos Administrativos
Formulario de solicitud de título (enlace) Formulario de Antecedentes (enlace) Formulario Solicitud de Tutoria (enlace)
Cuerpo Coordinador
Federación de Estudiantes PUCV (enlace) Dirección de Asustos Estudiantiles DAE (enlace) Fondo Solidario del Crédito Universitario (enlace)
Arquitectura
Programa de Estudio
Malla Curricular Arquitectura (enlace) AnexosPrograma de Estudios (enlace)
Carreras
Diseño Industrial
Programa de Estudio
Programa de Estudio
Diseño Industrial
Programa de Estudio
Programa de Estudio
Magister Diseño Nautico y Marítimo Postgrado Magister Ciudad y Territorio
Extención Mundo Investigación
Portal Amereida - Ciudad Abierta (enlace)
Archivo Hist. José Vial Amstrong
Flickr (enlace)
Podcast del Archivo Hist. José Vial Armstrong Catálogo Con§tel (enlace)
Taller de Ediciones
Ediciones Universitarias de Valparaíso (enlace)
Libro de Torneos
Biblioteca Con§tel
Wiki Casiopea
· Mapa de Navegación e[ad] ·
13
Propuestas
·Taller Construcción· 14
ead.pucv.cl
Propuesta I:
Propuesta II:
ESCUELA > CAMPUS
AMEREIDA > TALLER DE AMEREIDA
Esta sección va enfocada a quienes no conocen dónde se ubica la
Esta sección habla de una descripción del Taller, qué es, qué se habla,
escuela de Arquitectura y Diseño,la Ciudad Abierta y la Casa Central
qué se hace, donde es, cuando, etc., pero no hay algo que muestre
de la PUCV. Los recursos de Google Maps están bien empleados para
directamente cómo ocurren cada uno de los talleres, cual es su
tener la referencia de cada lugar, pero sin embargo, falta tener una
forma, porqué este taller es tan especial. Falta implementar el recurso
imagen de los lugares a los cuales se hace referencia, a través de la
fotográfico que ya hay, pero que no está aprovechado en esta sección
fotografía, ya que quienes no los conocen hacen un referencia visual
del sitio, algo que se pueda mostrar a alguien ajeno a la escuela Cual
con cada uno.
es la forma de estos talleres, donde se realizan, quienes participan, cómo participan.
Propuesta III: AMEREIDA > TRAVESÍAS En este sitio hay una descripción de lo que son las travesías y junto
van publicando en esta sección. De este modo, el relato que hay cada
con ello, se adjunta una colección de todos los viajes realizados por
travesías sería apoyado por esta documentación fotográfica más que
año, acompañados por una referencia en Google Maps de cada lugar
un Google Maps.
al que he ha ido y una documentación resumida de cada experiencia. Sin embargo, este sitio podría construirse de un modo mucho más colaborativo, a través de quienes asistieron a las travesías creando espacios de opinion, grupos en flickr en donde se recopila un documentación fotográfica de los lugares y faenas realizadas que sE · Propuestas ·
15
Sitio de las Traves铆as Desarrollo Propuesta III
路Taller Construcci贸n路 16
Indice de Contenidos del Sitio: 1. Ubicación de todas las travesías (Background Google Maps) 2. Acerca de las Travesías 3. Años de Travesías
3.1. Travesías por cada año
3.1.1. Travesía Especifica
3.1.1.1. Lugar
3.1.1.2. Fechas
3.1.1.3. Talleres
3.1.1.4. Profesores
3.1.1.5. Titulantes
3.1.1.6. Ayudantes
3.1.1.7. Ruta
3.1.1.8. Latitud - Longitud
3.1.1.9 Textos Leidos
3.1.1.9.1. A Saber
· Sitio de las Travesías ·
17
Análisis del Sitio
·Taller Construcción· 18
En la pantalla completa se muestra Sudamérica con los puntos de los lugares a los cuales se ha ido en las travesías, ofreciendo una visión panorámica del alcance de las travesías en el continente.
Espacio para publicar una entrada al blog, en donde habla a partir de las travesías, su tradición, su fundamento y una introducción a ellas.
Barra de acciones en el sitio: enlace al sitio de la Escuela e[ad]/ Colaborar/ Nueva Travesía/ Inicio de Sesión/ Acerca de las Travesías/ Colofón. Es decir, es una barra de acción muy esencial para la funcionalidad y construcción del sitio, pero su ubicación la hace poco visible
Barra de colección de travesías por año, muestra todos los años donde se han realizado travesías y la cantidad de travesías que se hicieron en cada uno de ellos.
Nombre del Sitio y buscador
Estructuras del Sitio:
Estructura del inicio del sitio de Travesía
Selección de Travesías en un año.
Estructura 1 de travesía especifica.
Estructura 2 de travesía especifica.
· Sitio de las Travesías ·
19
Estructura de una Traves铆a
路Taller Construcci贸n路 20
Composición de una Travesía: En un año, se ejecutan varias travesías, compuestas por distintos talleres y profesores que van documentando en la llamada bitácora
$
x
de travesía desde antes de realizar la travesía (pretravesía) ya sea registro acerca de las posibles rutas, organización del equipaje y alojamiento, planificación de las comidas con posibles menús, junto con proporciones de los alimentos y materiales de cocina, registro de las cuotas y gastos, organización de las lecturas y actos que construyen el ámbito de la travesía, y otros. En travesía se ejecutan distintas faenas que se llevar a cabo para crear la obra que se presenta finalmente en un acto público con la gente del lugar.
· Sitio de las Travesías ·
21
Mapa de Navegaci贸n Sitio Mapa Actual:
路Taller Construcci贸n路 22
Mapa Propuesta:
Card Sorting: La propuesta del mapa de navegación es del resultado de un card sorting, él implica una reagrupación de elementos y evidenciar más la existencia de otros como lo son el hecho de colaborar en el sitio, la existencia de una galería.
· Sitio de las Travesías ·
23
Prototipos
·Taller Construcción· 24
Wireframes I
1
4
BUSCAR
3
2
e[ad] Escuela de Arquitectura y Diseño PUCV | Colaborar | Iniciar Seción
6 1984 [1]
1994 [5]
2004 [4]
1985 [6]
1995 [2]
2005 [4]
1986 [4]
1996 [4]
2006 [2]
1987 [5]
1997 [8]
2007 [5]
1988 [8]
1998 [6]
2008 [6]
1989 [4]
1999 [2]
2009 [3]
1990 [3]
2000 [4]
1991 [8]
2001 [8]
1992 [9]
2002 [6]
1993 [7]
2003 [5]
Acerca de las Travesías
5
Experiencia de Travesía
8
Historia
9
Las travesías son viajes poéticos por América que
Las travesías son viajes poéticos por América que
realiza anualmente la e[ad] Escuela de Arquitectura y
realiza anualmente la e[ad] Escuela de Arquitectura y
Diseño PUCV a partir del año 1984. Estos viajes son
Diseño PUCV a partir del año 1984. Estos viajes son
integrados por los alumnos y profesores [...] ver más>>
integrados por los alumnos y profesores [...] ver más>>
Primera Propuesta - Wireframe Inicio Sitio Escuela (1)
Galería
7 10
Descripción Wireframe (I) 1. Imagen del Head, extracto fotográfico que sea capaz de traer la esencia de las travesías. 2. Barra de Acciones del sitio. 3. Buscador Interno del sitio de las Travesías. 4. Logo del Sitio. 5. Mapa Navegable, donde se disponen todas las travesías realizadas. 6. Menú de los Años de Travesía 7. Ventana que se despliega y que contiene post de los usuarios que han ido a travesía. 8. Articulo del blog que habla a cerca de las travesías. 9. Articulo del blog que habla de la Historia de las travesías 10. Galería de imágenes de todas las travesías (feed de flikr)
· Prototipos ·
25
·Taller Construcción· 26
Wireframes II
1
4
BUSCAR
3
2
e[ad] Escuela de Arquitectura y Diseño PUCV | Colaborar | Iniciar Seción
5
Travesías 2004
6
Experiencia de Travesía
7 Agregar
fran.tapia : Una travesía inolvidable fue la de Puerto Guadal, se [2004] TRAVESÍA ROMERAL
vivieron experiencias increibles descubri [...] ver más>>
[2004] TRAVESÍA MAMIÑA
j.ramirez: Una travesía inolvidable fue la de Puerto Guadal, se
[2004] TRAVESÍA LA PAMPA
vivieron experiencias increibles descubri [...] ver más>>
[2004] TRAVESÍA HERMENEJILDO
dani.p: [2004] TRAVESÍA PUERTO GUADAL
Una travesía inolvidable fue la de Puerto Guadal, se vivieron experiencias increibles descubri [...] ver más>>
[2004] TRAVSÍA BUENOS AIRES
<<anterior
[2004] TRAVESÍA RÍO DE JANEIRO [2004] TRAVESÍA SAO FRANCISCO DO SUL
Última Publicación Travesía [2004]8
[2004] TRAVESÍA IRUYA
TRAVESÍA ROMERAL [r.humberto] : realiza anualmente la e[ad] Escuela de Arquitectura y Diseño PUCV a partir del año 1984. Estos viajes son integrados por los alumnos y profesores [...] ver más>>
Primera Propuesta - Wireframe Selección de Travesías (2)
Galería [2004]
siguiente>>
9
Descripción Wireframe (II) 1. Imagen del Head, extracto fotográfico que sea capaz de traer la esencia de las travesías. 2. Barra de Acciones del sitio. 3. Buscador Interno del sitio de las Travesías. 4. Logo del Sitio. 5. Mapa Navegable, donde se disponen las travesías del año seleccionado . 6. Menú de las travesías de el año seleccionado. 7. Ventana que se despliega y que contiene post de los usuarios que han ido a travesía. 8. Última publicación del año seleccionado. 9. Galería de fotos del año seleccionado (feed de flickr).
· Prototipos ·
27
路Taller Construcci贸n路 28
Wireframes III
Segunda Propuesta - Wireframe Inicio sitio Traves铆as (1)
Descripción Wireframe (III) 1. Imagen del Head que sea capaz de traer algo de la travesía. 2. Logo de las travesías. 3. Buscador. 4. Barra de Acciones. 5. Menú de Años de Travesías. 6. Google Map de Todos los lugares de Travesías. 7. Información de lo que tratan en las travesías (información traída desde la Wiki). 8. Ventana que se despliega y que contiene post de los usuarios que han ido a travesía. 9. Habla de la historia de las travesías, como un encabezado de un articulo de la wiki. 10. Galería de imágenes en flickr de todas las travesías, un feed que se actualiza con las ultimas imágenes subidas.
· Prototipos ·
29
路Taller Construcci贸n路 30
Wireframes IV
1
2
3 5
4
6 10
9
7
8
Tercera Propuesta - Wireframe Inicio sitio Traves铆as (1)
Descripción Wireframe (IV) 1. Logo de las travesías. 2. Buscador. 3. Ingreso como usuario al Sitio. 4. Menú de las Travesías que permite buscarlas por distintos tipos: año, carrera, país, profesores, talleres. 5. Botones de Acción dentro del sitio. 6. Mapa Navegable, donde se disponen todas las travesías. 7. Ventana que se despliega y que contiene post de los usuarios que han ido a travesía. 8. Barra navegable de galería fotográfica de las travesías, muestra las últimas fotos subidas al grupo de flikr que contiene todas las travesías. 9. Articulo de blog, que habla acerca de las travesías. 10. Ultimas galerías de travesías actualizadas en flickr.
· Prototipos ·
31
路Taller Construcci贸n路 32
Wireframes V
1
2
3 5
4
6 10
9
7
8
Cuarta Propuesta - Wireframe Inicio sitio Traves铆as (1)
Descripción Wireframe (V) 1. Logo de las travesías con enlace al inicio del sitio. 2. Buscador a través de etiquetas: año/ carrera/ país/ profesor. 3. Ingreso al sitio a través de “Personas”. 4. Selección de Travesías que se posicionan en el mapa, por default se muestran todas las travesías realizadas por la escuela. 5. Experiencia de Travesía, como un feed de Twitter, en donde no solo pueden comentar las personas que estan registrados en el sitio, sino, basta con tener una cuenta en twiiter. 6. Mapa donde se visualizan las travesías. 7. Tablero de los aportes y fichero personal. 8. Ventana de contenido derivado de Casiopea. 9. Corredor de imagenes, en donde se ven las últimas fotografías subidas al flickr de las travesías. 10. Footer del sitio.
· Prototipos ·
33
路Taller Construcci贸n路 34
Interfaz I
Primera Propuesta (Wireframe IV) - Interfaz Inicio sitio Traves铆as.
Primera Propuesta (Wireframe IV) - Selecci贸n de Traves铆a
路 Prototipos 路
35
路Taller Construcci贸n路 36
Interfaz II
Segunda Propuesta (Wireframe V) - Interfaz Inicio sitio Traves铆as.
Segunda Propuesta (Wireframe IV) - Visor de Fotos
路 Prototipos 路
37
·Taller Construcción· 38
Mapa de divs Interfaz I - Inicio del Sitio Descripción Divs: <body>
<div id= “header”>
Un div es básicamente un contenedor, en el se puede colocar
<div id= “buscador”>
cualquier clase de contenido, con la ventaja de que pueden ser
<div id= “ingreso”>
manipulables con CSS. A diferencia de las tablas, los divs no se dividen por dentro, pero
<div id= “menu”>
<li class= “secciones_menu”>
<div id= “menu”>
podemos anidarlos y organizarlas casi como las tablas.
<div id= “secciones_menu”>
<li class= “menu”>
<div id= “dirección”>
<div id=”acciones”>
<div id= “secciones_acciones”>
<li class= “secciones_acciones”>
<div id= “ventana”>
<div id= “corredor”>
<div id= “dirección”>
<div id= “comentarios”>
<div class= “comentarios”>
<div id= contenido_contenedor”>
Maqueta de mapa de divs
<div id= “titulo”>
<div id= “contenido”>
<div id= “galería”>
Los mapas de divs son esquemas estructurales de código que
<div class= “galería”>
<div id= “footer”>
<div id= “secciones_footer”>
Descripción Mapa de Divs:
<li class= “secciones_footer”>
Mapa de Divs correspondiente a la primer propuesta de interfaz del sitio de Travesías a la sección de Inicio del Sitio
funcionan a partir de divisiones de la página, las cuales actúan como contenedoras de etiquetas específicas para cada caso. Concretamente grafican la relación entre todos los divs que conforman un documento de HTML, manteniendo visualmente las bases de la diagramación de cada página Web, es decir: Cabecera, cetro, buscador, contenedor y pie (en el caso de nuestro sitio), pero detallando todas las etiquetas que son usadas dentro de esta estructura. De esta manera se evidencia la ubicación de cada id y clase, permitiendo a quién tenga que utilizar el código en otra ocasión, tenga un comprensión rápida de la estructura y sea fácil acceder para realizar modificaciones.
Carpeta de título:Bitácora Colectiva de Travesías Amereida, Katherine Exss C - Estefanía Trisotti B, Profesores: Herbert Spencer y Manuel Sanfuentes, Cap. Implementación, Mapa de Divs, pág 108. Escuela de Arquitectura y Diseño PUCV, 2008
· Prototipos ·
39
Planteamiento del Proyecto Contenidos Travesía
Sistema de Documentación del Sitio El Sitio de Travesías planteado en el proyecto es un visor que muestra información proveniente de otros sitios, como lo son en este caso: • Wiki Casiopea • Flickr • Twitter
CASIOPEA
·Taller Construcción·
40
Objeto Travesía en la Wiki
/ Textos Leídos / • Etiquetas de los Textos leídos
El contenido principal de las travesías es el que está
• Documentación escrita
documentado en la wiki. la idea es que este contenido proveniente de la wiki, sea llamado mediante un sistema de etiquetas. Para ello habría que crear en la Wiki un “Objeto Travesías”: / Tiempo / • Fecha - Día - Mes - Año / Ubicación / • Lugar - País - Localidad - Latitud - Longitud - Ruta / Grupo / • Talleres - Integrantes (como objeto semántico) • Profesores
Sistema de Usuarios El Sitio de las Travesías trabaja con la misma base de datos de la Wiki (Casiopea) por lo que el ingreso se hace a través de http://personas.ead.pucv.cl/ Usuario / Persona Semántica Cada Usuario dentro del Sitio Travesías puede marcar las travesías a las cuales ha asistido, de modo que se crea una lista de las personas que asistieron a la experiencia. ¿Pero cómo queda documentado en la Wiki? A cada usuario de le asocia una Persona Semántica de la wiki, una persona que puede tener proyectos, talleres, etc y Travesías. de modo que al marcar en el sitio una travesía como “asistida“ se crea una etiqueta en el articulo de la Travesía de la Wiki con la persona semántica. Así pordría preguntar por una persona, para saber a qué travesías asistió.
- Integrantes (como objeto semánticos) • Titulantes - Integrantes (como objeto semántico) • Ayudantes - Integrantes (como objeto semántico)
· Planteamiento del Proyecto · 41
路Taller Construcci贸n路
Nuevo Mapa de Navegaci贸n
42
Mapa del Sitio de las Travesías alimenta su contenido desde Casiopea y Flickr principalmente, y algunos post de Tiwtter crea una interfaz para poder interactuar con estos tres sitios a la vez. El mapa de Navegación muestra las relaciones y jerarquías más esenciales en cuanto a cómo se refleja esto en el sitio.
· Planteamiento del Proyecto · 43
Personas y Escenarios
·Taller Construcción· 44
Caso 1
Francisco Ahumada EDAD: 23 años
OCUPACIÓN: Arquitecto egresado de la e[ad]
DESCRIPCIÓN: Es de San Felipe estudió arquitectura en la e[ad], actualmente se encuentra viviendo en la quinta región, haciendo un magister de arquitectura en el mismo establecimiento. Tiene un notebook en su departamento, con el qué generalmente trabaja en Autocad para hacer planos, revisar su correo, conectarse a msn y a internet diariamente.
ESCENARIO: Un día sábado Francisco ingresa desde su casa al sitio de las Travesías ya que recordó que tiene una serie de fotografías y poemas que se leyeron en la travesía de Ilha Grande, Brasil del año 2008 y desea subir ese material.
Caso 2
Flavia Leguizamon EDAD: 21 años
OCUPACIÓN: Estudiante de Arquitectura de la Universidad de Chile
DESCRIPCIÓN: Es de Santiago, estudia arquitectura en la Universidad de Chile, dispone de tres computadores en su casa, de los cuales dos son notebook. Generalmente suele usar unen Autocad, pero diariamente se conecta a facebook, msn revisa su correo y navega por internet.
ESCENARIO: Un día sábado, en una junta familiar, Flavia se entera de que una prima que estudia diseño en la e[ad], realiza travesías dentro de Sudamérica como una actividad propia del establecimiento. Ella se interesa por el tema, y una vez llegando a su casa, ingresa desde su notebook a internet buscando el sitio de las Travesías,una vez que lo encuentra ella desea conocer más acerca de ellas, de qué se trata y qué proyectos se realizan, y si es posible, poder comentar sus preguntas sobre el tema.
· Personas y Escenarios ·
45
·Taller Construcción· 46
Caso 3
Heredi Her via EDAD: 21 años
OCUPACIÓN: Estudiante de Diseño Industrial de la e[ad]
DESCRIPCIÓN: Es de la quinta región, vive en Quilpué y viaja casi todos los días a Viña a la e[ad]. En su casa cuenta con 4 notebooks, uno que es totalmente personalizado para ella, en el cual usualmente se dedica a trabajar en Inventor y diariamente se conecta a facebook, msn y revisa su correo.
ESCENARIO: Ya en travesía, Heredi ha sacado muchas fotos del lugar al que han viajado, además pertenece al grupo de cocina en donde tiene documentadas todas las proporciones de los alimentos para las 48 personas que están en su travesía. Llegando al hostal se conecta en uno de los computadores que hay allí para subir las mejores fotos que ha tomado y documentar los antecedentes de las proporciones de comida, además de dejar un comentario de lo que ha vivido en el lugar.
Protocolo de Prueba con los Usuario Casos de Usuarios:
Cómo medir
Los casos descritos corresponden a la relación usuario/sitio
Las Interfaces más relevantes del sitio serán presentadas a los
que se espera de esta interacción. Las distancias con que son
usuarios que se pondrán en los distintos casos, de modo que
mirados los distintos componentes del sitio son diferentes para
al realizar las tareas descritas vayan evaluando las interfaces
cada usuario, ya que sus objetivos y posturas en relación a la
en cuanto a claridad y funcionalidad.
escuela son diferentes. Lo que se quiere medir: Lo que se desea medir con este procedimiento es la capacidad de entendimiento de la interfaz del sitio referido a la documentación de las travesías. Si las jerarquías son claras, de manera que los procedimientos para realizar alguna acción dentro del sitio, sean inmediatamente entendidos por el usuario. Si la manera de ver la documentación es apropiada (distribución de espacios) de modo que el énfasis que esta dispuesto a cada espacio sea el correcto.
· Personas y Escenarios ·
47
·Taller Construcción· 48
Preguntas:
1. ¿Es clara la distribución del Contenido en el sitio? 2. ¿Es legible la opción de selección de las travesías para el mapa? 3. ¿Es clara la ventana de ficheros propios en el momento de ingresar? 4. ¿Te parece correcta la clasificación de los ficheros propios o crees que faltan clasificaciones o sobran? 5. ¿Los iconos van de acuerdo a lo que señalan (son legibles)? 6. ¿Los términos que se emplean para señalar las cosas son comprendidos? 7. ¿La navegación te acomoda o es confusa?
Respuestas
1. Los espacios del sitio se entienden, se comprende que hay un mapa que muestra el total de viajes llevados a cavo, otro que habla de una documentación y otro que muestra un corredor de fotos de los viajes. Pero en el caso de ver las fotos, creo que sería bueno crear un espacio donde solo pudiesen verse las fotos, sin mapas ni texto al lado. 2. Sí es clara, se entiende que hay una selección de categorías que al elegirlas cambian el mapa creando un filtro. 3. Se entiende que hay un espacio propio dentro del sitio en el momento de ingresar, cosa que me parece bien ya que uno siempre quiere revisar los aportes propios o ver como uno comienza a hacerse colaborador de un total 4. Creo que las categorías son las correctas, pero quizá se podría pensar en la opción de mostrar documentación de videos de las travesías, y me imagino que la categoría de “mis fotos” cambiaría a “mi galería”. 5. Sí, se entienden al menos cuando van acompañados del texto al lado, en el caso de las categorías del fichero propio. Pero en el caso del “banderín” para marcar una travesía como “mi travesía” no es clara, le hace falta un breve texto que lo acompañe. 6. Los términos son legibles, en el caso de la selección de travesías para el mapa, donde dice “travesía por” se hace más comprensible una vez que se despliega el menú que dice: Año - Carrera - País - Profesor. Aunque la categoría Profesor no sé si es muy necesaria. 7. La navegación es fácil y comprensible, pero en la parte de selección de travesía una vez que uno va seleccionando las categorías, en la parte lateral se van anotando las selecciones, cosa que me parece muy bien, pero parece un poco repetitivo poner en esa selección: “Travesía/” ya que si apretas “Travesías / País/” de igual forma muestra todas las travesías en el mapa, en el fondo llevan a lo mismo. · Personas y Escenarios ·
49
Proyecto de Construcción DG4 2010 Segundo Trimestre Profesor : Herbert Spencer Ayudante: Dámaris Sepúlveda Alumna : Gley Riquelme