Visualización de datos y comunicación
Objetivos
• Diseñar una visualización que comunique una reflexión crítica del proceso de diseño del TP3
• Abstraer y conceptualizar las distintas etapas del proceso realizado.
• Ejercitar criterios de selección, jerarquíay filtrado en la construcción de un mensaje.
• Establecer relaciones y analogías, a partir de reflexionar e interpretar la experiencia
ENTREGA REALIZADA:
.
Nube de palabras en relacion a lo trabajado con el concepto de FLEXIBILIDAD
Pre-Entrega realizada del Trabajo Práctico Nº4.
Video correspondiente a la entrega final del Trabajo Practico Nº 3
Para la creación del vídeo que se desarrolla en este practico, se crea una maqueta en el programa Sketch Up, es por eso que dejo aquí una muestra de la formación final de la misma:
IMÁGENES PERIFÉRICAS:
IMÁGENES INMERSIVAS:
Para la realización del análisis y desarrollo del sitio web seleccionado, utilice como base y apoyo la Guía de aspectos a considerar en el diseño y experimentación personal de espacios-interfaz de Autor: M.Sc. Arq. María Tosello, el cual fue entregado por la cátedra como anexo a la consigna.
Se analizaran las siguientes dimensiones interdependientes: Social y Comunicacional (aspectos estéticos (gráficos), lingüísticos, de usabilidad e interacción, de navegación y orientación espacial).
ASPECTOS VINCULADOS A LA INTERFAZ GRÁFICA
La estética, que presenta el sitio es adecuada para aquello que desea informar, ya que no agrega información irrelevante la cual puede llegar a disminuir su visibilidad relativa. Se observa que no coloca ningún elemento “decorativo” que pueda confundir al usuario.
En relación a la identidad este sitio posee una facilidad de localización de la información muy significante, ya que cuenta con un logo en la parte superior izquierda, una barra de contacto via mail, contactos por medio de redes sociales, la barra de menú que se encarga de estructurar la informacion y como cierre el cuerpo donde se adjuntan las publicaciones de los trabajos.
La elección de los colores en el sitio, se observa la dominancia del blanco y negro, lo que permite que las publicaciones de los trabajos tengan un interés mayor en los visitantes; mientras que el nombre de los clientes se encuentra en color rosa y la explicación del trabajo en blanco.
La pagina posee consistencia para indicar accesos directos a diferentes sectores de la misma, como es el caso de la palabra “TOP” que se encuentra en amarillo al final de cada publicación y que al acceder a él te redirige automáticamente a la parte superior de la pagina.
La legibilidad de los textos se produce con facilidad gracias a que posee un correcto uso de la tipografia, dandole jerarquia a los mismos a travez de los tamaños y grosor de las letras.
ASPECTOS VINCULADOS A LA INTERACCIÓN
A esta segunda parte de análisis, se lo relaciona con el ya analizado, ya que aquí se puede percibir un vocabulario que utilizan los usuarios, siendo asi un sitio de fácil comprensión evitando que los términos que se utilizan presten a confusiones.
La forma de organización de la información es de facilidad aprendizaje, debido que su barra de menús permite al usuario un mayor desenvolvimiento dentro del mismo, además de favorecer una forma mas rápida, practica y segura de recoger la información Ley de Fitts.
Pude analizar que el sitio proporciona Eficiencia del usuario, esto ocurre por el hecho de que no cuenta con gráficos de tamaño significativo, favoreciendo al usuario en lo que respecta a esperar a que se cargue la información para poder navegar (Reducción de latencia).
ASPECTOS VINCULADOS A LA NAVEGACIÓN y ORIENTACIÓN ESPACIAL
La navegación dentro del sitio es clara e intuitiva, gracias a su barra de menus que consta de las diferentes categorías. Las interfaces son explorables y abiertas ya que si quieres cambiar de categoría se puede realizar desde cualquier página dentro del sitio. Al momento de acceder a un link que se encuenta dentro del sitio, este te abre otra pestaña, para poder permanecer en el sitio sin ningún tipo de inconveniente, es por ello que la navegación es libre, visible, de fácil comprensión y de manejo dentro de esta.
1)
2)
3)
4)
5)
6)
Para la realización de la evaluación teórica, se debe realizar un el análisis de uno de los sitios web propuestos por la cátedra, el cual debe responder a la relación con la disciplina estudiada. Es por ello que decidí, luego de observar e investigar los diferentes sitios propuestos por la cátedra, seleccionar el sitio web http://www.neodg.com.ar/neodg2007/index.php para llevar a cabo la evaluación teórica. Esta elección se baso por un interés personal sobre el sitio, además de que cuenta con gran cantidad de información, la cual se relaciona con la carrera que me encuentro estudiando (Licenciatura en Diseño de la Comunicación Visual), otra cosa que llamo mi curiosidad a la hora de la elección es que es un sitio argentino el cual realiza trabajos a nivel internacional.
Acerca del mismos, podemos comentar que NeoDG es un estudio de diseño y comunicación visual en el cual trabajan
un equipo de profesionales de marketing, comunicación, ilustración y tecnología; donde su principal objetivo es comunicar, a partir de una propuesta visual innovadora y una base conceptual solida.
En el sitio web, se publican los trabajos que llevan a cabo, entre los que podemos encontrar videoclips, editado de videos de conciertos, cortometrajes, packaging, afiches para campañas de concientización, entre otros.
A partir de la construcción digital de la maqueta, se la exporto a Pepakura, se la imprimió y armo. Luego en la subcomision se realizo un trabajo que consistía en armar una maqueta grupal respetando el concepto de flexibilidad. Esta consistió en el armado de una maqueta con alambre, colgada de los armazones de luz y del proyector de una de las aulas para representar el concepto.
MAQUETA INDIVIDUAL
ARMADO DE MAQUETA GRUPAL:
Construcción en 3 dimensiones / Re-presentación del Plano al Espacio y del Espacio al Plano
A partir del concepto de Flexibilidad asignado por el docente de cada subcomisión, se desarrolló una actividad de generación, transformación y edición, en la que se ve reflejado el concepto. Luego se deben seleccionar las caras del modelo a las que se les aplica un tratamiento de superficie tambien relacionado en este caso a flexibilidad.
Trama seleccionada.
Maqueta, con sus respectivas vistas y despliegue:
Aquí les dejo diez imágenes que le ayudaran a comprender el concepto de flexibilidad en lo que refiere a arquitectura y diseño:
Florencia Grasso - IMD 2014 