Web Bitácora Alberto Cruz Grupo III
| Título | Plataforma web Bitábora Alberto Cruz |
|---|---|
| Palabras Clave | Alberto Cruz, Bitácora, Primera travesía Amereida, 1965 |
| Período | 2013- |
| Del Curso | 3º DG 2013, |
| Carreras | Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property. |
| Alumno(s) | Sofía Enriquez, Javiera Escudero, Cindy Sanhueza, Mauro Villena |
| Profesor | Sylvia Arriagada, Jaime Pérez Moena |
Bitácora de Alberto Cruz
primera Travesía de Amereida
Presentación del Contenido: Un viaje realizado en el año 1965, por el interior de América Latina, pasando por Chile y Argentina registrado en un cuaderno poco legible, sobre pasado de escritos, anotaciones, dibujos, etc. de Alberto, mas la Crónica de viaje de Claudio Girola y las anotaciones de Godofredo Iommi.
Edición: Cuando tuvimos el primer encuentro con las paginas de la bitácora de Alberto apareció una problemática que debíamos abordar. El discurso, lugares y fechas no coincidían dentro de una misma pagina lo que nos obligo a ordenar el discurso y el relato completo de Alberto. Con esta nueva organización y material se comenzó a gestar la primera idea de como íbamos a visualizar esta información dentro de una pagina web, con todas sus variables.
Realización y organización del material: Con el relato del viaje ya organizado y con una serie de información ya vista. comenzamos a dividir el contenido desde lo mas general hasta lo mas particular, creando distintos escenarios que almacenen la información dividida de manera de facilitar el encuentro de esta con el usuario. Dividimos el contenido de la siguiente manera:
·Inicio
·Territorio
·Cronología
·Clasificación
·Bitácora
En cada una se visualiza la Traviesa de manera distinta, a continuación explicaremos el wireframe de cada categoría:
Inicio: se presenta un esquema de la información y una explicación breve de lo que ver el usuario en cada una de las categorías
Territorio: aparece un mapa donde se ubica geográficamente los lugares por donde pasaron en la Travesía y con hacer clic en el lugar aparece un cuadro emergente donde se redacta lo que Alberto escribió en ese lugar.
Cronología: se muestra el relato de Claudio Girola en una linea de tiempo con las fechas del viaje, relacionado con las notas de Godofredo Iommi
Clasificación: mostramos las diferentes clasificaciones que hicimos del relato de Alberto.
Bitácora: aparece la bitácora sin editar para que el usuario pueda verla pagina por pagina y en su totalidad.
Entrega 1
Mapa de navegación
Storyboard
Wireframe
Entrega 2
Mapa del sitio
Propuesta visualización web
CASOS DE ESTUDIO
Personas y Escenarios
1° CASO
Nombre: Gianela Soto
Edad: 30
Ocupación: Egresada de Ingeniería en Construcción
Características: Trabaja en una Constructora en Viña del Mar, es soltera, gusta de salir con amigas y el Cine. No sabe quien es Alberto Cruz ni tampoco sobre la Primera Travesía de Amereida.
Escenario: Necesita investigar sobre la obra arquitectónica de Alberto en Travesía, sus observaciones y demases, a petición de su jefe en la Constructora para la realizarían de un proyecto. Que necesita: Un sitio web para realizar la tarea desde su oficina, donde pueda encontrar información suficiente
Mapa de navegación:
Mapa de navegación con iconografía:
2° CASO
Nombre: Felipe Glagieri
Edad: 62
Ocupación: Profesor de Arte en la Universidad de Buenos Aires, escultor y ensayista
Características: Es Argentino y destacado escultor, realiza ensayos sobre la disciplina y realiza talleres de la misma con sus Alumnos. Sabe quien es Alberto Cruz pero desconoce la Primera Travesías de Amereida.
Escenario: Desea realizar una clase a sus alumnos sobre la Travesía que se realizo en su pais, su recorrido y obras en los lugares. Que necesita: un mapa con el recorrido y un sitio donde sus alumnos puedan entrar y averiguar mas sobre el tema.
Mapa de navegación:
Mapa de navegación con iconografía:
3° Caso
Nombre: Rodrigo Peña
Edad: 54
Ocupación: Arquitecto, Profesor de Estructura en la Universidad de Valparaiso
Características: Nació y a vivido toda su vida en Valparaiso, realizo dos años de arquitectura en la Escuela de Arquitectura y Diseño de la PUCV y posteriormente se fue al la Universidad de Valparaiso. Sabe quien es Alberto Cruz y también sobre la primera Travesía de Amereida.
Escenario: quiere realizar la primera Travesía de su Escuela con sus Alumnos al Sur de Chile y como referente tiene a Alberto Cruz y las Travesías de la ead Que necesita: Saber con detalle como fue el viaje que realizo Alberto y compañía, cronología, etc.
Mapa de navegación:
Mapa de navegación con iconografía:
Entrega 3
Nueva propuesta para la presentación de contenidos.
En base a las problemáticas que rescatamos de la corrección anterior, decidimos reformar la propuesta ya presentada, manteniendo algunas características importantes dentro del planteamiento visual inicial, y modificando aspectos estructurales del sitio.
Objetivos a realizar:
• Crear estructura de visualización que permita al lector navegar cómodamente para acceder con facilidad a los contenidos que esté buscando, según sea el caso.
• Entregarle al lector una experiencia de lectura didáctica, donde exista interacción con el entorno web.
Metodología:
• En primer lugar, para contextualizarnos dentro del mundo interactivo, realizamos un benchmark, y nos encontramos con algunos ejemplos de diseño de interfaz y arquitectura de la información.
• Después creamos una grilla que nos permitiera distribuir los contenidos con la mayor cantidad de variables posibles.
• Una vez lista la grilla, hicimos en papel una propuesta de wireframe destinado a apoyar el diseño de la interfaz.
• En base al wireframe, diseñamos una interfaz dinámica, un mejor escenario para la visualización de la información.
• Ya definidos todos estos parámetros, entramos a tomar decisiones respecto a color y tipografía.
WIREFRAME
Maqueta web
Navegación usuario normal
Entrega 4
Mapa de navegación interactivo
Metodología:
Grilla base
Usuario
Recorrido del usuario
Objetivo
Grilla
El Diseño de Pagina web sobre la Bitacora de Alberto Cruz requeria de una grilla que sosteniese la informacion de manera que mantuviera la proporsion entre cada clasificacion dentro de esta para que asi ubiese una continuidad en el sitio y otorgarle una manera mas sencilla y empatica al usuario. Dentro de esta variante tambien se asomaba la dinamica y estructura llamativa que debia tomar la pagina.
Usuario
Para este encargo nos propusimos tomar como usuario a alguien que estubiese realizando una investigacion sobre Alberto y el viaje por Argentina principalmente, frente a esta situacion nos propusimos un mapa de navegacion donde se pudiese observar como iba apareciendo la informacion por cada “click” que se hacia.
Recorrido del Usuario
Consistia en hacer un recorrido donde nos pudiesemos encontrar con la mayor informacion posible para asi visualizar la organizacion del contenido y la forma en como aparecen y lo pensamos de la siguiente manera:
Inicio
Biografia de Alberto Cruz
Territorio (encuentra el lugar que busca)
Objetivo
El objetivo de este diseño de Recorrido de usuario es mostrar la interaccion de la pagina web y como esta acompaña la necesidad del lector en su busqueda de informacion
Web Versión final
Mapa de navegación:
https://dl.dropboxusercontent.com/u/87192824/FINAL%20web%20BAC%20grupo%203/presentacion.htm
