primer avance. la estructura siguiendo la arquitectura de la información suministrada fueron...

13
Primer Avance

Upload: nacio-pinta

Post on 02-Mar-2015

5 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: Primer Avance. La estructura Siguiendo la Arquitectura de la información suministrada fueron identificados los siguientes templates maestros para la creación

Primer Avance

Page 2: Primer Avance. La estructura Siguiendo la Arquitectura de la información suministrada fueron identificados los siguientes templates maestros para la creación

La estructuraSiguiendo la Arquitectura de la información suministrada fueron identificados los siguientes templates maestros para la creación de las páginas.

Template Inicio

•Cabezal con barra de navegación por áreas.

•Cuerpo central de noticias con nombre del área que la publica.

•Columna derecha para buscador, y acceso a biblioteca, publicaciones recientes y memoria académica.

Page 3: Primer Avance. La estructura Siguiendo la Arquitectura de la información suministrada fueron identificados los siguientes templates maestros para la creación

La estructuraSiguiendo la Arquitectura de la información suministrada fueron identificados los siguientes templates maestros para la creación de las páginas.

Template Inicio de Area

•Menú propio del Area

•Agenda del área e información general.

•Introducción textual al Area y listado de noticias de dos grados de importancia.

Page 4: Primer Avance. La estructura Siguiendo la Arquitectura de la información suministrada fueron identificados los siguientes templates maestros para la creación

La estructuraSiguiendo la Arquitectura de la información suministrada fueron identificados los siguientes templates maestros para la creación de las páginas.

Template final de Area

•Menú del Area

•Agenda del área e información general.

•Doble título, para reforzar la navegación entre niveles.

•Los templates finales ofrecen distintas opciones de ordenar el contenido: pueden ser listados, texto desplegado, con imagen, sin imagen, formulario, etc.

Page 5: Primer Avance. La estructura Siguiendo la Arquitectura de la información suministrada fueron identificados los siguientes templates maestros para la creación

La estructuraSiguiendo la Arquitectura de la información suministrada fueron identificados los siguientes templates maestros para la creación de las páginas.

Template de departamento

•Menú propio del Departamento

•Agenda del área e información general.

•Cuerpo Central con introducción al departamento, y noticias de dos grados de importancia.

Page 6: Primer Avance. La estructura Siguiendo la Arquitectura de la información suministrada fueron identificados los siguientes templates maestros para la creación

El Prototipo de diseñoEl look and feel aplicado se basó en la estética propia del sitio actual.A partir de los template identificados se lograron los siguientes diseños:

Página de Inicio:Utiliza un importante cabezal a fin de corresponder con la importancia del sitio

Agenda e información institucional se colocaron en la columna derecha, a fin de guardar la columna derecha. Utiliza colores neutros para diferenciarse del centro pero sus enlaces guardan el color institucional (verde)

Las noticias vienen precedidas por una solapa que identifica al área que la publicó.

La columna izquierda se separa por medio de un color neutral para representar accesos a secciones que no son las áreas.

Page 7: Primer Avance. La estructura Siguiendo la Arquitectura de la información suministrada fueron identificados los siguientes templates maestros para la creación

El Prototipo de diseñoEl look and feel aplicado se basó en la estética propia del sitio actual.A partir de los template identificados se lograron los siguientes diseños:

Página de Area:Cabezal reducido a su expresión mínima para cobrar mayor espacio.

Imagen en el color destinado al área para que esté siempre.

Menú propio del área

Título de noticias en el color destinado.

Publicaciones en la columna derecha sólo como acceso.

Page 8: Primer Avance. La estructura Siguiendo la Arquitectura de la información suministrada fueron identificados los siguientes templates maestros para la creación

El Prototipo de diseñoEl look and feel aplicado se basó en la estética propia del sitio actual.A partir de los template identificados se lograron los siguientes diseños:

Página de Area:Se muestra la diferencia que se busca por medio del color para identificar las áreas entre si.

Page 9: Primer Avance. La estructura Siguiendo la Arquitectura de la información suministrada fueron identificados los siguientes templates maestros para la creación

El Prototipo de diseñoEl look and feel aplicado se basó en la estética propia del sitio actual.A partir de los template identificados se lograron los siguientes diseños:

Página de Nivel 2 o superior:Departamentos. Se da un doble titulado a fin de ayudar en la navegación, manteniendo las rutas utlizadas.

En el ejemplo los departamentos están listados y ofrecen información básica de cada uno, y su respectivo acceso.

Page 10: Primer Avance. La estructura Siguiendo la Arquitectura de la información suministrada fueron identificados los siguientes templates maestros para la creación

El Prototipo de diseñoEl look and feel aplicado se basó en la estética propia del sitio actual.A partir de los template identificados se lograron los siguientes diseños:

Página de un departamento:Posee una imagen propia y un menú propio. Es un template de Area, en cuanto que posee los mismos lugares y componentes (una explicación breve, y un cuerpo central con noticias, etc)

En la columna derecha el sector Publicaciones ofrece la ultima publicación del departamento.

Page 11: Primer Avance. La estructura Siguiendo la Arquitectura de la información suministrada fueron identificados los siguientes templates maestros para la creación

El Prototipo de diseñoEl look and feel aplicado se basó en la estética propia del sitio actual.A partir de los template identificados se lograron los siguientes diseños:

Página de Publicaciones:Paleta cromática neutra que diferencia estas secciones de las áreas.

Menu propio

Breve explicación de la sección.

Imagen de portada de publicación junto a los datos más relevantes con opción a compra.

Posible campo para noticias en el caso de que esta sección publique eventos, convenios, etc

La Pastilla de acceso a la Biblioteca se amplia para contener enlaces internos.

Page 12: Primer Avance. La estructura Siguiendo la Arquitectura de la información suministrada fueron identificados los siguientes templates maestros para la creación

El Prototipo de diseñoEl look and feel aplicado se basó en la estética propia del sitio actual.A partir de los template identificados se lograron los siguientes diseños:

Página de una publicación:Aspecto del menú cuando presenta un submenú.

La publicación seleccionada presenta un índice de contenidos, con acceso a su lectura en línea en el caso de que esta sea posible.

Page 13: Primer Avance. La estructura Siguiendo la Arquitectura de la información suministrada fueron identificados los siguientes templates maestros para la creación

Muchas Gracias