Caso de estudio: Universidad de Buenos Aires
| Título | Caso de estudio: Universidad de Buenos Aires |
|---|---|
| Tipo de Proyecto | Proyecto de Taller |
| Período | 2013-2013 |
| Asignatura | Construcción de Diseño Gráfico 4, |
| Del Curso | Construcción 4º DG 2013 |
| Carreras | 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. |
| Alumno(s) | María Michelle Camus |
| Profesor | Katherine Exss |
| URL | http://www.uba.ar/ |
El proyecto tiene como objetivo principal el análisis del Meta-sitio web de la Universidad de Buenos Aires (http://www.uba.ar/) en comparación con sus sub-sitios, pertenecientes a cada Facultad de la Universidad. Se pretende abordar los diferentes sitios en cuanto a su contenido, imagen, diagramación y funcionalidad, para así lograr identificar los aspectos en común que estos poseen.
Meta-sitio
El sitio web de la Universidad de Buenos Aires da a conocer diferentes ámbitos de la Universidad a través de un recorrido virtual que se encuentra en la zona superior derecha del sitio. En este uno puede identificar las distintas facultades de la UBA. Luego se encuentra la barra de navegación, la cual permite conocer todas las secciones y categorías que se entregan. En el body aparecen las noticias más relevantes, calendario de actividades, blogs y otros más. El sitio está acompañado de elementos visuales, tales como el logo de la Universidad, fotografías de actividades, videos, entre otros. El sitio tiene una gran cantidad de visitas en el mundo, ya que está estrechamente conectado con las redes sociales y posee traductor al inglés.
La barra de navegación muestra la estructura principal y la subdivisión de los temas en el sitio, pudiendo así visualizar simultáneamente todo el contenido. Cada botón de la barra cambia de color cuando se tiene el cursor encima. Al apretar alguno abre una nueva pestaña, lo cual perjudica, ya que se llena la ventana de pestañas. Por otra parte, cuando se abre otro sitio, la barra de navegación no es la misma, lo que hace que el usuario se pierda en el orden del sitio.
Mapa de navegación
Secciones
En la página de inicio del sitio aparecen diferentes secciones, donde se presenta preferentemente las noticias, luego el calendario, los destacados, blogs y multimedia. En este caso, al entrar a alguna sección, el sitio no abre una pestaña nueva. Sin embargo, la barra de navegación muestra sólo sus cuatro elementos principales.
Mapa de navegación
Grilla
En la página de inicio del sitio aparecen diferentes secciones, donde se presenta preferentemente las noticias, luego el calendario, los destacados, blogs y multimedia. En este caso, al entrar a alguna sección, el sitio no abre una pestaña nueva. Sin embargo, la barra de navegación muestra sólo sus cuatro elementos principales.Por otra parte, se identificó una grilla en el sitio, la cual se utiliza en todas las secciones y categorías. Poseen algunos cambios en cuanto al ancho de las columnas, pero todas respetan los mismo márgenes. La grilla consta de márgenes laterales iguales, cinco columnas de texto o fotografías y una intercolumna, todas poseen las mismas medidas.
Grilla página de inicio
Grilla página tipo I
Grilla página tipo II
Sub-sitios
Los sub-sitios a analizar se encuentran en la sección de Académicos / Facultades (http://www.uba.ar/academicos/contenidos.php?id=81).
Facultades:
- 1. Agronomía http://www.agro.uba.ar/
- 2. Arquitectura, Diseño y Urbanismo http://www.fadu.uba.ar/
- 3. Ciencias económicas http://web.econ.uba.ar/xhtml/
- 4. Ciencia exactas y naturales http://www.exactas.uba.ar/
- 5. Ciencias sociales http://www.sociales.uba.ar/
- 6. Ciencias veterinarias http://www.fvet.uba.ar/
- 7. Derecho http://www.derecho.uba.ar/
- 8. Farmacia y bioquímica http://www.ffyb.uba.ar/gxpsites/hgxpp001.aspx?2,1,841,O,S,0,,
- 9. Filosofía y letras http://www.filo.uba.ar/
- 10. Ingeniería http://www.ingenieria.uba.ar/
- 11. Medicina http://www.fmed.uba.ar/
- 12. Odontología http://www.odon.uba.ar/
- 13. Psicología http://www.psi.uba.ar/
Contenido
Menú principal
Se muestra el contenido de cada sub-sitio para visualizar las categorías en común que estos tienen. Se puede observar que son cinco temas generales: Institucional, académico, investigación, extensión y posgrado. La sección Institucional es el hilo conector entre los 13 sub-sitios, ya que aparece en todos los sitios de sus respectivas facultades.
Esquema comparativo
La barra de navegación permite identificar a simple vista los temas que se abordarán en el sitio web. Por lo tanto es importante de la manera que se muestra. En este caso se dividió entre las barras de navegación que se despliegan y las que no, y, al mismo tiempo, estas últimas divididas entre las que se acotan a una linealidad ordenada, y las que tienen otro orden.
Barra de navegación con despliegue
Barra de navegación sin despliegue
Página de inicio
A continuación se muestra la home de cada sub-sitio web. Es complejo encontrar una relación entre las facultades, ya que todas son muy distintas y siguen una linea propia. No hay un acuerdo como Universidad, no existe una conexión entre su sitio en cuanto a la imagen, diagramación, logo, entre otros.
- Error al crear miniatura: Archivo más grande que 25 MP
1.Agronomía
2.Arquitectura, Diseño y Urbanismo
3.Ciencias Económicas
4.Ciencia exactas y naturales
- Error al crear miniatura: Archivo más grande que 25 MP
5.Ciencias veterinarias
- Error al crear miniatura: Archivo más grande que 25 MP
6.Derecho
- Error al crear miniatura: Archivo más grande que 25 MP
7.Farmacia y bioquímica
- Error al crear miniatura: Archivo más grande que 25 MP
8.Filosofía y Letras
- Error al crear miniatura: Archivo más grande que 25 MP
9.Ingeniería
- Error al crear miniatura: Archivo más grande que 25 MP
10.Medicina
- Error al crear miniatura: Archivo más grande que 25 MP
11.Odontología
12.Psicología
Elementos Gráficos
Logos
Se presenta el logo de cada facultad de la Universidad de Buenos Aires, donde se identifica una falta de unidad, los logos no tienen un conector entre ellos. Se dividieron en dos grupos; el primero se relaciona más con un ámbito de símbolo, y el segundo grupo tiene más que ver con el logo de la Universidad de Buenos Aires. Por otro lado, hay cinco facultades que no tiene logo en su sitio web.
No posee logo:
- 1. Arquitectura, Diseño y Urbanismo
- 2. Ciencia exactas y naturales
- 3. Ciencias sociales
- 4. Derecho
- 5. Filosofía y Letras
Diagramación
Header
Se clasificaron los header en tres categorías según su disposición en el espacio, en cuanto a el logo, la barra de navegación y una fotografía.
Header tipo I
La primera clasificación tiene que ver con la diagramación que se encuentra más oportuna. Es clara y se ve ordenada. Esta consta de los datos específicos en la parte superior izquierda, luego al lado derecho una fotografía y abajo de estos dos, la barra de navegación.
Header tipo II
La segunda categoría también se presenta clara y ordenada. Están los mismo elementos de la primera sección, pero se encuentran ordenados de forma distinta. En primer lugar está el logo con los datos específicos, luego la barra de navegación y más abajo una fotografía.
Header tipo III
En esta sección no se encontró un punto conector, ya que tienen una diagramación algo compleja, donde no se obtiene un orden claro. A demás hay sitios que tampoco cumplen con los 3 puntos que se estaban observando.
Body
Se ha identificado tres tipos de diagramación para el body de los sub-sitios, donde se analiza en cuanto a la disposición de los contenidos de la home.
Body tipo I
La primera clasificación es la más semejante al meta-sitio. Esta tiene un orden claro. Tiene unos márgenes laterales, dos columnas de información y las categorias, por último otra columna entre las otras dos, donde aparecen las noticias más importantes. Arriba aparece el header y en la parte inferior el footer.
- Error al crear miniatura: Archivo más grande que 25 MP
1.Agronomía
- Error al crear miniatura: Archivo más grande que 25 MP
2.Derecho
3.Ciencia exactas
- Error al crear miniatura: Archivo más grande que 25 MP
4.Ingeniería
5.Psicología
- Error al crear miniatura: Archivo más grande que 25 MP
6.Ciencias veterinarias
Body tipo II
Estos sitios web tienen una diagramación similar a la anterior, determinadas por márgenes laterales. Sin embargo, dentro solo hay dos columnas, una para ir a las opciones y/o categorías y la otra con las noticias importantes.
- Error al crear miniatura: Archivo más grande que 25 MP
1.Filosofía
- Error al crear miniatura: Archivo más grande que 25 MP
2.Medicina
- Error al crear miniatura: Archivo más grande que 25 MP
3.Odontología
Body tipo III
La tercera clasificación son los sitios que no tienen una diagramación clara. En el caso del sitio de Farmacia y Bioquímica hay un margen lateral que es muy grande, todo se centra en el lado izquierdo de la pantalla. Los otros dos sitios no tienen mucha relación con las demas grillas de los sub-sitios. En el caso del sitio de la Facultad de Arquitectura, Diseño y Urbanismo la diagramación es compleja y se ve incompleto en cuando a los contenidos.
- Error al crear miniatura: Archivo más grande que 25 MP
1.Farmacia y Bioquímica
2.Arq, Diseño y Urbanismo
3.Ciencias económicas
Funcionalidad
Buscador Se identificó los sitios que poseen buscador, lo que permite resolver dudas y/o encontrar lo que se busca más rápidamente. La mayoría de los sitios posee buscador.
Traductor a otros idiomas Son solo tres sitios lo que tienen un traductor al inglés (Agronomía, Ciencias económicas e Ineniería). Esto permite una mayor cantidad de visitas y accesibilidad en otras partes del mundo.
Enlaces con redes sociales Más de la mitad de los sub-sitios tiene enlaces a redes sociales, lo cual permite una mayor difusión y mejor acceso.
Redireccionar UBA Todos los sub-sitios son muy distintos y no tienen una línea que los una con el meta-sitio, por lo que se considera importante que exista una opción para volver al sitio de la Universidad de Buenos Aires. Sin embargo, solo cinco sitios son los que pueden redireccionar fácilmente al sitio de la UBA.
Conclusiones
La Universidad de Buenos Aires posee 13 sub-sitios que corresponden a las diferentes Facultades. Se analizaron los sitios en: logo, barra de navegación, header, grilla y enlaces. Estos sitios no tienen una gran relación entre ellos, ni con el meta-sitio, ya que no hay una coherencia en cuanto a lo que se estaba analizando. Sin embargo, se pudo clasificar los diferentes sitios para clarificar un orden. Se identificó, en relación con el meta-sitio, dos sub-sitios que son los que más se contradicen. El sitio de Ingeniería, que es el más completo y parecido al de la UBA, y el de Arquitectura - Diseño - Urbanismo, que es el más distante, ya que tiene muchos aspectos diferentes.
La UBA no consta de una identidad para hacer los sitios web de sus facultades. Por lo que se puede apreciar, cada una es libre de realizar el sitio como se requiera en cuanto a diagramación, colores, logo, etc. Sin embargo, en contenidos hay una mayor conexión, ya que hay varias categorías que se repiten.
Universidad de Buenos Aires
Facultad de Ingeniería
Facultad de Arquitectura, Diseño y Urbanismo
