Presentación TP4

Entrega digital

En el video vemos un espacio a color, el cual pasa a escalas de grises resaltando solamente las tres escalas. En el primer enfoque vemos a una chica sosteniendo un objeto de madera, el cual ha sido golpeado por ella desintegrándolo (escala háptica). En el segundo enfoque observamos a un niño jugando con una piñata, por lo que al golpearla se rompe (escala humana). Por último, el tercer enfoque muestra un televisor que está pasando un film de un astronauta observando un cuerpo del espacio fragmentado, el cual aparece flotando por la gravedad.

 

Entrega analógica

En el plotter se encuantra el fontomontaje de las tres escalas, cada una con su respectiva descripción, al igual que con el fotomontaje del conjunto de todas las escalas en un mismo fondo. En todas éstas, se aprecia el gen con distintas materialidades y distintas acciones que se desarrollan en cuanto al mismo.
El diseño del plotter está conformado por un color de fondo perteneciente a la familia del color del gen de origen; con inclusiones de fragmentos en negro, gris y algunos en  blanco, para tener presente el concepto elegido de fragmentación. Así mismo, los mismos mantienen un equilibrio con el color de la tipografía.

Presentación en soporte

El pase de diapositivas requiere JavaScript.

 

 

Evaluación teórica

Elección del sitio

Para realizar la evaluación teórica elegí el sitio http://www.som.com/expertise, el cual compararé con mi blog.

Causas de elección del sitio y comparación con el mio

La elección de esta página fue a causa de que contiene información sobre arquitectura, disciplina que estoy estudiando, lo cual captó mucho mi atención, ya que tiene un desarrollo bastante amplio. Por esto mismo, considero que atrapa al usuario llevándolo a investigar toda la página de manera activa y sencilla.

Por otra parte, puedo destacar la organización de la información, ya que me pareció bien clasificada y accesible para todo usuario, al igual que mi blog, considerando que ambos se caracterizan por tener un menú con distintos temas y a su vez, estos se subdividen (submenús) por otros temas que refieren al principal en cuestión. Cada uno de estos contiene información en diferentes formatos como textos, imágenes, videos (principalmente), los cuales se encuentran en diferentes publicaciones, siendo las de SOM de número elevadamente alto comparando con las de mi blog, ya que este es de carácter académico, no muy conocido, y por lo tanto, no acceden muchas personas; en cambio, la página de SOM es muy conocida al ser  “una red global de expertos” .

Ambas páginas se caracterizan por compartir con cualquier usuario intereses acerca del diseño arquitectónico, arte y tecnología (principalmente), pudiendo compartirse por diversos medios.

El nombre de SOM lleva las inciciales de los apellidos de sus fundadores Skidmore, Owings and Merrill. SOM es un estudio de ingeniería y arquitectura estadounidense fundado en Chicago en el año 1936. Este estudio ha ganado varios premios, los cuales podemos conocer a través de su sitio web, al cual analicé.

El contenido de SOM se apoya en formatos de textos y formatos multimedia (fotos y  videos principalmente) para desarrollar de manera explicativa y entendible la información que da a conocer al usuario, por los que estos formatos se encuentran íntimamente relacionados. Por otra parte, el usuario puede contactarse directamente con el operario. Dichas características son compatibles con las de mi sitio.

Sitio SOM

  • Video
  • Texto

Mi sitio

  • Imagenes
  • Texto

SOM no solo brinda información de proyectos realizados, de sus ideas, de las novedades en la construcción, de los diferentes servicios, sino también, de mostrar las experiencias en diferentes regiones, otorgar becas, dar noticias acerca de eventos, premios, prensa, venta de libros, etc.

Cualquier persona puede acceder a la información plasmada en este sitio. Los usuarios que frecuentemente están en relación con el mismo son los que tienen intereses más profundos acerca de la arquitectura, el diseño y la tecnología, ya que estas ramas son de principal interés en usuarios que ejercen ocupaciones relacionadas con estas; o simplemente usuarios que, si bien no realicen tareas relacionadas con estos temas, les da curiosidad e investigan, aunque, dependiendo del vocabulario de cada uno, el contenido será más o menos comprendido, ya que este tipo de información posee un cierto vocabulario específico en determinados contenidos, por lo tanto, el lenguaje de SOM no es tan sencillo y abierto para algunos usuarios, si en cambio el de mi sitio, ya que contiene un lenguaje comprensible para todo usuario.

Los usuarios, por medio de la navegación en el sitio de SOM pueden conocer proyectos, diseñadores, novedades en el mundo arquitectónico, el diseño, la construcción y lo último en tecnología; mientras que mi blog contiene exclusivamente desarrollo sobre trabajos prácticos acedémicos con sus respectivos desarrollos.

Por lo dicho anteriormente destaco la siguiente cita: “Todas las direcciones son equivalentes, el espectáculo se convierte en la exploración de un territorio, en un viaje a un espacio de datos […]. Nosotros nos distraemos en un espacio de ideas; en un mundo de pensamientos y de imágenes tal como aquel que existe en el cerebro y no en el proyecto de un urbanista”. Bill Viola (1988. p.71).

Considero que la estética es bastante sensata en el sitio SOM, por el empleo de colores que no suelen llamar la atención y, por lo tanto, resultan tranquilos a la vista. En cambio, mi blog presenta un fondo de color llamativo.

En ambos sitios, puede existir la posibilidad de que algún usuario con reducción de la visión no pueda identificar bien cierta tipografía u botones simples.

La  legibilidad de la tipografía en ambos sitios es discreta en cuanto al uso de diferentes fuentes, color de letras, distintas tipografías y diferentes grosores, uso de diferentes tamaños según la jerarquía.

La identidad de SOM  se caracteriza por presentar sus letras en color rojo (ya que es su logo), presentando también un diseño original en todas las plataforma,s al igual que mi sitio.

En cuanto al menú principal de SOM, tiene un tamaño de letra reducido comparándolo con las siglas de identificación del sitio, y a su vez, los submenús y la tipografía de las opciones de estos presentan una reducción en el tamaño, es decir, a mayor jerarquía, mayor tamaño de letra y viceversa, al igual que en el desarrollo de los textos. En cambio, la tipografía de mi sitio mantiene una semejanza de tamaños de letras del menú, submenús y el contenido de este.

Si bien ambos menús presentan una estética y orden diferente, tienen en común la buena organización de temas y su ubicación, en el lado superior de la pantalla y siempre visible.

Sitio SOM

  • Menú principal
  • Submenú
  • Contenido del submenú

Mi sitio

  • Menú principal
  • Submenú
  • Contenido del submenú

La tipografía de SOM es caracterizada por tener un tamaño reducido (por lo dicho anteriormente), por lo que podría resultar poco visible para ciertas personas, lo cual, en ese caso, la legibilidad no sería muy buena.

Cabe mencionar que cada vez que dejamos el cursor asentado sobre alguna de las opciones marcadas en los cuadros de las imagenes de ambos sitios, las palabras sobre las que esta apoyado el cursor, se ponen rojas, como indicio de lo que se está por seleccionar.

Por otra parte, la pagina principal de ambos sitios se caracterizan por su identidad, un menú y la presencia de una imagen en el fondo, pero estas similitudes difieren en su organización y en las características antes mencionadas.

A fin de lo explicado, destaco la afirmación de la Dra. Arq. María WElena Tosello: “[…] el antialiasing suaviza los bordes de una fuente y otorga un mejor aspecto, pero el sistema de visión humano responde mejor a bordes afilados, por lo que, en tamaños más pequeños, una fuente “suavizada” puede ser difícil de comprender […]”.

La consistencia de ambas webs es simple, comprensible y fácil de navegar, siendo de utilización rápida y eficaz (facilidad de aprendizaje), ya que todo está bien organizado en cuanto a los contenidos que se presentan en textos, y estos están acompañados por imágenes y videos, es decir, que se evidencia el uso frecuente de recursos hipermediales. Estos mismos son de buena calidad y de tamaño prudente.

Por otra parte, a las plataformas que accedemos por medio del menú principal tienen una organización diferente unas de otras, ya que algunas contienen widgets (como etiquetas, fecha de publicaciones, categorías) y otras no, presentando una imagen de tamaño relevante al ingresar a la plataforma y abajo u sobre ella el desarrollo, otras presentan la imagen y al costado de esta la información organizada en una grilla a los largo, teniendo así distintos contenidos a los que acceder, otras presentan fotos de identidad única y al costado el texto, pero estas fotos se encuentran organizadas en una presentación de archivo multimedia. En cambio, las plataformas de mi blog por las que se accede a través del menú, tienen la misma organización en cuanto al contenido.

Por lo tanto, en cuanto a la navegación de los sitios, del contenido que presentan los mismos y de la discreción de la estética, pudo destacar que “Las variables estéticas no deben imponerse sobre la usabilidad y la experiencia de los usuarios”, según afirma la Dra. Arq. Maria Elen Tosello.

La utilización de metáforas generan imágenes mentales en relación con la utilización y apreciación del contenido con las que el usuario anteriormente ha estado en relación. Estas metáforas se apoyan en las percepciones de visuales, sonoras, etc.

Acerca de la eficiencia del usuario, personalmente no he tenido ningún problema, ya que ambos sitios no presentan dificultaades al cargar la información.

En las plataformas de SOM, las distintas opciones sobre el contenido (descargar, leer más, comprar, descargar) se muestran de manera identificable, así también como se pueden observar en algunas plataformas la presencia de etiquetas, categorías o temas, las cuales, al clickearlas te llevan a toda la información referido a ella, otra semejanza más con mi blog.

Sitio SOM
Categorías y temas
Mi sitio
Etiquetas

Ley de Fitts: en ambos sitios, se utilizan botones no muy granes, lo cual, tendrían que ser de un tamaño respectivamente grande para más rapidez en funciones importantes. Estos mismos, se encuentran a los lados de la pantalla. La barra del menú se encuentra en el lado superior de la pantalla y demás herramientas a los costados, en lugares secundarios. Buena organización para un rápido manejo.

En cuanto a la reducción de latencia en la página de SOM, cuando se quiere acceder a una de las plataformas no hay prácticamente demora. Sólo observé en algunos casos (pocos) una rueda de carga del contenido.

En los videos de ambas paginas pude observar (dejando el cursor sobre el mismo) una barra con el tiempo que dura el video y cuanto tiempo llevamos viendo el mismo.

Por colores identificamos la parte del video visto (blanco en el sitio de SOM, rojo en mi sitio), la parte cargada (gris en el sitio de SOM, blanca en mi sitio) y la parte sin cargar (negro en ambos sitios).

Sitio SOM
Barra de tiempo del video
Mi sitio
Barra de tiempo del video

Refiriendo a la prevención, reconocimiento y recuperación de errores, pude experimentar un error al traducir una de las plataformas de la página de SOM, por lo que me apareció una advertencia en la parte superior, en el lateral derecho.

Al aparecer este cartel, acudí a las opciones que presentaba el mismo, las cuales daban una solución, la cual fue eficiente y rápida, ya que las mismas herramientas dan opciones sencillas de entender y solucionan los problemas al instante. Cabe destacar que el sitio presenta varios idiomas, mientras que el mio solo tiene un idioma único.

La navegación de ambos sitios ofrece un recorrido, ya que el contenido se organiza en temas y estos se subdividen en otros que están desarrollados, vinculándose de cierta manera unos temas con otros.

La navegación de la página de SOM ofrece una estructura clara (al igual que mi blog), así como también una gran cantidad de acciones que se ofrece al usuario (compra, contacto, investigación, etc), orientación permanente, accesibilidad a todo el sitio, carga rápida de la página, identificación de enlaces y demás, así como también la derivación a otras páginas, como por ejemplo, al querer efectuar la compra de una libro que se encuentra en el sitio, al cliquear la opción de “comprar”, se abre una ventana de manera automática a otra página para una información más ampliatoria acerca de esta acción, antes de efectuar la compra.

Acerca de las interfaces explorables, el sitio SOM ofrece infinitas variables, es decir, que el usuario tiene infinidad de caminos por elegir gracias al contenido extremadamente amplio, en cambio, mi sitio presenta un menor contenido de variables por no tener tanta información con el de SOM.

Ambos sitios se pueden explorar libremente y de manera sencilla, yendo de una parte a otra, y, en el caso de que el usuario esté viendo un determinado contenido y por accidente accede a otro dentro del sitio, puede retomar hacia el contenido anterior sin problemas.

Con respecto a la encontrabilidad (heurística) podemos identificar a los controles que brindan la posibilidad de acceder a determinados sitios u plataformas de manera directa. Estos botones son visibles en todo momento (facebook, twitter, instagram, entre otros), en el lado superior de la pantalla, del lado derecho en el caso de SOM, y en lado inferior a la derecha en mi blog.

Por la navegación visible podemos destacar que el usuario no se sentirá perdido dentro del sitio SOM, ya que se muestra de forma clara el camino hasta donde llegó al contenido actual, tal como se muestra en la siguiente imagen:

Estructura de la información de ambos sitios

 

 

http://www.fadu.unl.edu.ar/imd/3_practi/2017_Anexo_ET.pdf

 

 

 

 

 

 

Entrega Final: Video y Storyboard

Video

En el video representé el concepto de fragmentación mediante un cuerpo volumétrico (formado por la agrupación del gen) que, a medida que nos acercamos vemos su desintegración, es decir, vemos fragmentos de dicho cuerpo. Estos mismos, a medida que avanzamos son menos.
Para la realización del video, elegí una canción con ritmos variados que vayan al compás de las escenas.

Storyboard

Storyboard

Agrupamiento final

Al agrupamiento formado anteriormente, le agregué más componentes en la parte delantera para que se vea una cara más compacta, y al final, pequeños fragmentos aislados.
Al ir ingresando en el interior del cuerpo, se puede observar cada vez menos componentes, aludiendo a la idea de fragmentación de un cuerpo enteramente compacto, tal como se muestra en la primera imagen.