Construcción 4º DG 2015

De Casiopea



Asignatura(s)Construcción de Diseño Gráfico 4
Año2015
Tipo de CursoTaller de Construcción
TalleresDG 4º
ProfesoresHerbert Spencer
AlumnosJaviera Ulzurrún, Claudio Gómez, Catalina Fairlie, Isidora Correa, Daniela Gallardo, Valentina Olivares, Nicol Valenzuela, Javiera Escudero
Palabras Clavediseño de interacción, diseño para Internet
Carreras RelacionadasDiseño Gráfico


Proyectos

  1. Arquitectura de Información CCA (Alumnos Daniela Gallardo, Claudio Gómez, Isidora Correa, Catalina Fairlie, Valentina olivares, Mauro Villena, Javiera Escudero, Javiera Ulzurrún)
  2. Claudio Gómez: Proposición Sitio CCA (Alumnos Claudio Gómez)
  3. Diseño sitio CCA (Alumnos Catalina Fairlie)
  4. Javiera Escudero: Propuesta sitio web CCA (Alumnos Javiera Escudero)
  5. Javiera Ulzurrún: Proposición Sitio CCA (Alumnos Javiera Ulzurrún)
  6. Propuesta Sitio CAA (Alumnos Mauro Villena)
  7. Propuesta para sitio cca (Alumnos Javiera Ulzurrún, Mauro Villena)
  8. Propuestas sitio CC amereida (Alumnos Daniela Gallardo)
  9. Re-diseño sitio web CCA (Alumnos Isidora Correa)
  10. Rediseño cca: Estilos gráficos (Alumnos Daniela Gallardo, Javiera Escudero, Catalina Fairlie, Mauro Villena, Valentina olivares, Javiera Ulzurrún, Claudio Gómez)
  11. Rediseño sitio web Amereida (Alumnos Nicol Valenzuela)
  12. Valentina Olivares: Proposición Sitio CCA (Alumnos Valentina olivares)


Tareas

 AlumnosNúmero
"Número (Number)" is a type and predefined property provided by Semantic MediaWiki to represent numeric values.
Brief Proyecto Diseño Web Fundación Arraigo Sustentable Patagonia RuralNicol Valenzuela
Maqueta 2Antonia Lara2

Contenidos

  1. Estudio de un caso: Rediseño Web
  2. Analytics: Comportamiento del usuario
  3. Arquitectura de Información
  4. Diferenciacición de contextos: Diseño Responsive
  5. LESS
  6. Flujo de trabajo en Github
  7. Framework Wordpress
  8. Implementación Front End: HTML + CSS + JS + PHP
  9. -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.

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

Desgloce del sitio2-07.jpg

Visualización de fotografía

Desgloce del sitio2-08.jpg

Estructura noticias

Desgloce del sitio2-09.jpg

Estructura ficha obras

Desgloce del sitio2-10.jpg

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

  1. Introducción
  2. 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
  3. 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?
  4. Público Objetivo
  5. 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
  6. Arquitectura de la información
    1. Mapa de navegación
  7. 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?
  8. Trabajos Realizados
    1. Biblioteca
    2. WikiCasiopea
  9. Antecedentes