Tp4 - Corrección 5°Propuesta. Lunes 14 de Julio

En base a la corrección de la clase pasada intenté ordenar más mis decisiones y elementos gráficos. Para empezar hice un cambio tipográfico ya que estaba todo gritando, y unifique los colores.

Este es el home del sitio, los cambios que realice fue en el tratamiento de las imágenes, la paleta cromática que venía utilizando, un color diferente para cada una de las secciones.

Otra cosa que cambié fue en cuanto a la información, antes tenía dos bloques que hablaban de exposiciones, ahora en la imagen del medio se publicarán las novedades del momento, referidos a cualquier sección y guardando relación con las publicaciones del Facebook que maneja el museo.

El menú principal, que estará siempre visible, al pasar el cursor por encima, cambia en discurso a modo de bajada del que se verá siempre.

Estos bloques funcionan como grandes botones, que al pasar el cursor por encima, se agranda el plano de color para incorporar más información al respecto.

En estas dos capturas muestro lo mismo que en la anterior pero en otros casos.

La diferencia es que cuando lo predominante es la imagen, lo que se expande agrega información escrita, mientras que los bloques que son sólo tipográficos, al expandirse, aparecerá una imagen.

Acá lo que muestro es el caso de un video, al pasar el cursor sobre el pleno de color aparecerá la imagen y parte de la información y al hacer click sobre éste, se amplía más la superficie y el video se ve directamente desde el home.

El menú principal al seleccionar una delas secciones de desplega el submenú en el cual se encuentran las deferentes propuestas, como el tipo de menú que había planteado para la clase anterior, es real que no aportaba nada nuevo. Al seleccionar un de estas subsecciones, esta se torna de un color en particular para determinada sección. Una vez elegido a dónde ir, el submenú se vuelve a plegar. El colo queda suspendido cuando al desplegar el submenú, queda suspendido todo lo que está pasando por abajo.

Esta captura sería de la apertura de la agenda de las muestras temporales. Están ordenadas cronológicamente.

Cuando se pasa el cursor por sobre estas imágenes, al igual que en el home, son grandes botones que dan inicio a la promoción de cada una de las diferentes muestras. <Y como en el otro caso, se agrega información.

Aca se seleccionó una de las muestras, al hacerlo, esta invade la pantalla quedando a modo de zócalo, el resto de las muestras que se están exponiendo para permitir un acceso más rápido, sin necesidad de volver para atras o cerrar la pantalla.

esto es dentro de la misma sección de la agenda, pero otro apartado o sub-sección

cambio de sección (educación) en este caso, curso, la información va apareciendo a medida que se pasa el cursor por encima, con posibilidad de ampliar la información al hacer click

Para inscribirse en los cursos, es necesario, al igual que para otras opciones dentro del sitio, iniciar sesión.

MICROSITE

Con respecto al microsite, estoy tratando de ampliar más la información, profundizando su funcionamiento y de manera más ordenada.

 Si bien el usuario será quien decida por donde comenzar, el círculo que habla sobre el arte moderno, a modo de introducción o acercamiento al tema, se encontrará más grande que el resto y ubicado en el medio, el resto, cada uno pertenecerá a algún artista correspondiente al arte moderno.

 Introducción que permitirá ampliar la información o cerrarlo si no es la intención. 

 En este caso, se elige ampliar la información por el tema de los movimientos artísticos que integran el arte moderno, este texto tendrá dentro del mismo botones pertenecientes a estos movimientos que permitirán ampliar cada uno, para lo cual se abre el nombre de la vanguardía como un botón que al clickearlo, aparece algo de información

 Cuando se elige otra vanguardia, como para poder comparar, la que ya se vio, se achica quedando visible igual, el funcionamiento es siempre el mismo.

 Al elegir ver sobre los artistas de esta vanguardia, los círculos que presentan cada uno a un artista, se filtran para ser sólo artistas de este movimiento, eso estará indicado con el nombre de la vanguardia. Todo lo que se va cerrando o dejando en segundo plano, se va apilando en la parte inferior izquierda para poder volver a ampliarlo.

 Al elegir un círculo aparece una obra característica de este artista, y aparece un nuevo menú/buscador/filtro, referido al artista que se eligió, y herramientas que permiten manipular la imagen, también todo se puede guardar en una biblioteca personal, por eso debe el usuario estar loggeado.

 Por ejemplo una de esas herramientas me permite hacer encuadres, por si no me interesa la imagen entera.

 En todo momento se puede cambiar de artista con solo clockear sobre otro círculo de color.

 Lo que permite este "historial" de la parte inferior izquierda, es poder recurrir constantemente a la información que ya se vio y poder comparar.
Los bloques de texto así como las imágenes, son móviles, permitiendo al usuario ubicarlos donde más le guste y no le moleste algo que si quiera ver.

Tp4 - Corrección 3°Propuesta

Para comenzar, realice algunos cambios en mi árbol de contenidos ya que había temas que se repetían o estaban mal organizados, a la vez que intente hacer el árbol de contenidos del microsite.

Lo que realice para esta clase, en base a las correcciones de la clase anterior, fue sobre todo, lo que me está rompiendo la cabeza y frustrando, lograr encontrar la identidad del museo, encontrar el sistema gráfico que tanto me está costando y ya no se que hacer.

Lo que intente fue tomar menos decisiones de las que vengo tomando y tratar de unificar tomas de partido, sin que me quede un sistema cerrado, al menos esa fue la intención. Unificar un poco más el uso cromático como tipográfico y el uso de la fotografía también.

No se si lo logre pero lo intente.

ACLARACIÓN: la cantidad de capturas es por el medio que estamos utilizando, quizá haya muchos pasos que no sean necesarios mostrar pero para que se entienda un poco más, igualmente a la hora de imprimir el número de capturas será mucho menor, recurriendo a mostrar varios pasos en una captura o suprimiendo algunos pasos.

Acá presento el home del sitio. Se encuentran las novedades del museo, pertenecientes a varias de las secciones del mismo, a la vez ya se encuentra el menú principal para acceder a las diferentes secciones. Estos bloques son grandes botones que también dan acceso a las secciones aunque directo a la noticia que está mostrando. El uso cromático varia según las secciones a las que pertenece la noticia.

Estos botones, al pasar el cursor por encima, se modificarán agregando un poco más de información de la brindada a simple vista, como para atraer más al usuario. Lo mismo que cuando el cursor se posa sobre los botones del menú, estos cambian el modo discursivo de las secciones.

Cuando se presiona el botón del menú, se despliega un submenú que pisa al contenido que se estaba visualizando, desactivándolo, esto se mostrará cromáticamente.

Esta sección tiene una estructuración muy similar a la del home ya que la mayor cantidad de las novedades que se presentan en el home son pertenecientes a está sección.

Estos bloques son botones de acceso a las diferentes exposiciones, al pasar el cursor por encima estos se agrandan cobrando color las fotografías, estas vuelven a su aspecto inicial al alejar el cursor de la misma.

Al ingresar a una de las exposiciones, se amplía la información de la misma y las otras muestras quedan en espera al margen izquierdo por si quiere el usuario ver información de otra, a la vez esta ventana de información se puede cerrar volviendo a atrás.

El submenú se mantiene siempre visible ya que si bien funcionan como botón, también cumple la función de scroll que permite deslizarse a través de las diferentes subsecciones.

Acá demuestro como funcionaría.

Acá muestro otra de las secciones, que sobre todo la diferencia que presenta es que es puramente informativa. En este caso, el submenú presenta una dinámica distinta que si funciona, no se si es que la tendré que llevar a la otra sección. O podré proponer las dos ya que las secciones son distintas. En este caso es sobre los cursos y talleres.

Esta sección sería solo tipográfica. Las diferentes informaciones irán apareciendo mientras que el usuario así lo desee. El submenú se desplaza hacia la parte inferior y también funciona como scroll, cuando se ingresa a un curso en particular, este desaparece para ocupar su lugar el listado de los otros cursos para facilitar al usuario el acceso a otro curso sin tener que ir atrás. Para inscribirse a los cursos se tienen que loggear, si no tienen cuenta, deberán registrarse.

MICROSITE

Lo que intente para el microsite fue, sobre todo, profundizar en la información y ordenarme un poco más

Los círculos de colores darán acceso a diferentes obras, el al que ese color sea el predominante, pero para que no sea tan azaroso, aparecerá el autor al que pertenece esa obra, sin mostrarla aún. El listado de artistas será variado, todos pertenecientes al arte moderno.

Al elegir uno de estos colores se activarán las herramientas que permiten manipular la imagen y un menú que funciona como filtro de información referido al artista que se ha elegido. A la vez, como hay que estar loggeado para navegar por este sitio, se activa la biblioteca personal donde el usuario puede guardar la información o imágenes que le sean de su interés, simplemente con arrastraslos hasta el icono del borde inferior derecho.

En esta captura ya se seleccionó ARTISTA+ lo que despliega información acerca del artista.

Al ir cambiando el filtro de búsqueda, irá apareciendo diferente información con obras pertenecientes al artista o el movimiento al que pertenece, abriendo la posibilidad de llegar a otros artistas pertenecientes a este movimiento.

La información que ya se visitó, así como las imágenes van quedando en suspenso por si se quiere volver a esa información y manipularla cuando así lo desee junto con la información actual. 

Todo lo que irá apareciendo abrirá la posibilidad de nuevas búsquedas, tanto de artistas como de imágenes.

Que la información vaya quedando en suspenso permite comparar las cosas que vayan apareciendo y manipularlas como quieran.

Por último muestro un ejemplo de la biblioteca personal que va creando el usuario en su navegación.