Caso de estudio Sitio Web Universidad Católica de la...
Transcript of Caso de estudio Sitio Web Universidad Católica de la...
Caso de estudioSitio Web Universidad Católica de la Santísima Concepción
9 · 07 · 13Construcción 4º DG 2013
Danila Ilabaca
1. META SITIO WWW.UCSC.CL
Se toma como caso de estudio el “Meta-Sitio Web” de la Pontificia Universidad Católica de la Santísima Concepción (http://www.ucsc.cl/) debido a que tiene una gran cantidad de contenidos y sus res-pectivos sitios internos están diseñados en conjunto con el sitio web principal de la casa de estudios.
Dentro del sitio se observa un gran trabajo de diseño ya que no hay ningún sitio interno que este desvinculado de la identidad visual del resto, constantemente se mantiene la diagramación casi intacta y lo que va cambiando es el color del menú principal de navegación y el footer.
1
2 3 4
1 y 2 imágenes del home, 3 y 4 imágenes de 2 de los sitios internos
1.2.ESTUDIO DE LA GRILLA
1. Grilla del home del meta sitio2. Grilla de las categoría
3. Grilla de las sub categorías 4. Grilla casos especiales “admisión” y “centro de prensa”
1
2
3 4
1.3.ESTUDIO DE LOS ELEMENTOS
1. Grilla del home del meta sitio2. Grilla de las categoría
3. Grilla de las sub categorías 4. Grilla casos especiales “admisión” y “centro de prensa”
1
23
4
1.3.3. LINKS DEL SITIO
- META SITIO
INICIOhttp://www.ucsc.cl/
CATEGORÍA MENÚhttp://www.ucsc.cl/nuestra-universidad/
SUB CATEGORÍA MENÚhttp://www.ucsc.cl/nuestra-universidad/direcciones-administrativas/
SUB SUB CATEGORÍA MENÚhttp://www.ucsc.cl/nuestra-universidad/direcciones-administrativas/direccion-de-admision-y-registro-academico/
- SUB SITIOS
INICIOhttp://educacion.ucsc.cl/
CATEGORÍA MENÚhttp://educacion.ucsc.cl/carreras/
SUB CATEGORÍA MENÚhttp://educacion.ucsc.cl/carreras/pedagogia-en-educacion-fisica/
1.4. IDENTIDAD VISUAL DEL META SITIO1.4.1. EL COLOR NARANJO COMO UNIÓN VISUAL DEL SITIO
El sitio en si mismo busca una identidad visual a través del color naranjo,este se repite constantemente al momento de incorporar color, ademas del tono azul de los links.
En los sitios internos se pierde totalmente la existencia del naran-jo, ya que cada sitio interno posee un color distinto, lo que podría generar confusión.
* Hay un sitio interno que es naranjo al igual que el meta sitio, esto también podría traer confu-siones en cuanto a la organización.
1.4.2. PRESCENCIA DE LOGOS DENTRO DEL SITIO
Dentro del sitio se pueden encontrar logotipos, en dos de ellos se encuentra el color naranjo como unificador visual.En el caso de el logo propio de la Universidad Católica de la San-tísima Concepción se encuentra en la parte principal en los tonos concordantes con el meta sitio (gris y blanco), en cambio en los sitios internos se visualiza en el footer del color que le corresponda por facultad o instituto.
1.4.3. PRESCENCIA DE PICTOGRAMAS EN EL SITIO
Dentro del home del meta sitio se encuentra un menú de navega-ción directa que lleva al item de admisión, generando un enlace directo con este sector.Para hacerlo mas notorio y accesible se observa que realizaron una pequeña serie de logotipos para orientar mejor al usuario.En el estado “over” el logotipo apunta a la identidad visual y adopta un color naranjo.
2. SITIOS INTERNOS
Los sitios internos del meta sitio http://www.ucsc.cl/ es-tán muy bien organizados dentro, es notoria la dedicación a la parte del diseño y cohesión visual. Cada facultad o instituto posee un color distinto pero mantiene la misma grilla y los mismos elementos, esto hace que el usuario en ningún momento de la navegación sienta que se ha alejado de lo que estaba buscando.
2.1. ESTUDIO DE LA GRILLA DE LOS SUB SITIOS
La grilla de los sitios internos es la misma entre ellos, pero si es distinta a la grilla del home del meta sitio. Son casi los mismos elementos pero dispuestos de otra manera. Estos poseen un mejor diseño ya que no se pierde espacio en blanco que no está diseñado. Todo está mas junto.
1
2
3
1. Grilla del home del sub sitio2. Grilla de las categorías del sub sitio
3. Grilla de las sub categorías del sub sitio 4. Grilla caso especial “admisión”
4
2.2. ESTUDIO DE LOS ELEMENTOS DE LOS SUB SITIOS
1 2
3
1. Home del sub sitio2. Categorías del sub sitio (educación)
3.Sub categorías del sub sitio4. Casos especial “admisión”
4
2.3. IDENTIDAD VISUAL DE LOS SITIOS INTERNOS
En cuanto a las fuentes utilizadas en general se observan en palo seco, el único caso de serif está en el logo de la Universidad Católi-ca de la Santísima Concepción.La fuente utilizada es Arial en distintos estilos
HEADER
FOOTER
2.4. ARQUITECTURA DE LA INFORMACIÓN DE CADA SUB SITIO
INSTITUTO DE TEOLOGÍALink http://teologia.ucsc.cl/
Mapa del sub sitio
FACULTAD DE COMUNICACIÓN, HISTORIA Y CIENCIAS SOCIALESLink http://comunicacion.ucsc.cl/
Mapa del sub sitio