lunes, 7 de julio de 2014

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.


lunes, 30 de junio de 2014

Tp4 - Corrección 1er Propuesta

El MAMBA no presenta un sitio web propio, lo que se puede encontrar es una página que pertenece al gobierno de la ciudad en la que el Mamba, junto con otros museos de la ciudad presenta información y la cual la usa como su sitio, pero no tiene un dominio propio, lo que utiliza como herramienta virtual es el Facebook, por lo que si bien intentan organizar la información en diferentes secciones como: agenda, educación y organizar los álbumes de fotos según a que se refieren, están atados a la plataforma de la red social mencionada. Por lo que no son más que imágenes publicitarias en las que no se puede interactuar de otra manera que no sea como en cualquier facebook.
Para realizar mi diseño de sitio web me base en la información que puedo obtener de estos dos medios mencionados, por lo que las secciones y su contenido los fui organizando un poco como venía organizando en el sistema de piezas.



Con respecto a su navegación, desde el home se podrá acceder a las diferentes secciones tanto desde el menú principal como desde las publicaciones a modo de novedad/últimas noticias que se encuentren en el mismo. El menú principal estará siempre visible por lo que desde cualquier sección o "sub-sección" se puede ir a otra. A la vez, hay contenidos que necesariamente se relacionan con otras secciones por lo que al querer saber más información se cambiará automáticamente de sección sin necesidad de ir al menú principal.




1er PROPUESTA
Éste sería el home de mi sitio, en el cual se encuentra el menú principal y la información de las últimas noticias o novedades desde las cuales, como ya dije, se podrá acceder también a las secciones.
La utilización cromática en esta primer etapa es de grises ya que mi idea es que los colores vayan apareciendo a medida que se va navegando el sitio e ingresando a las deferentes informaciones.
Utiliza una grilla clara y estructurada que me permitirá organizar las diferentes informaciones variando sus tamaños en grado de importancia.


Cuando el cursor pase por los diferentes bloques de información, aparecerá el color y se agregará información referida a esa noticia, al clickarla se dirige automáticamente a la ampliación de esa noticia en la sección a la que pertenezca.



Al seleccionar una de las secciones, el menú principal despliega el sub-menú provocando que el "header" se amplíe, por lo que quedará así para el resto de la navegación.
Recién al clickear sobre una de estas opciones del submenú es que el contenido de la página cambia.


En este caso, por ejemplo, se ingreso a la sección "agendalo" y dentro de ésta a las "exposiciones temporales" en la cual se encuentra a modo de calendario, si se quiere, todas las exposiciones temporales disponibles en el museo, en este caso ya comienza a aparecer el color referido a cada sección en particular, las imágenes estarán filtradas por este color y, como en el home, al pasar el cursor encima, aparecerá el color real, como en la imagen, en el caso de la muestra de Eduardo Costas, cada uno de estos bloques de información se pueden clickear para ampliar la información, como muestro en el siguiente ejemplo.


La inforación se amplia, todo con respecto a la muestra y al artista de que se trate la muestra, a la vez de presentar una pequeña galería de imágenes de las obras que se exponen, también se encuentra un texto que se desliza para leerlo. Esta información ocupara dos tercios de la pantalla, utilizándose el restante para que queden disponibles las otras disponibilidades, que en el caso de ocupar más de lo visible de la pantalla se desplazará hacía abajo.
Como aclare antes, desde cualquiera de los puntos anteriores ya es posible, como en el resto de la navegación, cambiar de sección cuando el usuario así lo requiera. Es por este motivo la decisión de los menús fijos.




Con respecto a la fotografía interactiva/aplicación/etc, mi idea es que el recorte temático, si bien no es muy acotado, sea el Arte Moderno, que dentro de todo lo que es la historia del arte es un recorte, si bien el recorte este ya lo hace el museo, pero pensar en otros posibles recortes se me hizo forzado.
La cuestión es que propongo con esto, que el usuario conozca más sobre el arte moderno más allá de las disponibilidades y limitaciones del museo, es decir, no solo sus adquisiciones o patrimonio, sino el arte moderno nacional e internacional, de diferentes categorías de importancia, artistas reconocidos y otros no tanto, para ello la idea es que se aprenda por medio de las imágenes, para lo cual esta sección será como un banco de imágenes, un buscador un tanto azaroso en su manera de buscar, es decir, no se buscará por nombre de artista o de obra sino que eso vendrá de la mano de la imágen que aparezca, justamente para que se conozca el arte y no sólo recurrir a las obras más reconocidas y que se puedan apreciar nuevos artistas.


Al ingresar a esta sección del sitio, se encontrarán con una breve descripción de lo que es el arte moderno para comenzar con la búsqueda la cual tendrá algo de random en el sentido que las imágenes aparecerán al azar, por la elección del color.
Esto funcionaría al elegir un color, aparecerá una imagen en la cual el color predominante sea el elegido por el usuario. 

Esta pantalla contará con herramientas que permitirán "manipular" la imagen. Como así también hacer que aparezca información referida a la imagen.

Por ejemplo con la herramienta de texto, al desplegar un bloque aparecerá información referida al autor de la obra, dicho bloque sera móvil y se podrá ubicar en cualquier parte de la pantalla de trabajo.

Estas imágenes se podrán guardar en un backup personal a modo de historial en lo que dure la navegación y permitiendo al usuario volver a las imágenes ya vistas y poder descargarlas en su ordenador.

Con la herramienta "gotero" (que ahora veo se me olvido cambiar la selección de la herramienta, tendría que estar marcado el gotero) se podrá seleccionar un color de la imagen actual -en este caso sobre el amarillo y esto hará que aparezca una nueva imagen sobre la pantalla relacionada al color seleccionado.


Con las imágenes se podrá hacer encuadres y ellos ampliarlos, estos brindarán nueva información referida a la obra o al artista, la cantidad de información dependerá del usuario, es decir que si no lo desea, la información no aparecerá, sólo verá las imágenes, y si quisiera a medida que agrega bloques de textos será más la información brindada, la cual se puede comparar con info de imágenes anteriores pudiendo ocultarlas cuando lo desee.


En fin, lo que se producirá es un recorrido por el arte moderno apareciendo en el mismo obras que seguramente nunca las ha visto el usuario o al menos no las ha tenido en cuenta, ampliando el panorama del arte moderno en cada uno de los usuarios interesados en el arte moderno.
En cuanto a la estructura de la pantalla, en  esta sección es más libre ya que se le va a dar importancia a que la imagen se vea lo más grande posible, sin importar TANTO la grilla.