Diferencia entre revisiones de «Waldo López: Rediseño Sitio Escuela»

De Casiopea
Línea 249: Línea 249:


[[imagen:Interfazsitioead002 wlopez2010prop1.jpg|thumb|200px|none|''Diseño Interfaz Home'']]
[[imagen:Interfazsitioead002 wlopez2010prop1.jpg|thumb|200px|none|''Diseño Interfaz Home'']]
[[imagen:Interfazsitioead002 wlopez2010prop2.jpg|thumb|200px|none|''Diseño Interfaz Home 2'']]


--[[Usuario:Waldoignacio|Waldoignacio]] 08:16 2 ago 2010 (UTC)
--[[Usuario:Waldoignacio|Waldoignacio]] 08:16 2 ago 2010 (UTC)
--[[Usuario:Waldoignacio|Waldoignacio]] 23:44 8 ago 2010 (UTC)


[[Categoría: Diseño Gráfico]]
[[Categoría: Diseño Gráfico]]

Revisión del 20:44 8 ago 2010

Mapa de sitio ead.pucv.cl

Mapa de sitio de ead.pucv.cl

Análisis de contenido y audiencias

Este análisis está basado en los datos y estadísticas que entrega la aplicación google analytics en su evaluación del sitio de la escuela de diseño y arquitectura de la pontificia universidad católica de Valparaíso.

Análisis entregado por GoogleAnalytics en donde se muestra en porcentaje que es lo que visitan las personas
Análisis entregado por GoogleAnalytics en donde se muestra en porcentaje de los sitios más visitados en ead.pucv.cl

Sobre los contenidos

Como se puede ver en la tabla (e ignorando el home del sitio) el contenido más recurrente es en búsqueda de información sobre la carrera de arquitectura, que a pesar de ser tan solo el 2,07% de las visitas totales, corresponde a la segunda página más visitada. Esto nos da a entender que la escuela está caracterizada principalmente por su enseñanza en este campo más que por la carrera de diseño (gráfico),cuya página está situada en el quinto lugar con 1,42% de visitas.

Importancia de la página principal

Una cifra no despreciable del 63,85% es el que corresponde al porcentaje de rebote, el cual significa que las personas han abandonado el sitio desde la página de acceso, esto da a entender que más de la mitad de quienes visitan el sitio de la escuela no se interesan por visitar las distintas páginas y servicios que pueden haber dentro del sitio. Esto puede tener relación con la gran cantidad de texto que se encuentra en la página de acceso lo que produce cierto rechazo en muchas de las personas que navegan por internet o simplemente no encuentran lo que estaban buscando.

Otro factor a tener en cuenta dentro de que es lo que ven las personas que entran en el sitio de la escuela es lo correspondiente a los artículos principales presentados en la página de inicio como muestra la siguiente tabla:

Es muy importante la construcción del discurso y el manejo del contenido puesto que en promedio, la duración de una visita en el sitio es de 2 minutos y 31 segundo, por lo que se comprueba (en parte) lo dicho anteriormente con respecto a que las personas navegan de forma rápida por internet y no se detendrán a leer textos muy extensos a menos de que sea algo que realmente les interese.

Los cuadros rojos destacan la cantidad de texto que se presenta en el Home del sitio de la escuela

Sobre las personas/audiencias

Hay que tener en cuenta que el sitio de la escuela no es visitado solo en Chile, sino que la audiencia se extiende principalmente en América latina, América del norte e importantes países de Europa como Italia, Francia, Portugal y España, esto debido al amplio programa de intercambio que la PUCV tiene con importantes universidades del exterior. Por lo mismo sería de gran valor que la escuela contase con una versión en inglés de su sitio, además de potenciar la página del programa de intercambio con algunos elementos que describiré más adelante.

Análisis del sitio

Notas

  • Las autoridades no están reconocidas con imágenes, algo que creo es primordial sobretodo para personas que vienen desde afuera y los alumnos de primer año (escuela/autoridades).
  • El campus se reconoce en el mapa, pero no tiene imágenes (de ciudad abierta, de la escuela y de la casa central). Podría haber una pequeña sección apoyada con imágenes en donde se muestren las distintas salas, patios y lugares que tiene la escuela (escuela/campus).
  • Cuando ingresamos a algún sitio no logramos ver con claridad donde están las subsecciones que se ubican en la barra de la derecha sobre una imagen, casi como ajustado. En la imagen está destacado con rojo las subsecciones de Diseño Gráfico y Diseño Industrial dentro del sitio de la carrera de Diseño.
sitio carreras/diseno

Propuesta

El planteamiento para la propuesta de proyecto está centrado en cómo los alumnos hacen uso de este sitio web, teniendo en cuenta el tiempo promedio de navegación de las personas y concentrandose en este público objetivo, hacerles preguntas y encuestas de la usabilidad que le dan al sitio de la escuela. Si bien puedo conocer que el uso que le entrega gran parte del alumnado es a los podcast del taller de américa, en las estadísticas entregadas por google analytics, esto no es corroborado, por lo que se podría trabajar sobre algunos elementos que arrojan los análisis y además las siguientes propuestas que me parecen podrían ayudar a desarrollar nuevos espacios dentro del sitio:

Barra lateral derecha

Se podría aprovechar de mejor manera esta barra, a pesar de que contiene elementos muy recurrentes como teléfono, dirección y otros datos, además de mostrar la sesión de twitter de la escuela, se podría aprovechar el espacio para destacar sub-secciones dentro de las secciones a las que hemos ingresado. Está muy organizado el tema de los artículos pero se sobre explota la incorporación de estas referencias en cada una de las páginas, se insiste en un espacio en el cual se podría sacar más provecho.

Catolicidad

Esta página, si bien está destinada a la visión de la universidad católica, es también un espacio destinado para las misiones. Estas tienen características similares a las travesías, en una dimensión menor y con límites nacionales. Este espacio podría ser aprovechado de mayor manera, encontrar a un grupo de alumnos que se haga cargo de los contenidos de esta sección, hacer una recopilación de misiones anteriores (como en el caso del sitio de las travesías) y motivar al alumnado a participar de esta actividad mediante la conexión entre este espacio con redes sociales (Facebook, Twitter, etc).

Calendario

El calendario es una herramienta que si bien, se utiliza periódicamente por los alumnos en general, es de mucha recurrencia en momentos de importancia, como inicio de trimestres, entrega de notas, semana de exámenes y entregas. Debido a esta importancia es necesario ubicar el calendario en un lugar en donde puede ser visto a simple vista y de rápido acceso.

Programa de intercambio

Las visitas al sitio web de la escuela por alumnos internacionales es muy recurrente, por su particularidad, la ciudad abierta, amereida y en especial las travesías. Por lo que se podría trabajar en esta página y desarrollar un espacio en el que alumnos extranjeros cuenten su experiencia en la escuela y se vaya creando una base de datos parecida a la de los ex-alumnos. Este material podría ser escrito en la lengua de origen del alumno para que sus pares en otros países tengan acceso a este.

Página del programa de intercambio

--Waldoignacio 16:34 20 jul 2010 (UTC) --Waldoignacio 04:00 22 jul 2010 (UTC)

indice de contenidos

  1. Escuela
    1. Historia
      1. Texto de historia
      2. Video (Vimeo)
      3. Fundadores
    2. Campus
      1. Mapa (Google Maps)
      2. Datos e(ad)
      3. Datos Pucv (link pucv.cl)
      4. Datos Ciudad Abierta (amereida.cl)
    3. Cuerpo Docente
      1. Profesores (Arquitectura,Diseño gráfico-industrial,Poesía, Matemáticas, etc)
    4. Autoridades
      1. Información Decanato, Dirección, Docencia
    5. Visión Católica
      1. Texto catolicidad
      2. Articulos de catolicidad
    6. Servicios
      1. Biblioteca
      2. Libreria
      3. Laboratorio de computación
      4. Archivo
  2. Amereida
    1. Biblioteca Constel
      1. Colección poética
      2. Colección amereida
      3. Colección ciudad abierta
      4. Colección oficio
    2. Travesías (travesias.ead.pucv.cl)Rediseño Sitio Travesías Rediseño Web de Travesías
    3. Taller de amereida
      1. Texto taller de amereida
      2. Articulos taller de amereida
      3. Podcast taller de amereida
        1. Articulos Podcast
    4. Ciudad abierta (amereida.cl)
  3. Alumnos
    1. Cuerpo Coordinador
      1. Información Cuerpo coordinador
      2. Link de interés (FEPUCV, DAE, Fondo Solidario)
    2. Procesos Estudiantiles
      1. Texto procesos administrativos
      2. Formulario de solicitud de título
      3. Formulario de Antecedentes
      4. Formulario Solicitud de Tutoria
    3. Ex-Alumnos
      1. Año de egreso
      2. links grupos ex-alumnos en la red
    4. Intercambio Estudiantil
      1. Información (texto) intercambio estudiantil
    5. Bolsa de Trabajo
      1. información e instrucción de uso
      2. Articulos de trabajos
    6. Revista Digital Alumnos e(ad) Revista Digital Alumnos e(ad) Diseño Sección Alumnos
    7. Alumnos de primer año Sub-sección Alumnos Primer Año
  4. Carreras Consuelo Miranda: Rediseño Carreras y Magister
    1. Arquitectura
      1. Programa de estudios arquitectura
      2. Articulos Arquitectura
      3. Malla curricular (PDF)
      4. Anexo Programa de estudios (PDF)
      5. Proyectos
        1. Proyectos de talleres ordenados por años
    2. Diseño Gráfico
      1. Programa de estudios Diseño Gráfico
      2. Articulos Diseño Gráfico
      3. Malla curricular (PDF)
      4. Proyectos
        1. Proyectos de talleres ordenados por años
    3. Diseño Industrial
      1. Programa de estudios Diseño Industrial
      2. Articulos Diseño Industrial
      3. Malla curricular (PDF)
      4. Proyectos
        1. Proyectos de talleres ordenados por años
  5. PostGrados
    1. Diseño nautico y marítimo
      1. Programa de estudios
      2. Cuerpo Docente
      3. Postulación y Aranceles
      4. Tesis de Mágister
      5. Origen y Fundamentos (lo nautico y lo marítimo)
      6. Infraestructura
      7. Embarcación Amereida
      8. Travesía Anual
    2. Ciudad y territorio
      1. Programa de estudios
      2. Cuerpo Docente
      3. Postulación y Aranceles
      4. Tésis de Mágister
      5. Origen y Fundamentos
  6. Mundo
    1. Información
    2. Investigación
      1. T.I.G Alejandra Salinas: Taller de Investigaciones Gráficas
    3. Asistencia técnica
      1. Taller de ediciones
      2. Asistencia técnica arquitectura
    4. Archivo histórico José Vial Armstrong
      1. Link {http://www.flickr.com/photos/archivo-escuela/}
      2. Información/Texto sobre el archivo histórico
    5. Wiki Casiopea (wiki.ead.pucv.cl)

Notas

  • En el Home del sitio encontraremos un link de registro para ingresar a la intranet Intranet Alumnos y hacer uso del resto de los servicio (como la wiki)
  • También encontraremos el calendario de actividades y periodos por los que está cursando la escuela

Tipos de Contenidos

La reflexión acerca de los contenidos me ha llevado a dividir los contenidos que se deben presentar en la Home, en tres grupos:

  • Articulos: Este tipo de contenido es todo lo que tiene que ver con noticias y los articulos del ambito académico, amereida, de carrera, etc. Dentro de este grupo también estarán incluidas las imagenes.
  • Sitios: Se encuentran entre los contenidos del tipo "Articulos" y son todos los contenidos que hacen referencia a los sitios que posee la escuela dentro de si como el sitio Travesías, wiki casiopea, la revista de los alumnos, entre otros.
  • Informativos: Preferentemente este contenido está ubicado en la columna derecha del sitio de la escuela, y es todo lo referente a las fechas, eventos, información de docencia y "twits" que hacen desde la cuenta twitter de la escuela.

--Waldoignacio 06:10 22 jul 2010 (UTC) --Waldoignacio 04:32 1 ago 2010 (UTC)

Mapa de Sitio

Vista general del mapa de navegación

--Waldoignacio 22:41 25 jul 2010 (UTC) --Waldoignacio 07:20 1 ago 2010 (UTC)

Wireframes

Notas

  • El sitio principal debe presentar la última publicación (entrada, noticia) con una imagen que destaque por sobre el texto. Este será ubicado bajo la imagen destacando el titulo y un resumen breve (preferentemente una frase) del contenido total.
  • Los otros bloques (bajo la noticia principal) corresponden a noticias/articulos anteriores, además de un bloque de sitios recomendados según periodo que esté cursando la escuela (por ejemplo: "recomendamos sección proyectos" a fines de trimestre)

--Waldoignacio 04:51 26 jul 2010 (UTC)

Primera propuesta

Siguiendo una estructura formada por 3 columnas, una izquierda en la que se ubica exclusivamente el menú, otra central en donde se encuentran los contenidos del sitio como las noticias, ambito académico y otros artículos (además es la columna que aloja al footer en la parte inferior), y una columna derecha que es una estructura que incluye información del día a día de la escuela, como el calendario, los mensajes directos desde twitter, la información de docencia y el contacto (número de teléfono, dirección, etc).

Se exponen claramente las 3 columnas bajo una fila superior que contiene el buscador, el registro e ingreso para las personas que requieren esos servicios. La característica de esta propuesta es la ubicación a la izquierda del menú, con letra grande mostrando las 6 secciones que posee el sitio.

Segunda propuesta

En esta segunda etapa me el menú regresa a una fila, por sobre dos columnas en lo que se asemeja a la estructura que posee el actual sitio de la escuela. La diferencia es el modo en que se presentan los contenidos, que, como he dicho anteriormente da preferencia a la imagen por sobre el texto, generando de esta manera una forma más "agradable" de acceder al contenido escrito que puede entregar el sitio.

Tercera propuesta

Esta tercera propuesta trata de ir más allá y he tratado de transgredir la estructura del menú y hacer que cada sección sea un bloque con una foto y dentro de ella estén los nombres de las subsecciones. Luego noté que al acceder al sitio, los articulos de Noticias y el resto de los contenidos quedaba muy abajo, por lo que tendía a perderse estos elementos que deberían ir en un primer plano.

Cuarta propuesta

Esta propuesta corresponde a una limpieza de la propuesta 2 en cuanto a la dimensión del ancho y la grilla sobre la cual se construye, se mantiene la estructura a dos columnas en la cual la izquierda es para el contenido de tipo Articulos y la derecha para contenido del tipo Informativa.

Diseño Interfaz

Este diseño es el resultado de las 4 etapas por las que pasó el proceso de wireframe, en donde se buscaba ordenar cierta cantidad de contenidos decididos con anterioridad en la etapa de ordenamiento de los contenidos. Se buscó mantener un equilibrio entre las cosas que existen actualmente en el sitio de la escuela y la incorporación de elementos que creo, deberían estar en la pantalla de inicio.

Diseño Interfaz Home
Diseño Interfaz Home 2

--Waldoignacio 08:16 2 ago 2010 (UTC) --Waldoignacio 23:44 8 ago 2010 (UTC)