www.morphosis.net DISEÑO DE LA INFORMACIÓN PRODUCTO: El producto en sí se refiere a la producción de obras de este estudio de arquitectura. PÚBLICO: Como en todos estos casos suele ser el especializado en el tema pero no se descarta de ninguna manera al que se sienta atraído por la página por algún otro motivo, un usuario casual, por ejemplo puede que se sienta motivado por enfrentarse a la experiencia de visitar este sitio. OBJETIVOS: El objetivo principal es dar a conocer la obra del estudio como así también todo lo referente al estudio en sí. ORGANIZACIÓN DE LA INFORMACIÓN: El contenido de la información incluida en el sitio se refiere a documentación de los trabajos y productos de este estudio: datos e imágenes. También se incluye la información referente a datos del estudio en sí o en relación a ellos: filosofía, colaboradores, clientes, bibliografía, premios y direcciones de contacto. La organización de la información es clara, los contenidos se encuentran categorizados, jerarquizados, organizados y agrupados convenientemente. El contenido se estructura a partir de tres grandes grupos: trabajos, productos e información. Cada uno de ellos contiene subestructuras que categorizan la información según diferentes parámetros (filtros). Un apartado especial lo constituye una sección con cinco variables de futuros proyectos. La naturaleza de la información disponible es tanto alfanumérica como gráfica. La relación entre ambas está bastante equilibrada. Las imágenes fotográficas se encuentran presentes en casi todas las páginas del sitio y el texto nunca es demasiado extenso. Este equilibrio hace navegar por el sitio no suponga una experiencia tortuosa ni aburrida. Un hecho curioso es que todas las imágenes son fotografías de la maqueta o de la obra construida o imágenes digitales fotorealistas en 3 dimensiones a partir de programas de creación y edición de imagen. No existen los planos técnicos, no hay alzadas, las plantas ni los cortes. Queda esto como carencia para el usuario especializado que acude al sitio en busca de esta información en concreto. DISEÑO DE LA NAVEGACIÓN Lo primero que debemos aclarar respeto a este tema es que este sitio no cuenta con página de inicio y enlaces a páginas dentro del mismo sitio. En realidad todo el sitio es una presentación en Flash, si bien el usuario tendrá la sensación de navegar por el sitio, la dirección URL es siempre la misma. De esto se deduce que el sitio no cuenta página principal y secundarias sino que se trata siempre de la misma página. La interfaz es siempre la misma y se comporta como soporte para que el usuario explore la página eligiendo opciones que se generan sobre este fondo continuó. Algunos de los inconvenientes que trae aparejado este modo de presentación son: no permite copiar y pegar, no se puede traducir, al volver hacia atrás con el explorador inevitablemente se repetirá la presentación. 1
Un hecho digno de apuntar es que cada vez que el usuario entra al sitio la imagen fotográfica y la obra que se presenta no es siempre la misma sino que varía aleatoriamente. En total son cinco las alternativas de estos cambios. Cuando recién se accede al sitio una serie de pequeñas figuras cuadrados quedan flotando por la pantalla. El usuario en principio puede pensar que aún no ha terminado de realizarse la presentación. En realidad se trata de un efecto por intentar dar la sensación de gravedad 0. Este efecto puede activarse o desactivarse a partir de un comando off/on que el usuario manipula según su deseo. Las figuras se mueven por la pantalla como si flotaran Al activar la gravedad las figuras caen en la parte baja de la pantalla. Además de esto, el usuario cuenta otros de controles que le permiten intervenir con que sucede en la pantalla. La barra de desplazamiento, tanto horizontal como vertical, a los lados de la foto no es para desplazarse por ella (esto puede pensar intuitivamente el usuario) sino para desplazar.y cambiar de lugar los menú que de despliegan sobre la imagen. Estos menús se mueven en conjunto, se comportan como un bloque, como una película por encima del soporte. 2
Cuando el usuario selecciona un determinada opción del menú desplegado, esta cambia el color de su fondo a la vez que una espacie de sombra proyectada invade el entorno. DETALLE DEL ICONO SELECCIONADO La interfaz cuenta con gran cantidad de controles para que el usuario manipule e interactúe con el sitio: Las fotos o imágenes digitales fotorealistas de cada proyecto son presentadas en imágenes pequeñas a modo de catálogo y pueden ser ampliadas para que se proyecten en el rectángulo central. A la vez se ofrece la posibilidad de que el usuario oriente la imagen sobre determinado sector y la recorra por medio de un navegador. Imagen seleccionada CATALOGO DE IMÀGENES Sección de la imagen seleccionada A la hora de buscar determinado proyecto el usuario cuenta con un motor de búsqueda en donde se pueden definir los parámetros o filtros para tal fin. Para iniciar una nueva búsqueda se ofrece un botón especial que borra los filtros antes seleccionados. 3
Menú principal de filtros Submenú de filtro. Borra los filtros seleccionados para iniciar una nueva búsqueda. Los proyectos visitados por el usuario en una sesión son almacenados de manera temporaria durante la misma. De esta manera el usuario puede acceder a un proyecto ya visto sin la necesidad de buscarlo nuevamente. DISEÑO DE LA PRESENTACIÓN El lenguaje visual de los elementos que componen este sitio está pensado para darle un determinado estilo al sitio. La apariencia visual refleja un lenguaje propio del estilo multimedia. La gran cantidad de controles, botones y navegadotes, nos remiten siempre a la era de la informática en la que estamos inmersos. Es así como el aspecto visual busca reflejar la era de la modernidad y de la alta tecnología, siendo consecuente con la producción arquitectónica de este estudio de arquitectos inscripta en esta marco. Son muchos los recursos usados para alcanzar este estilo: la tipografía pixelada (propia del ordenador), la sensación de gravedad 0, los buscadores y la manera futurista de mostrar determinadas imágenes. Todas estas expresiones nos remiten a la era digital. Este estilo se mantiene a medida que navegamos el sitio por lo que podemos decir que estamos ante un sitio consistente a nivel visual. A medida que enlazamos links dentro del sitio las características son similares, el estilo se mantiene. 4
INICIO ENLACE 1 ENLACE 2 Los colores usados son dos: el blanco y el magenta, fondo blanco y texto en magenta. La legibilidad de la tipografía es óptima, en este fragmento de tamaño real de lo que se ve en pantalla nos permite comparar la legibilidad de un texto de la página web con el texto de esta página y sacar nuestras propias conclusiones acerca de la legibilidad. El hecho de no haber justificado el texto se debe al estilo que intenta dársele al sitio, que parezca tipeado con máquina de escribir. CONCLUSION: Es un buen sitio con una propuesta interesante aunque el estilo usado es unos de los arquetipos usados en el diseño de paginas. Web. Más allá de los reproches que puede hacérsele al tratarse de una presentación única en flash, funcionalmente es consistente. El sitio presenta gran cantidad de interacciones con el usuario que lo invitan a enfrentarse a la experiencia. 5