Infografia

Proceso Infografia

Animación

MUTACION_IMD

Análisis

El sitio seleccionado se trata de Asimptote Architecture

http://www.asymptote.net/

Aspectos vinculados a la Interfaz gráfica

Estética: tiene un marcado diseño minimalista, simple y ordenado,  rápido acceso a la información, gráfico y dinámico.

Identidad: Hay un buen manejo mostrar la información, llama la atención las imágenes que van corriendo solas (slider) con buena resolución y contraste, un pequeño cartel describe la imagen breve mente que mediante recurso hipermediales te amplia la informacion dándole clic. Los botones en la barra superior organiza la información total del sitio en cuatro botones.

Color: Tratándose de un diseño minimista la paleta de colores es muy limitada, corresponde a la gama de los grises y pocas oportunidades títulos en color cyan. también algunos hipervinculos cambian de color al posicionarse sobre el mismo.

Legibilidad: Buen contraste en la legibilidad, color gris oscuro de la tipografía reduce la fatiga visual, hay una sutil jerarquía en títulos y subtitulo.

Consistencia: La información descriptiva se organiza en dos columnas, por un lado tenemos la columna izquierda con el texto descriptivo, con un ancho correcto del mismo ayuda a la lectura fluida y no perder de vista el renglón inferior; por el derecho se muestra la información de las características.

Uso de metáforas y objetos estándar: Un recurso a destacar es el uso del planisferio, para reconocer rápidamente los lugares intervenidos y la cantidad a simple vista, esto se convierte en un atractivo y objeto de interés para el usuario.

Aspectos vinculados a la interacción

Utilizar el lenguaje de los usuarios: Volvemos a evocar el mapa, recurso para evocar lo familiar reconocible global mente y agilizar el aprendizaje.

Por otro lado en el inicio de la pagina se destaca el slider de las imágenes, se trata de la principal usabilidad, y este va pasando las imágenes a modo de mostrar al usuario su porfolio de obras.

Eficiencia del usuario: idem item anterior.

Ley de fitts: Las imágenes en la pagina de inicio, al ser de gran tamaño y tratándose de botones hipermediales, agilizan el tiempo de espera llevando directamente a la información de la obra que se esta mostrando; manualmente seria trabajos->edificio de todos los tipos->elegir obra>información (reduce cuatro pasos en uno).

Reducción de latencia: si bien este aspecto no esta explotado, si hay pequeñas acciones que reducen la latencia.

Al clicear sobre las imágenes aparece un anillo que simboliza que esta cargando:

Al posicionarse sobre un hipervinculo cambia el puntero (en imágenes) o cambia el color del texto.

Prevención, reconocimiento y recuperación de errores: se realiza una pre visualización de las obras, mostrando al usuario el repertorio de las principales obras del estudio, con el propósito de dar un adelanto de lo que se trata el sitio y con lo que va a encontrar en la misma.

Aspectos vinculados a la navegación y orientación espacial

Navegación: La pagina de inicio cuenta con la siguiente estructura

1)Botón con el nombre del sitio, manteniéndose visible permanentemente permitiendo volver a la pagina de inicio.

2)Buscador

3)Imágenes--> información detallada de las obras

4)Pestañas:

I_Trabajo

En esta pestaña se ordenan los proyectos por:

_Recientes-->imágenes de las obras-->información detallada

_Por apología-->imágenes por tipo logia-->imágenes de las obras-->información detallada

_por localización-->planisferio-->mapa por región

_planes maestros-->imágenes de las obras-->información detallada

_instalaciones y los interiores-->imágenes por tipo logia-->imágenes de las obras-->información detallada

_arte y diseño-->imágenes de las obras-->información detallada

_vídeo y multimedia-->imágenes por tipo logia-->imágenes de las obras-->información detallada

_mapa de ubicación-->planisferio-->mapa por región

II_acerca de:

_asintota-->información detallada

_filosofía de diseño-->información detallada

_socios fundadores-->información detallada

_estudio-->información detallada

_publicaciones-->información detallada

III_contacto:

_ubicación-->información detallada

_contacto-->posibilidad de contactarse con los autores

_trabajos-->información detallada

IV_noticias:

presenta una serie imágenes con una breve descripción (botones hipermediales) que permiten ampliar la información.

Interfaces explorables: en el sitio nos encontramos con diferentes recorridos de llegar a la información, desde la pagina de inicio sobre las imágenes, otro camino por medio del planisferio, y otro por medio de trabajos realizados y el tipo de obra.

Encontrabilidad (heurística): Toda la información que posee el sitio se resume en las pestañas superiores, manteniéndose visibles en todo momento, de manera que el usuario no deba volver paso a paso hasta el inicio, puedo saltar pasos, sin mapas tan complejos, y reduce el tiempo de navegación para el usuario.

Sinopsis

El sitio seleccionado es de la compañía Asymptote Architecture, un estudio de arquitectura.

Reconocible a simple vista se trata de un diseño minimista, un arte que se ve plasmado en sus obras, podríamos decir que el planteamiento es acertado y permite destacar las imágenes e impactar al usuario.

En la pagina de inicio se muestran las obras en imágenes, estas se deslizan y cambian automáticamente y en segundos ser capaz de tener un amplio conocimiento visual de las obras mas destacas del estudio, estimulando a un usuario dinámico, y simplemente dándoles clic ampliar la descripción detallada de la misma.

La información que podemos encontrar es muy completa en cuanto a los medios (descriptiva, imagen, vídeos).Su principal fuente es la imagen y apoya esta con textos descriptivo, el uso de vídeos permite una relación mas cercana con los autores y con el proyecto en si. Cabe destacar la utilización del mapa e invitar al usuario a hacer una visita a los lugares de implantación de sus obras, este recurso permite ubicar rápidamente los trabajos y poner en evidencia su alcance a nivel global.

La información al estar correctamente ordenada es fácil manipularla, por un lado los trabajos realizados, por otro datos acerca de ellos, establecer contacto, y noticias de interés tratándose de enlaces hipermediales, permitiendo ampliar la información indefinidamente.

Modelo 3d

Vectorizado