Web Bitácora Alberto Cruz Grupo III

De Casiopea



TítuloPlataforma web Bitábora Alberto Cruz
Palabras ClaveAlberto Cruz, Bitácora, Primera travesía Amereida, 1965
Período2013-
Del Curso3º DG 2013
CarrerasDiseño Gráfico
Alumno(s)Sofía Enriquez, Javiera Escudero, Cindy Sanhueza, Mauro Villena
ProfesorSylvia 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 sin iconografía






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 sin iconografía








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 sin iconografía







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.

Grilla






Paleta de colores









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:

Mapa sin Iconografía

https://dl.dropboxusercontent.com/u/87192824/FINAL%20web%20BAC%20grupo%203/presentacion.htm