informe documental - etapa 1 - wordpress.com · en su mayoría arquitectos, urbanistas,...

15
UPC | 2014 LICENCIATURA EN DISEÑO LABORATORIO DIGITAL TRABAJO PRÁCTICO FINAL PRIMERA ETAPA: PROYECTO PROFESORA: LILA PAGOLA EVELYN CASTRO, ROBERTO COSTA, JOSEFINA DÍAZ DAVID FERNÁNDEZ, JUAN FRANCO ALUMNOS:

Upload: others

Post on 21-Jul-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Informe Documental - Etapa 1 - WordPress.com · En su mayoría Arquitectos, Urbanistas, Historiadores, Guías de Turismo, Diseñadores y a nes. Tipo de uso: Búsqueda de información

UPC | 2014LICENCIATURA EN DISEÑOLABORATORIO DIGITAL

TRABAJO PRÁCTICO FINAL PRIMERA ETAPA: PROYECTO

PROFESORA:

LILA PAGOLA

EVELYN CASTRO, ROBERTO COSTA, JOSEFINA DÍAZ DAVID FERNÁNDEZ, JUAN FRANCO

ALUMNOS:

Page 2: Informe Documental - Etapa 1 - WordPress.com · En su mayoría Arquitectos, Urbanistas, Historiadores, Guías de Turismo, Diseñadores y a nes. Tipo de uso: Búsqueda de información

02

LICENCIATURA EN DISEÑO | LABORATORIO DIGITAL TRABAJO PRÁCTICO FINAL

INTRODUCCIÓN: PROYECTO MERCADO NORTE

DISEÑO DE INFORMACIÓN

DISEÑO DE INTERACCIÓN

1.

2.

3.

03

ÍNDICE

EVELYN CASTRO, ROBERTO COSTA, JOSEFINA DÍAZ, DAVID FERNÁNDEZ, JUAN FRANCO

DISEÑO DE PRESENTACIÓN

ROLES ASIGNADOS

4.

PERFIL DE USUARIO

OBJETIVOS DE COMUNICACIÓN

ANÁLISIS DE SITIOS SIMILARES

TEMAS A ABORDAR

2.1.

2.2.

2.3.

3.1.

MATERIAL A INCLUIR3.2.

CATEGORÍAS Y FORMAS DE INTERACTUAR

DIAGRAMA DE FLUJO

PLATAFORMA Y SERVICIOS

ESTÉTICA VISUAL Y SONORA

ALTERNATIVAS DE DISEÑO

3.3.

3.4.

3.5.

4.1.

4.2.

5.

03

03

05

05

08

09

09

10

11

11

12

12

12

15

Page 3: Informe Documental - Etapa 1 - WordPress.com · En su mayoría Arquitectos, Urbanistas, Historiadores, Guías de Turismo, Diseñadores y a nes. Tipo de uso: Búsqueda de información

1. INTRODUCCIÓN: PROYECTO MERCADO NORTE

El proyecto desarrollado en nuestro grupo desde la cátedra Taller Integrado II consiste en la

implementación de jardines verticales y lineales en los alrededores del Mercado Norte de

Córdoba. Por tanto, para el desarrollo de la presente actividad en el marco de la cátedra

Laboratorio Digital, hemos decidido realizar el documental multimedia interactivo sobre la

historia y arquitectura del edicio anteriormente mencionado, por ser el ámbito sobre el que

mayor información poseemos para trabajar.

Analizando el público destinatarios de nuestro documental multimedia interactivo podemos

distinguir dos grupos de usuarios, uno correspondiente a estudiantes en búsqueda de

información para diversos trabajos relacionados al tema y desarrollados en el ámbito

académico, y otro de profesionales (arquitectos, urbanistas, historiadores, guías de turismo)

que desarrollen alguna investigación sobre el lugar o necesiten de material didáctico para,

por ejemplo, dar clases. Como primer paso se elaboraron perles supuestos que luego fueron

corregidos o reajustados de acuerdo con algunas encuestas desarrolladas a potenciales

usuarios.

Datos Estadísticos Básicos

Grupo A

Edad: de 30 a 40 años. Género: Indistinto.

Dedicado a: Arquitectura – Urbanismo – Historia - Turismo.

Formación: Profesionales con títulos universitarios y post grados en su haber sumado a varios

años de trayectoria en sus áreas de especialización. En su mayoría Arquitectos, Urbanistas,

Historiadores, Guías de Turismo, Diseñadores y anes.

Tipo de uso: Búsqueda de información sobre el Mercado Norte, su historia, arquitectura, en

el marco de diversas investigaciones. Necesidad de material didáctico para el desarrollo de

cátedras que dictan.

Entorno de uso: Hogar o espacio personal. Preeren espacios propios y silenciosos, ya que

necesitan estar concentrados para enfocarse en la investigación.

2.1. PERFIL DE USUARIO

2. DISEÑO DE INFORMACIÓN

LICENCIATURA EN DISEÑO | LABORATORIO DIGITAL TRABAJO PRÁCTICO FINAL

03EVELYN CASTRO, ROBERTO COSTA, JOSEFINA DÍAZ, DAVID FERNÁNDEZ, JUAN FRANCO

Page 4: Informe Documental - Etapa 1 - WordPress.com · En su mayoría Arquitectos, Urbanistas, Historiadores, Guías de Turismo, Diseñadores y a nes. Tipo de uso: Búsqueda de información

Tecnología de la que disponen: poseen al menos dos dispositivos informáticos, entre ellos PC

de escritorio, Laptop, Netbook, o Tablet, todos ellos capaces de reproducir audio. Acceso a

internet muy variable, desde conexión por datos e internet móvil hasta banda ancha. Por el

tipo de sitio e información, preeren los dispositivos con pantallas y teclados más amplios,

para una mayor comodidad al momento de la lectura, por tanto las conexiones se realizarán

mayoritariamente desde sus computadoras de escritorio o notebooks.

Resolución de pantalla promedio: 1280 x 1024 pixeles correspondiente a los monitores de

escritorio de 19 pulgadas, la más común en los hogares de los usuarios de este perl.

Velocidad de conexión promedio aproximada: 3 Megas.

Destreza Informática: Buena. Utilizan periódicamente la web como fuente de información

por lo que están acostumbrados al funcionamientos de los navegadores y a trabajar en este

tipo de dispositivos informáticos, pero no todos cuentan con conocimientos sobre la

instalación de software adicional o plugins.

Grupo B

Edad: de 18 a 27 años. Género: Indistinto. Dedicado a: Estudiantes.

Formación: Estudiantes de nivel terciario o universitario de carreras ligadas a arquitectura,

urbanismo, historia, diseño de espacios y/o el turismo.

Tipo de uso: búsqueda de información sobre el Mercado Norte, su historia, arquitectura,

como material de estudio para la resolución de actividades o exámenes en el ámbito

académico.

Entorno de uso: Hogar / Universidad / Biblioteca. Preeren los espacios propios, aunque

muchas de las actividades son realizadas con sus pares por lo que se agregan otros espacios

comunes, com bibliotecas o la misma universidad.

Tecnología de la que disponen: poseen al menos dos dispositivos informáticos, entre ellos PC

de escritorio, Laptop, Netbook, Tablet, o Smartphone, todos ellos capaces de reproducir

audio. Acceso a internet muy variable, desde conexión por datos e internet móvil hasta banda

ancha. Preeren sitios liviano ya que muchas veces, de acuerdo a la situación de uso o

entorno, la conexión se realiza de manera inalámbrica. Para la resolución de actividades

académicas que requieren la búsqueda y procesamiento de información preeren los

dispositivos de escritorio (pc, notebook, netbook).

Resolución de pantalla mínima aproximada: 1024×600 pixeles (perteneciente a la netbook

BGH Positivo, modelo más común de los dispositivos pertenecientes al programa nacional

Conectar Igualdad).

Velocidad de conexión promedio aproximada: 3 Megas.

Destreza Informática: Muy Buena a Excelente. Utilizan constantemente estos dispositivos

informáticos y la web como fuente de información, trabajo y esparcimiento. Están

acostumbrados a la instalación de software adicional y plugins.

04

LICENCIATURA EN DISEÑO | LABORATORIO DIGITAL TRABAJO PRÁCTICO FINAL

EVELYN CASTRO, ROBERTO COSTA, JOSEFINA DÍAZ, DAVID FERNÁNDEZ, JUAN FRANCO

Page 5: Informe Documental - Etapa 1 - WordPress.com · En su mayoría Arquitectos, Urbanistas, Historiadores, Guías de Turismo, Diseñadores y a nes. Tipo de uso: Búsqueda de información

2.3. ANÁLISIS DE SITIOS SIMILARES

No existen actualmente en la web, sitios encargados de brindar información histórica-

documental sobre el Mercado Norte, lo que se presenta como una oportunidad para nuestro

proyecto al no contar con sitios en competencia.

En su mayoría, lo sitios encontrados corresponden a la tipología guías/directorios y están

destinados a aportar a los usuarios información acotada sobre el edicio, como ubicación,

horarios de atención, eventos realizados en el lugar, negocios de su interior o alrededores, a

través de chas condensadas. Analizar dichos sitios no nos ofrece resultados de relevancia ya

que están destinados a perles de usuario distintos respecto a nuestro documental. Así

también, su estética y leguaje no están adaptados en función del lugar, ya que son sitios

directorios y funcionan a modo de chas, y no presenta dinámica en los datos ofrecidos. Lo

mismo ocurre con algunos blogs examinados, en los cuales se emiten publicaciones

esporádicas sobre el mercado pero brindar información a los usuarios no es su objetivo

principal.

Dentro de la Ciudad de Córdoba, encontramos un sitio web que brinda información histórico-

arquitectónica sobre un edicio muy importante: La Catedral. Si bien el perl de lugar es muy

distinto respecto del mercado, pudimos detectar grandes coincidencias en los perles de

usuarios, categorías de información, y algunos focos de modalidad interactiva. Por otro lado,

analizamos el portal de un espacio similar al que estamos trabajando ubicado en un país

vecino. Se trata del Mercado Central de Chile, en cuyo sitio, si bien no pertenece a la

categoría de documental multimedia interactivo, podemos detectar el aporte de información

histórico-arquitectónico del edicio y la incorporación de recursos multimedia para los

usuarios.

2.2. OBJETIVOS DE COMUNICACIÓN

Denición de objetivos del diseño

• Brindar información verídica a los usuarios respecto de la historia del Mercado Norte de Córdoba y

su arquitectura.

• Crear una experiencia interactiva con el usuario donde el mismo pueda elegir el orden por el cual

recorrer la información, priorizando sus necesidades e intereses.

Denición de intereses del público al que se destina

• Obtener información conable y de calidad sobre el Mercado Norte, su historia, arquitectura,

estética, funcionamiento, emplazamiento, y anécdotas.

05

LICENCIATURA EN DISEÑO | LABORATORIO DIGITAL TRABAJO PRÁCTICO FINAL

EVELYN CASTRO, ROBERTO COSTA, JOSEFINA DÍAZ, DAVID FERNÁNDEZ, JUAN FRANCO

Page 6: Informe Documental - Etapa 1 - WordPress.com · En su mayoría Arquitectos, Urbanistas, Historiadores, Guías de Turismo, Diseñadores y a nes. Tipo de uso: Búsqueda de información

Sitio analizado: Catedral de Córdoba (www.catedraldecordoba.org.ar)

Perl de usuario: Público muy variado, desde vecinos de la ciudad hasta turistas extranjeros.

Podemos armar que existen varios perles de usuarios de este sitio, no obstante

descubrimos entre ellos un segmento que coincide con el perl de usuario que nos interesa.

Estos son, como mencionamos con anterioridad, estudiantes y profesionales de diseño,

arquitectura, turismo y anes que acceden al sitio en búsqueda de información relacionada a

estas disciplinas.

Tecnología usada: Sitio programado en HTML y xHTML, con funciones o aplicaciones en

JavaScript, principalmente en las galerías de imágenes donde se usan presentaciones de tipo

Lightbox. El fondo del sitio trabaja con una transición de fotografías, mediante el extensible

xML. El texto informativo se presenta de corrido, separado por subtítulos que funcionan a

modo de pestañas de anclaje, pudiendo desde el menú localizar cada temática y desplazarse

a ella con solo un click. Incluye la opción de compartir en redes sociales con intenciones de

difusión del lugar. Posee inserto un widget del servicio de geolocalización Google Maps, y un

formulario de contacto creado con código php. Al estar dirigido también a turistas extranjeros,

permite congurar el idioma desde cualquier sección del sitio. Como principal particularidad

permite una Visita Virtual 360º del lugar mediante una aplicación en ash (.swf). Esta última

sección incorpora un reproductor de audio con música religiosa tradicional.

Estética y lenguaje usado: La estética empleada está muy ligada a la identidad propia de la

catedral, y en referencia a los colores propios de la arquitectura e iluminación del edicio. Se

trabajan tonalidades cálidas, amarillas y naranjas, plenas y en degradé, en contraste con

fondos negros y grises. Los textos que se aplican en color blanco. Las fotografías poseen

valores elevados de contraste y saturación. El menú se dispone verticalmente sobre la

izquierda de la pantalla. A nivel tipográco, combina familias de serif para los títulos y san-

serif para los textos de cuerpo y menú.

Actualización y dinamismo de los datos: El principal dinamismos está dado en la transición

del fondo con fotografías del edicio, mientras que la mayor interactividad se presenta en la

función de Visita Virtual 360º donde el usuario con el movimiento del mouse o con la ayuda

de una botonera puede desplazarse a través de las imágenes. La actualización de los datos

parece realizarse periódicamente aunque exhibe algunas galerías de imágenes incompletas o

vacías.

Tratamiento de la Información: la información se redacta principalmente en lenguaje neutro

pero con algunas frases conjugadas en primera persona del plural y expresiones que podrían

considerarse algo subjetivas (“Es muy interesante su origen”, por ejemplo). Presenta datos

fácticos, con argumentación fundada e incluso permite el acceso al usuario a un listado de

referencias y fuentes de información utilizadas. Este último punto lo consideramos interesante

y a tener en cuenta en el desarrollo de nuestro sitio. El texto podría adaptarse mejor para la

06

LICENCIATURA EN DISEÑO | LABORATORIO DIGITAL TRABAJO PRÁCTICO FINAL

EVELYN CASTRO, ROBERTO COSTA, JOSEFINA DÍAZ, DAVID FERNÁNDEZ, JUAN FRANCO

Page 7: Informe Documental - Etapa 1 - WordPress.com · En su mayoría Arquitectos, Urbanistas, Historiadores, Guías de Turismo, Diseñadores y a nes. Tipo de uso: Búsqueda de información

web, ya que presenta bloques muy extensos y lo que puede generar perdida de interés en el

usuario.

Sitio analizado: Mercado Central de Chile (www.mercadocentral.cl)

Perl de usuario: Público muy variado en género y edad, desde vecinos de la ciudad hasta

turistas extranjeros. Al igual que en el sitio analizado anteriormente, podemos armar que

existen varias tipologías de usuarios de este sitio, no obstante descubrimos entre ellos un

segmento que coincide con el perl de usuario que nos interesa, interesado en la historia y

arquitectura del lugar, por ser un edicio declarado Monumento Nacional de Chile.

Tecnología usada: Es un sitio creado en Adobe Flash, trabaja a partir de una codicación

swf, lo que le permite la incorporación de dinamismo y efectos de transición muy

interesantes. Pese a que la tecnología Flash se considera obsoleta para la creación de este

tipo de productos, está muy bien trabajado y aplicado. Al ser un sitio amplio en contenido

posee un peso mayor lo que podría dicultar la carga en algunos dispositivos y redes de baja

velocidad. Esto podría haber sido solucionado trabajando en una combinación de ash y html

para reducir el peso, aplicando efectos solo en los segmentos necesarios, por ejemplo el

fondo del sitio podría consistir en una imagen jpg dispuesta en una tabla de dimensiones

adaptables a la pantalla del dispositivo en vez de ser incluida en el archivo ash.

Estructuralmente posee un bloque de navegación superior, cuyo menú está dividido en 9

secciones principales, algunas a su vez despliegan un submenú al posicionar el puntero del

mouse encima. Cuatro de estas secciones están destinadas exclusivamente a material

multimedia: galería de imágenes, videos, archivo de noticias, y plano interactivo. Al estar

dirigido también a turistas extranjeros, permite congurar el idioma desde cualquier lugar del

sitio. En el sócalo, incorpora un botón para obtener una vista de pantalla completa

(fullscreen). Así también, incluye botones de redes sociales como recurso de difusión,

destinado a usuario también de estos servicios.

Estética y lenguaje usado: Podemos decir que el sitio posee una dualidad estética. Por un

lado, responde a un estilo retro, con elementos y texturas del género grunge, en fotografías

con granos ruido, rasgaduras y pliegues. En estos elementos hay presencia de colores

amarillentos, e imágenes en blanco y negro o sepia, referentes a la estética vintage con aires

coloniales, y concordantes con el estilo arquitectónico y la historia del mercado. Por otro lado,

se presenta como un sitio moderno y actual, con un cuerpo estéticamente limpio, y un buen

manejo de llenos y los vacíos. Gracias a la estructura y el dinamismo de sus efectos se

mantiene como un sitio fresco e innovador. El estilo tipográco sans serif complementa y

acompaña a estos factores.

Actualización y dinamismo de los datos: Es un sitio con nivel de dinamismo e interactividad

elevado, presente en sus efectos de transición de las imágenes, displays, cambios de fondo, y

07

LICENCIATURA EN DISEÑO | LABORATORIO DIGITAL TRABAJO PRÁCTICO FINAL

EVELYN CASTRO, ROBERTO COSTA, JOSEFINA DÍAZ, DAVID FERNÁNDEZ, JUAN FRANCO

Page 8: Informe Documental - Etapa 1 - WordPress.com · En su mayoría Arquitectos, Urbanistas, Historiadores, Guías de Turismo, Diseñadores y a nes. Tipo de uso: Búsqueda de información

3. DISEÑO DE INTERACCIÓN

El proyecto desarrollado en nuestro grupo desde la cátedra Taller Integrado II consiste en la

implementación de jardines verticales y lineales en los alrededores del Mercado Norte de

Córdoba. Por tanto, para el desarrollo de la presente actividad en el marco de la cátedra

Laboratorio Digital, hemos decidido realizar el documental multimedia interactivo sobre la

historia y arquitectura del edicio anteriormente mencionado, por ser el ámbito sobre el que

mayor información poseemos para trabajar.

efectos en los botones. El slider ubicado en la página principal, al igual que algunos displays

internos, posee opciones de interactividad donde el usuario puede adelantar y saltear

imágenes o pausar la transición predeterminada. Como mencionamos anteriormente, el sitio

cuenta con un plano interactivo, en el cual el usuario puede seleccionar distintos rubros y

visualizar en el mapa los sectores coloreados en que se ubican, pudiendo superponer, quitar,

agregar y visualizar en simultáneo cada uno de ellos.

La galería de imágenes también cuenta con una botonera que permite adelantar y retroceder

las fotografías o cerrar la ventana de visualización.

El sitio aparenta poseer datos actualizados, pero detectamos que esto no es así ya que la

sección de noticias sólo se encuentra completa hasta el año 2012. Al mismo tiempo, el

botón del menú correspondiente a la sección Contacto no funciona desde ninguna página del

sitio.

Tratamiento de la Información: la información se redacta principalmente en lenguaje neutro y

predomina el relato en tercera persona. Presenta datos fácticos, con argumentación fundada

y fechas precisas. En los bloques de texto podrían aplicarse en uno o dos puntos de mayor

tamaño, y en al menos dos columnas para evitar líneas tan extensas y facilitar la lectura.

Algunos textos de gran extensión deberían ser mejor tratados para web, resaltando palabras

claves o utilizando encabezados signicativos. Muy lograda e interesante combinación de

textos e imágenes. Las fotografías cuentan con epígrafes claros y especícos.

08

LICENCIATURA EN DISEÑO | LABORATORIO DIGITAL TRABAJO PRÁCTICO FINAL

EVELYN CASTRO, ROBERTO COSTA, JOSEFINA DÍAZ, DAVID FERNÁNDEZ, JUAN FRANCO

Page 9: Informe Documental - Etapa 1 - WordPress.com · En su mayoría Arquitectos, Urbanistas, Historiadores, Guías de Turismo, Diseñadores y a nes. Tipo de uso: Búsqueda de información

3.2. MATERIAL A INCLUIR

• Fotografías actuales del edicio y el entorno

• Videos de la arquitectura y el entorno

• Canciones relacionadas al mercado

• Emplazamiento y entorno actual

• Entrevista al Licenciado en Turismo

• Informe sobre la historia elaborado a partir de la investigación

• Análisis de la arquitectura

• Anécdotas y personajes históricos del lugar

• Creación del mercado

• Plano distribución del CPC del Mercado

• Filmación del Mercado Norte

• Fotografías históricas del edicio y el entorno

• Análisis del contexto histórico

• Fundación de la Sociedad de Locatarios

• Servicios y actividades desarrolladas en el mercado

• Informe sobre puestos comerciales con historia

• Plano de la ubicación

• Créditos

• Fuentes de información

• Bibliografía

09

LICENCIATURA EN DISEÑO | LABORATORIO DIGITAL TRABAJO PRÁCTICO FINAL

EVELYN CASTRO, ROBERTO COSTA, JOSEFINA DÍAZ, DAVID FERNÁNDEZ, JUAN FRANCO

3.1. TEMAS A ABORDAR

• Creación del Mercado Norte

• Historia y Contexto

• Características arquitectónicas y estilísticas

• Emplazamiento y Entorno

• Actividades y Servicios

• Orígenes de la sociedad de locatarios

• Personajes y Anécdotas

• Puestos con historia

Page 10: Informe Documental - Etapa 1 - WordPress.com · En su mayoría Arquitectos, Urbanistas, Historiadores, Guías de Turismo, Diseñadores y a nes. Tipo de uso: Búsqueda de información

10

LICENCIATURA EN DISEÑO | LABORATORIO DIGITAL TRABAJO PRÁCTICO FINAL

EVELYN CASTRO, ROBERTO COSTA, JOSEFINA DÍAZ, DAVID FERNÁNDEZ, JUAN FRANCO

3.3. CATEGORÍAS Y FORMAS DE INTERACTUAR

Historia:

• Creación del mercado

• Análisis del contexto histórico

• Primeros años

El Edicio:

• Análisis de la arquitectura

• Emplazamiento y entorno actual

Actividades:

• Servicios y actividades desarrolladas en el mercado

• Fundación de la Sociedad de Locatarios

• El CPC del Mercado

Anécdotas:

• Anécdotas y personajes históricos del lugar

• Puestos comerciales con historia

Créditos:

• Créditos

• Bibliografía y Fuentes de información

Page 11: Informe Documental - Etapa 1 - WordPress.com · En su mayoría Arquitectos, Urbanistas, Historiadores, Guías de Turismo, Diseñadores y a nes. Tipo de uso: Búsqueda de información

3.5. PLATAFORMA Y SERVICIOS

El documental será diseñado con la ayuda del programa Dreamweaver, con una base de código html y

algunas aplicaciones o efectos de código php y html5. Una vez nalizado será publicado en un

servidor web propio. Este sitio contará con la integración algunos servicios, entre ellos:

• Youtube, como servicio de alojamiento y reproducción de videos.

• Jamendo, sitio que brinda servicio de alojamiento y difusión de música libre

• Podomatic, sitio de alojamiento de audio que permite la inserción de los mismos en otros portales.

• Google Maps, servidor de aplicaciones de mapas y planos en la web.

• Redes sociales, botones para compartir el contenido en Facebook, Twitter, Google+.

• Lightbox, más que un servicio es una herramienta hecha en JavaScript que permite la visualización

de fotografías y la creación de galería de imágenes o muestra de diapositivas.

11

LICENCIATURA EN DISEÑO | LABORATORIO DIGITAL TRABAJO PRÁCTICO FINAL

EVELYN CASTRO, ROBERTO COSTA, JOSEFINA DÍAZ, DAVID FERNÁNDEZ, JUAN FRANCO

3.4. DIAGRAMA DE FLUJO

Teniendo en cuenta factores de usabilidad, y con la intención de otorgar una mayor libertad a

los usuarios al momento de recorrer el sitio, decidimos diseñar el mismo en base a una

Estructura en Red, también conocida como Estructura de Hipertexto. En este tipo de

organigrama, cada página tiene acceso a todas las demás páginas que componen el sitio.

De esta manera, la página de Inicio podríamos decir que será la única estación obligada, ya

que a partir de la misma el usuario podrá desplazarse por el documental a su voluntad,

accediendo a las temáticas y recursos que considere necesarios y en el orden que así lo

desee.

INICIO

HISTORIA EDIFICIO ACTIVIDADES ANÉCDOTAS CREDITOS

Page 12: Informe Documental - Etapa 1 - WordPress.com · En su mayoría Arquitectos, Urbanistas, Historiadores, Guías de Turismo, Diseñadores y a nes. Tipo de uso: Búsqueda de información

12

LICENCIATURA EN DISEÑO | LABORATORIO DIGITAL TRABAJO PRÁCTICO FINAL

EVELYN CASTRO, ROBERTO COSTA, JOSEFINA DÍAZ, DAVID FERNÁNDEZ, JUAN FRANCO

4.2. ALTERNATIVAS DE DISEÑO

A nivel estructural, ya hemos analizado opciones y nos inclinamos por un sitio centrado, con

un bloque de navegación superior y un zócalo que integre opciones de compartir y redes

sociales, por considerar que es la disposición más conveniente a nivel de navegabilidad y

orden para la tipología de sitio sobre la que trabajamos. A partir de esto elaboramos dos

propuestas de diseño principalmente de carácter estético y trabajo de módulos, que a

continuación analizaremos brevemente.

4. DISEÑO DE PRESENTACIÓN

4.1. ESTÉTICA VISUAL Y SONORA

Tanto la estética visual como sonora responderán a la identidad histórica misma del Mercado

Norte. Nuestra intención es crear un sitio moderno y fresco, sin perder de vista los aspectos

históricos y coloniales que caracterizan a este edicio.

Trabajaremos los fondos y texturas en tonalidades ocres y amarillas, para aportar un leve

estilo retro. Líneas nas y suaves, para acompañar el estilo arquitectónico. El cuerpo principal

del sitio estará basado en formas y tendencias actuales. Poseerá algunas imágenes de gran

supercie a modo de fondo, botones simples y de colores planos, con algunas inuencias del

llamado Diseño Flat.

Respecto de la estética sonora, utilizaremos música para acompañar los videos y algunas

páginas del documental. Buscaremos que estas canciones reejen la idiosincrasia de esta

zona en las primeras décadas del siglo pasado, caracterizada por su perl bohemio y

arrabalero, siendo el tango uno de los géneros a utilizar, principalmente aquellos que se

encuentren en dominio público, como por ejemplo los clásicos de Carlos Gardel, asiduo

visitante del mercado.

Editaremos audio, videos y fotografías capturadas por el grupo durante la etapa de

investigación. Parte de este material también ha sido producido exclusivamente para este

proyecto. Tal es el caso de una entrevista realizada al Licenciado en Turismo Ariel Bustos, que

nos cuenta sobre la historia y creación del mercado. Otro de los videos corresponde a

grabaciones del edicio donde se captura el estilo y la esencia del lugar. Los textos

empleados serán también producto de nuestras investigaciones y entrevistas desarrolladas,

con sus correspondientes fuentes y citas.

La música será tomada de otros autores cuya licencia lo permita. Estas canciones serán

utilizadas a modo de acompañamiento de otros materiales.

Page 13: Informe Documental - Etapa 1 - WordPress.com · En su mayoría Arquitectos, Urbanistas, Historiadores, Guías de Turismo, Diseñadores y a nes. Tipo de uso: Búsqueda de información

13

LICENCIATURA EN DISEÑO | LABORATORIO DIGITAL TRABAJO PRÁCTICO FINAL

EVELYN CASTRO, ROBERTO COSTA, JOSEFINA DÍAZ, DAVID FERNÁNDEZ, JUAN FRANCO

Alternativa A

INICIO HISTORIA EDIFICIO ACTIVIDAD ANÉCDOTAS CRÉDITOS

Lorem Lipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc feugiat bibendum massa eu egestas. Nulla facilisi. Sed pretium tellus sed ultricies ornare. Tsamina mina eh eh. Waka Waka eh eh.

Nulla facilisi. Sed pretium tellus sed ultricies ornare.

Lorem Lipsum

Esta primera alternativa presenta una gama cromática amplia. Se genera un sitio de mayor

calidez a partir de tonalidades amarillas, ocres y colores terrosos. Se aplican texturas en

elementos planos, por ejemplo, en el cuerpo central.

Compositivamente, se permite un trabajo más dinámico y desestructurado en la disposición

de los elementos.

Se focaliza en el carácter histórico del mercado con la utilización de ltros fotográcos de

dominantes sepia. También se incorporan efectos de grano, rasgaduras y pliegues, todos

elementos que apuntan a potenciar el estilo.

En el ámbito tipográco, hay mayor combinación entre fuentes de serif y sans serif.

Las primeras se aplican principalmente en títulos y menú mientras que la segunda, en

cuerpos de texto.

A su vez, hay mayor presencia de elementos curvos, por ejemplo en las botoneras del menú

y el slider. Por otro lado, las líneas rectas referentes al estilo de la arquitectura se presentan

como un puente entre lo reto y lo actual.

MERCADONORTE

MERCADONORTE

Page 14: Informe Documental - Etapa 1 - WordPress.com · En su mayoría Arquitectos, Urbanistas, Historiadores, Guías de Turismo, Diseñadores y a nes. Tipo de uso: Búsqueda de información

14

LICENCIATURA EN DISEÑO | LABORATORIO DIGITAL TRABAJO PRÁCTICO FINAL

EVELYN CASTRO, ROBERTO COSTA, JOSEFINA DÍAZ, DAVID FERNÁNDEZ, JUAN FRANCO

Alternativa B

La segunda opción presenta una estética limpia y luminosa, con una disposición de

elementos precisa y de ritmo visual. A nivel compositivo, el trabajo de sus módulos permitirá

combinar fácilmente los diferentes tipos de recursos a utilizar, sean textos, fotos, videos, etc.

Trabaja fotografías con ltros de color que dan una apariencia retro y fresca a la vez, a través

de dominantes de diferentes tonos de amarillo y anaranjado.

Hay presencia de elementos lineales y vectoriales que capturan el estilo arquitectónico y la

identidad bohemia-arrabalera de la historia del mercado. Estos recursos posibilitan la futura

incorporación de siluetas y guras simples a modo ilustrativo.

Posee tonalidades cromáticas neutras (blanco, negro, grises y marrones) lo que permite

focalizar la vista en el contenido multimedia.

A excepción del logo, se utilizan tipografías sans serif para asegurar el nivel de legibilidad y

aportar un carácter moderno y actual al diseño.

MERCADONORTE INICIO HISTORIA EDIFICIO ACTIVIDAD ANÉCDOTAS CRÉDITOS

Lorem Lipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc feugiat bibendum massa eu egestas. Nulla facilisi. Sed pretium tellus sed ultricies ornare.

Lorem Lipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc feugiat bibendum massa eu egestas. Nulla facilisi. Sed pretium tellus sed ultricies ornare.

Lorem Lipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc feugiat bibendum massa eu egestas. Nulla facilisi. Sed pretium tellus sed ultricies ornare.

Nulla facilisi. Sed pretium tellus sed ultricies ornare.MERCADONORTE

Una vez contrapuestas estas alternativas, optamos por la segunda ya que consideramos que

sus características responden a la faceta histórica del Mercado Norte sin perder el carácter y

lenguaje contemporáneo. Si bien ambos estilos son utilizados en sitios de estas

características, la alternativa seleccionada permitirá incorporar mayor cantidad de elementos

visuales y recursos, creando una composición más completa. Además, su estética actual

puede generar una mayor identicación con el perl de usuario más joven perteneciente al

Grupo B.

Page 15: Informe Documental - Etapa 1 - WordPress.com · En su mayoría Arquitectos, Urbanistas, Historiadores, Guías de Turismo, Diseñadores y a nes. Tipo de uso: Búsqueda de información

5. ROLES ASIGNADOS

En esta etapa del proceso, los roles se fueron dividiendo de acuerdo a los conocimientos y

experiencias propias de cada integrante del equipo, así también existen actividades que fueron

desarrolladas de manera grupal.

• Diseño de información: Josena Díaz, Evelyn Castro

• Diseño de Interacción: David Fernández, Roberto Costa

• Diseño de Presentación: Juan Franco, David Fernández

• Recolección de datos históricos y análisis: Evelyn Castro, Roberto Costa

• Recopilación de datos arquitectónicos y análisis: Josena Díaz

• Producción de material audio-visual (fotografías y videos): Josena Díaz, David Fernández

• Búsqueda de material audiovisual: Evelyn Castro

• Relevamiento del lugar: Equipo

• Producción de material gráco: Juan Franco, Roberto Costa

• Chequeo de fuentes y licencias: Juan Franco

• Informe y ajustes: Equipo

15

LICENCIATURA EN DISEÑO | LABORATORIO DIGITAL TRABAJO PRÁCTICO FINAL

EVELYN CASTRO, ROBERTO COSTA, JOSEFINA DÍAZ, DAVID FERNÁNDEZ, JUAN FRANCO