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.





































2 comentarios:

  1. Hola Claudio:
    Me parece que tenés un montón para esta clase! Me parece que como manejás el mapa de contenidos es correcto, talvez le falte alguna subcategoría más. El mapa de navegación me parece que es un poco difícil de entenderlo a primera vista, pero me parece correcta la navegación que proponés. Lo que sí podrías hacer es relacionar un contenido con más de un tema. Así darías mayor complejidad a tu navegación.
    En cuanto a la pantalla me parece interesante como proponés la grilla y la modulás. También el tratamiento que hacés con las imágenes está bueno: lo que me queda en duda es si pasas del blanco y negro al color o del verde al color y si hay diferencias por que. No se si ocuparía tanto espacio para el footer, porque ya bastante te resta el menú principal y la pantalla se te empieza a achicar cada vez más.
    El microsite que proponés me parece muy divertido. Creo que es muy interesante lo que estás buscando. Yo buscaría como ampliarlo porque por ahora te queda solo esa actividad y podrías aumentar los contenidos que tiene.
    Saludos!

    ResponderEliminar
  2. Hola Claudio,

    Tu forma de explicar tu proceso es muy clara. Está muy bien. Tu esquema de contenidos es muy claro e interesante. El de navegación, tal vez debería asumir más complejidad. Mirá tipos de visualizaciones en red, tal vez te sirva. Te faltan poner el buscador y ese vinculo con facebook, ya que es tan importante. ¿Qué otras botoneras podrían aparecer de forma constante en todo el sitio? Asimismo, si el face es clave cómo analizas, ¿no tendría que tener otra jerarquía en tu home?
    Me parece muy inetresante de tu árbol de contenidos la doble forma de titular las secciones que proponés, tal vez cuando pasas el mouse por encima aparece esa segunda palabra que ayuda a clarificar el contenido.

    Sobre las pantallas, y la forma de interacción te dejo algunas preguntas, inquietudes y reflexiones sobre lo que proponés.

    Sobre el uso cromático, me parece que lo que trasladás al home debería tener el color de la sección que proponés. Sí me parece mejor y acertado ampliar la info al pasar por encima de las imágenes. Es muy interesante como ese header se va desplegando. Podría tener menos altura así no te resta espacio para poner el contenido. Pareciera ser correcta la forma en la que la página se va profundizando en su contenido.

    Volviendo al home, habría que trabajar esa grilla ortogonal y la relación texto imagen y plano. Te pregunto si, ¿es necesario poner a los anunciantes? Me parece importante que los detectes, pero tal vez lo podés omitir. Si decidís ponerlos, ¿podrían estar en un escala menor?. Fijate el tratamiento de grises que les haces a los logos, no están tratados todos de la misma manera.

    Hay una posibilidad que es la del scroll que deberías preguntarte sí la usas o no. Y sobre todo cómo lo usas. Aparece adentro de una sección un scroll interno, fijate si te conviene trabajar con el scroll del navegador… pareciera darte más posibilidades.
    Los íconos que vinculan facebook, twitter y esa barra del buscador merecen ser rediseñados. Son parte de tu identidad. Fijate que otros íconos posibles serían pertinentes.

    Creo entender que dentro de aprendé tenes una pestaña que dice arte moderno. No te convendría que trabaje como una pesataña que abra otra ventana nueva y pensar cómo tu sitio absorbe este tipo de contenido de índole didáctico.

    Me parece muy interesante esta posibilidad de intervenir, guardar imágenes, ampliar información. Tal vez tengas que llevarlo más al campo digital y menos al campo de una aplicación o software que es cómo te está quedando ahora. El menú de interacción es muy parecido al del illustrator, o cualquier aplicación de diseño, ¿cómo podes rediseñarla?

    Fijate también como podés proponer además de una navegación más azarosa (cómo lo haces), una forma de entrada más regulada. Para establecer esa doble posibilidad. Tal vez, tu microsita requiera un logeo, para poder guardar información. Estudiá esas posibilidades. Me parece muy interesante como empezas a abordar tu microsite. Seguí trabajándolo.

    Una duda en tu explicación no entiendo a que te referís con lo de la fotografía interactiva… Te referirás a ¿infografía interactiva, no? En fin, una duda nomás!

    Nos vemos el Jueves, seguí trabajándolo!

    Saludos,

    Leandro

    ResponderEliminar