Construcción 4º DG 2015

Asignatura(s)	Construcción de Diseño Gráfico 4
Año	2015
Tipo de Curso	Taller de Construcción
Talleres	DG 4º
Profesores	Herbert Spencer
Estudiantes	Javiera Ulzurrún, Claudio Gómez, Catalina Fairlie, Isidora Correa, Daniela Gallardo, Valentina Olivares, Nicol Valenzuela, Javiera Escudero
Palabras Clave	diseño de interacción, diseño para Internet
Carreras Relacionadas	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.

Estudiantes

Javiera Ulzurrún

Archivo:Nicol Vendimia.jpg

Nicol Valenzuela

Javiera Escudero

Proyectos

Tareas

	Alumnos	Número«Número <span style="font-size:small;">(Number)</span>» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores numéricos.
Brief Proyecto Diseño Web Fundación Arraigo Sustentable Patagonia Rural	Nicol Valenzuela
Maqueta 2	Antonia Lara	2

Contenidos

Estudio de un caso: Rediseño Web
Analytics: Comportamiento del usuario
Arquitectura de Información
Diferenciacición de contextos: Diseño Responsive
LESS
Flujo de trabajo en Github
Framework Wordpress
Implementación Front End: HTML + CSS + JS + PHP
-Pruebas de Usuario-

ContraBrief

Situación Actual

	si	no
¿Posee una Imagen Corporativa?	x
¿Existen contenidos?	x
¿Existen Fotografías y Material Gráfico?	x
¿Hay director de Arte?		x
Presupuesto		x
Analíticas de usuario	x

Descripción: El proyecto se basa en la creación del sitio web de la Corporación Amereida sobre los terrenos de Ciudad Abierta.
Objetivos: El objetivo principal del sitio es dar a conocer Ciudad Abierta a través de una plataforma digital. Además de mostrar los eventos realizados en dicho lugar.
Carácter: Es un sitio de carácter informativo, el tono discursivo es de lenguaje claro y objetivo, donde el mensaje contiene elementos clave como lugares, fechas, datos, personajes, etc.
Estado de la marca: Como “Corporación Cultural Amereida” o “(cc) amereida” se muestra oficialmente, bajo este nombre posee un logo, no obstante el espacio geográfico del parque al que alude la corporación es conocido como “Parque Cultural Amereida”, “Ciudad Abierta”, “Parque Mantagua”, “Punta de piedra”, “Parque Cultural Recreacional Costero Ciudad Abierta”, entre otros.
Estado del sitio: Actualmente el sitio web de la corporación se encuentra inactivo, siendo su última publicación el día 3 de octubre del 2014 con motivo de la celebración del día de San Francisco.
Contenido: El sitio web entrega información acerca de la corporación, de Ciudad Abierta, incluyendo obras, el campus y el entorno. Por otra parte y poniendo más énfasis, muestra lo que acontece, es decir actividades y eventos que se realizan en Ciudad Abierta.
Qué se muestra: El sitio web prioriza en primer lugar toda eventualidad que ocurre en Ciudad Abierta, es decir actividades y eventos. Por otro lado muestra y da a conocer toda la información referente a la corporación, a Obras de Ciudad Abierta, el campus y su entorno.

Público Objetivo

Estudiantes y Académicos vinculados o no al oficio. El campus al ser también un lugar versátil (Obras Arquitectónicas, Eventos, Ecosistema natural) atrae también a distintos tipos de usuarios.

Análisis y desgloce del sitio Amereida.cl

Inicio

Menú principal - Categorías

Corporación:
- Acerca de la corporación: El contenido está ordenado y subtitulado entre fotografías y texto, La visualización de fotos no aparece como galería, hay que ampliarlas de manera individual.
- Directiva y socios: Se presenta a la directiva y a los socios, a modo de listado, no se especifican datos ni fotografías, ni vinculación a sitios personales (para un posible contacto)
- Donaciones y aportes: Para los aportes monetarios se entregan los datos de la cuenta, para los aportes bibliográficos aparecen vínculos enlazados a la wiki casiopea, a los perfiles de los integrantes del archivo histórico (falta que el sitio sea más independiente en ese sentido y establezca un perfil propio para cada persona que aparezca nombrada).
  - Falta hacer un contacto más formal con el archivo histórico a modo de que si existen donaciones se pueda agilizar este proceso.

Ciudad Abierta:
- Obras, Campus, Entorno Natural: Hay un listado de todas las obras (Arquitectónicas y esculturas de la ciudad abierta) cada obra está vinculada a una ficha de información.
  - El contenido está categorizado pero la visualización sigue siendo básica (listado).
  - Falta continuidad de lectura.
- Visitas: Primero aparecen las instrucciones y reglas en caso de querer visitar la ciudad abierta. Faltaría agregar una iconografía para sintetizar más estos datos, y no se vuelva un simple texto instructivo. Luego hay un formulario que se puede llenar para quien desee visitarlo, aunque no hay certeza de que este sea recibido y agregado a una cola de visitas, tampoco hay un horario definido, ni quienes están a cargo de recibir y guiar a los visitantes. Este contenido debería estar fuera de la categoría como un botón aparte, que se pueda ver al ingresar al sitio.

Acontecer:
- Noticias: Cada noticia se compone de una imagen, un titular, y una breve descripción, junto con su enlace a la noticia completa, dentro de la noticia aparecen las fotografías y textos, a veces hay galerías, pero estas galerías no se pueden apreciar de manera contínua ya que las fotografías deben ampliarse de manera individual.
  - En el caso de la temporalidad, las noticias no están categorizadas entre eventos pasados, y anuncios, los eventos poseen fotografías y relatos, por otra parte los anuncios, solo incluyen información sobre el evento a realizar. Hay noticias que llevan a una página nueva dentro del sitio y otras que redireccionan a la noticia dentro del sitio de la escuela.

Textos fundamentales:
- Apertura de los terrenos, Ida donde Larrea, Ciudad Abierta de la Utopía al Espejismo, El Pacífico es un Mar Erótico, Ritoque: Ciudad Abierta, Amereida en Barcelona: Las fichas de datos deberían estar en el encabezado y aparecen al pie de cada descripción. El texto está redactado de manera tal que parece un documento, no hay fotografías de los actos poéticos, o algún otro registro, hay textos que poseen fotografías sin embargo estas aparecen dañadas por lo que no se pueden visualizar.

Menú lateral

La barra lateral está permanente en el sitio, no se oculta ni se colapsan sus items. Hay elementos que deberían agruparse y aparecer en el pie del sitio, tales como:
- Datos de contacto
- Contribuidores
Hay repetición de elementos en las categorías: Entradas recientes, Publicaciones recientes
En los enlaces el vínculo al sitio de la escuela aparece dos veces.

Estructuras del sitio

Estructura de texto e imagen

Visualización de fotografía

Estructura noticias

Estructura ficha obras

Estilos de texto

Menú

a:

font-size: 1.2 em
font-family: Helvetica Neue
color: #000

Body

h1:

font-size: 2.2 em
font-weight: normal
font-family: Helvetica Neue
color: #000

h2:

font-size: 1.286em
font-family: Helvetica Neue
font-weight: bold
color: #111

h3:

font-size: 1.286em
font-family: Helvetica Neue
font-weight: normal
color: #111

p:

font-size: 1.4 em
font-family: Helvetica Neue
color: #333

a:

font-size: 1.4 em
font-family: Helvetica Neue
color: #A10000
text-decoration: underline

a (lista en body):

font-size: 1.4 em
font-family: Helvetica Neue
color: #A10000
text-decoration: underline
hover: text-decoration: none

p (caption imágenes):

font-size: 0.857em
font-size: italic
font-family: Helvetica Neue
color: #333

Sidebar

h3:

font-size: 1 em
font-variant: normal
font-weight: bold
font-family: Helvetica Neue
color: #000

a:

font-size: 1.3 em
font-family: Helvetica Neue
color: #A10000
hover: text-decoration: underline

texto normal:

font-size: 1.3 em
font-family: Helvetica Neue
color: #6B6B6B

Arquitectura de la información

Mapa de Navegación Sitio CC Amereida

Analytics (Google)

Sobre los usuarios. En general, el público que más visita el sitio de la corporación está en el rango de los 25 y 34 años, tanto en hombres como mujeres.

Grupo etáreo usuarios sitio CC Amereida

El mayor número de visitas proviene desde Chile, Argentina, seguido por Estados Unidos y Brasil.

Visitas al Sitio CC Amereida

Los intereses del público varían, desde películas, amantes del español, educación, turismo, artes visuales, etc.

Intereses usuarios del Sitio CC Amereida

Dentro del público general, destacan quienes están relacionados al oficio del diseño y la arquitectura junto con académicos, junto a gente que se interesa en las artes escénicas y el turismo. Quienes en general buscan informarse acerca de la corporación, su labor, y visitas al parque debido al valor de sus obras y entorno.

Los dispositivos más utilizados para visualizar el sitio de la Corporación Amereida:

Dispositivos que utilizan los usuarios del Sitio CC Amereida

Lo que más le interesa a la gente es saber sobre la corporación y sus obras. Es necesario priorizar la explicación e introducción sobre la labor de la corporación y el parque en la comunidad.

Archivo:PagsmásvisitadasCCAmereida1.jpg

Páginas más visitadas del Sitio CC Amereida

Archivo:Pagsconmássesiones.jpg

Páginas más visitadas del Sitio CC Amereida

Trabajos Realizados

A continuación se listaran los trabajos realizados por alumnos de la escuela en torno a Ciudad Abierta como lugar y en su condición de parque, esto para tener noción de cuanto material hay con respecto al tema.

Biblioteca

Arquitectura

Tesis: Habilitación de abastecimiento para nuevas hospederías en ciudad abierta: vestíbulo de ingreso que expone extensión reconocida y presenta lo desconocido en pendiente.
1. Autor: Paul Baumann
2. Código: 721.3 BAU 2014
3. Carrera: Arquitectura

Monografía: El habitar en el espesor del límite entre la tierra y el agua: Pórtico del límite-Ciudad Abierta: Hospedería para el estero Mantagua
1. Autor: Nicolás Ibaceta
2. Código: 721.3 IBA 2012
3. Carrera: Arquitectura

Parque

Tesis: Estudio de la flora del humedal Mantagua.
1. Autor: Consuelo Pivcevic
2. Código: 743.934 PIV 2010
3. Carrera: Diseño Gráfico

Monografía: Proyecto parque silvestre de recreación cultural Ciudad Abierta Ritoque
1. Autor: Tomás Álvarez
2. Código: 711.5 ALV 2003
3. Carrera: Arquitectura

Fundamento Poético

Tesis: Acceso de traspaso amparado en la hospitalidad. Encuentro poético de lo abierto y el cierro de Ritoque
1. Autor: Josefina Borja
2. Código: 721 BOR 2014
3. Carrera: Diseño Gráfico

Monografía: Ciudad Abierta: 6 textos fundamentales. El discurso simultáneo de exposición y explicación en los textos fundamentales de la Ciudad Abierta
1. Autor: Patricia Escobar
2. Código: 711.40983 ESC 2012
3. Carrera: Diseño Gráfico

Monografía: Construcción de un suelo fonético para el poema Aes Arrobadoras en Ciudad Abierta
1. Autor: Jaime Canet
2. Código: 302.23 CAN 2012
3. Carrera: Diseño Gráfico

Gráfica

Tesis: Obras de Ciudad Abierta: Estudio y reconocimiento gráfico sobre el lugar y sus obras
1. Autor: Antonia Casali
2. Código: 740 CAS 2013
3. Carrera: Diseño Gráfico

Tesis: Al pie de la letra: Un recorrido tipográfico sobre la Ciudad Abierta
1. Autor: Gabriel Ebensperger
2. Código: 686.22 EBE 2007
3. Carrera: Diseño Gráfico

Tesis: Despliegue del borde: Modelo señalética para la Ciudad Abierta
1. Autor: Andrea Garrido
2. Código: 302.23 GAR 2005
3. Carrera: Diseño Gráfico

Tesis: Fragmentos matizados desde la textura y el color, modelo señalético para la Ciudad Abierta
1. Autor: Karen Abarca
2. Código: 741,67 ABA 2005
3. Carrera: Diseño Gráfico

Tesis: Aproximaciones gráficas de la serie Ciudad Abierta, en la levedad de su línea.
1. Autor: Carolina Irarrázabal
2. Código: 700.4 IRA 2010
3. Carrera: Diseño Gráfico

Tesis: Señal de lo distante en grafías de luz modelo gráfico-señalético para la Ciudad Abierta
1. Autor: Dayana Faúndez
2. Código: 741.6 FAU 2005
3. Carrera: Diseño Gráfico

Tesis: Escultura y Entorno: Recorrido gráfico por la obra de Claudio Girola en la Ciudad Abierta.
1. Autor: Catalina Porzio
2. Código: 730.118 POR 2004
3. Carrera: Diseño Gráfico

WikiCasiopea

Proyectos de Título

Proyectos de Taller

Proyectos de Curso

Antecedentes

Como antecedente se utiliza el proyecto de título Proyección de un Sistema de Información para Ciudad Abierta de Karla Vargas el que identifica los siguientes problemas:

Falta de Diálogo entre ambos niveles de la experiencia

Actualmente los medios de información de la experiencia externa e interna no se comunican ni se retroalimentan. En otras palabras no hay diálogo que permita a la persona percibir que los medios de la experiencia externa hacen alusión o complementan los de la externa y viceversa. Es particularmente importante que esto ocurra en el caso del medio externo para con el interno.

El sitio web no refleja lo que es la experiencia de ir a Ciudad Abierta

El sitio web actualmente no sirve como un reflejo lo suficientemente efectivo de lo que es la experiencia interna cuyo acto fundamental es el recorrer. Lo anterior queda particularmente evidenciado en el segmento de las obras donde estas se presentan a modo de listado con vínculos a una respectiva ficha.

Como se pudo constatar en la etapa anterior las obras son las protagonistas de la experiencia para el visitante. Aquello que constituye el valor territorial y en la mayoría de los casos el motivo de la visita. Las obras son aquello de lo que el visitante se quiere enterar más. Un listado entonces como método ilustrativo resulta demasiado pobre. En primer lugar este muestra cada obra como un ente separado, inconexo, desvinculado de su realidad espacial con la extensión y con el resto de las obras. En segundo lugar por aquel mismo motivo no es de sorprender que haber visto aquel listado no le sirva de mucho al usuario para comprender una vez estando en el lugar. En definitiva, entre el apartado obras que muestra el sitio y la realidad de lo que son las obras en Ciudad Abierta hay un abismo.

Las noticias no están actualizadas en el sitio web oficial

Al observar el home lo que más resalta y que ocupa más espacio son las noticias. La última noticia sin embargo data de Noviembre 2013 y se señala como actualizada por Oscar Santis. Esto es negativo ya que al visitante le da la impresión de que el sitio está en abandono y más si la sección de noticias se encuentra en tal grado de protagonismo. Curiosamente no sucede lo mismo en el twitter el cual sí tiene actualizaciones más recientes. Quizás es mucho más cómodo para los ciudadanos publicar sus noticias por medio de twitter que ofrece opciones de publicación que le dan un carácter más inmediato. Un solución sería entonces integrar los post de twitter a wordpress como entradas por medio de un plugin.

Referencias

Presentación

Pauta Presentación

Introducción
Tabla de Contenidos
1. Contrabrief
2. Público Objetico
3. Análisis y desgloce del sitio
  1. Menú principal
  2. Menú lateral
  3. Estilos de texto
4. Arquitectura de la información
5. Analytics
6. Trabajos Realizados
Contrabrief
1. ¿Qué?
2. Situación actual
3. Descripción
4. Objetivo principal
5. Carácter
6. Estado de la Marca
7. Estado del sitio
8. Contenido
9. ¿Qué se muestra?
Público Objetivo
Análisis y Desgloce
1. Menú Principal
  1. Corporación
  2. Ciudad Abierta
  3. Acotencer
  4. Textos Fundamentales
2. Menú Lateral
3. Estructuras Principales del sitio
  1. Estructura de texto e imágen
  2. Viasualización de fotografía individual
  3. Estructura noticias
  4. Estructura ficha obras
4. Estilo de textos
Arquitectura de la información
1. Mapa de navegación
Google Analytics
1. ¿Quienes visitan el sitio?
2. ¿Desde dónde visitan el sitio?
3. ¿Cual es el idioma de los usuarios?
4. ¿Cuales son los intereses de los usuarios?
5. ¿Cuales son los dispositivos más utilizados para visualizar el sitio?
6. ¿Qué buscan los usuarios en el sitio?
Trabajos Realizados
1. Biblioteca
2. WikiCasiopea
Antecedentes