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.
Claudio:
ResponderEliminarEn relación a os mapas, creo que están mejor y que a través de los nombres ya le estás dando identidad al museo. Los elementos que usas en tu web, se nota que son un traspaso de tu manual. También me parece interesante la manera en la que se van desplegando los contenidos y como van variando en las pantallas. Lo que haría sería diferenciar un poco más la pantalla de inicio de la que ya es agendalo, porque está la misma cantidad de información en ambas pantallas. Creo que no siempre es necesario llenar todo el campo de bloques. También está bueno como usás algunos elementos multimedales en tu web.
En tu microsite, creo que si más claro y no tan azaroso como era en tu primer propuesta. Me parece que tiene los elementos multimediales necesarios. Pero igualmente creo que hace falta un poco más de desarrollo o una parte en la que se profundice más en el tema.
Eso es lo que veo hasta ahora.
Saludos!
ACLARO, RECIEN VEO QUE ME QUEDO UNA MANITO EN TODAS LAS IMÁGENES, NO ME DI CUENTA AL EXPORTARLAS!!
ResponderEliminarHola claudio! Con respecto a los arboles faltaría ver el de navegación para ver bien las interrelaciones que planteas, pero creo que en cuanto a contenidos estan bien.
ResponderEliminarHome: esta bueno las instancias que planteas, ya que se van completando las informaciones. Lo que no se, es si esta de más o no (no estoy segura) esto que planteas de que cambie de modo discursivo el menú de arriba, porque no es que cambie demasiado lo que enuncias, pensaría hasta donde te suma. Creo que justo lo hiciste en un menú en el que repiten términos.
En el desarrollo de la sección, hay ciertos lugares en donde te quedan blancos, por ejemplo la que vendria a ser la “portada” de “Fabio-Kacero” ahí abajo queda un espacio que te esta pidiendo o algun tipo de información, o algunas imágenes mas.
De todas maneras vuelvo a decirte que me parecen interesantes las instancias de navegación que planteas. Lo mismo digo en esa grilla de actividades y el microsite que tiene bastante desarrollo y empieza a tener bastantes elementos para su navegación lo que lo hace más rico.
Bueno, es todo por el momento, espero no haberte vuelto loco.
Nos vemos!
Hola Claudio! En primer lugar considero que el manejo cromático, tipográfico y morfológico ya le esta brindando ya comienza a dar identidad a tu sistema. Comprendo el código cromático que estas dando para las diferentes secciones, pero lo que si no entiendo es por que en algunas pantallas pasan a ser monocromáticas. Imagino que es por que entro en la sección, si es así creo que se contradice con la idea que tenes de identificar cada sección con un color.
ResponderEliminarUn detalle, creo que no te aporta la miscelanea de la barra en los titulares, me parece que sin la barra el carácter tipográfico se ve mas limpio y claro. Quizás puede aparecer en otro lugar pero no se si funciona en el medio del titular. Ya que lleva a la confusión si es corte de palabra o no.
Por otro lado la idea de bloques esta buenísima y considero que la estas desarrollando bien.
Ahora bien, respecto al microsite me parece super interesante la propuesta, invita al usuario de una forma divertida a aprender respecto de ciertas obras. Quizás si estaría bueno que incluya un poco mas de información, quizás mas niveles para que esta se vuelva mas rica.
Nos vemos el jueves!
Romi
Hola Claudio!! Bueno para tu tranquilidad hay ciertas decisiones que estas tomando que te ayudan a construir la identidad, sin embargo todavía tenes que “ser mas prolijo” en lo modos de uso de esas decisiones. Por ejemplo, la imagen siempre aparece sobre un plano de color, siempre la imagen posee un pequeño margen, la pregunta que te hago es la siguiente, porque ese margen nunca es el mismo?, porque varia tanto? a veces es mayor, otras menor, de que depende esto? Sino tenes una justificación valida, eso se ve como un error y no como una decisión, por lo tanto el resultado visual es desprolijo. Como estas hay varias, observa, como usas los criterios, y trata de adaptarlo a tus decisiones y formatos.
ResponderEliminarCoincido con los comentarios de las chicas, en todo lo que te dijeron tanto de la web, como en relación al sistema grafico (Romina te hizo un comentario del uso d ela banda en los titulos).
El color como lo vas a aplicar?? (tenes que explicarlo).
En el home las obras van a virar a un color? No es mejor que aparezcan en su color original y que la banda donde se apoya la información sea la del color de la sección? El color aparece en los textos? En los planos?, como interactúan entre si??
La tipografía, como vas a armar los paquetes? Que dice el primer, el segundo y el tercer nivel de lectura de los textos?, es buena visualmente la dupla de las dos tipografías que elegiste?? (creo que hay una desproporción del grosor entre ambas tipografías, creo que te conviene trabajar con variables tipográficas)
Compositivamente, trabajas con una grilla, trata que esa grilla no se vuelva monótona, rígida. Usala para ordenar, jerarquizar, etc. Fijate como ordenar los elementos por prioridades, que porcentaje de ocupación propones para cada información? Con cuanta información cantas en el home? Como la jerarquizas?
Coincido con las chicas el home y la pestaña Agendalo son iguales. Teniendo la grilla para componer y estructurar, tendrías que aprovechar mas la misma y generar distintas puestas.
Propone un sistema de iconos, por ejemplo los vectores para pasar información, los iconos para mostrar que hay mas ejemplos (exploracion de fotos por ejemplo) que otros iconos podes incorporar? Como van a ser gráficamente? Y que usos podes darle?.
Asi como el home y la pestaña Agendalo, son iguales, me parece interesante, que propongas una pestaña totalmente tipográfica (solo texto). Aprovecha ese espacio, rearmalo según lo que te puse antes del uso de la tipografía. También tene en cuenta, como es el uso de la grilla en estas pantallas, su aplicación debe ser según los mismos criterios que utilizas cuando hay imagen.
Cero que lo tipográfico, esta mejor aplicado en la pestaña de contenidos interactivos.
Coincido con las chicas que parecerla que falta mas información o mas desarrollo, en teoría en el mapa de contenidos, hay mas información, para el jueves trata de tenerla completa para la pre entrega.
En cuanto a los recursos de navegación, seguí trabajando de esta manera (ya habamos en clase que tenes buenas decisiones en cuanto es e aspecto)
Nos vemos el jueves
Saludos
Adriana