La Observación en Diseño

Exámen del Taller de 7ª Etapa

Nota: El taller de 7ª etapa de diseño gráfico trabajó, durante este tercer trimestre con las profesoras Michele Wilkomirsky y Macarena Álamos investigando y desarrollando un sistema de comunicación para la Ciudad Abierta de Amereida. El planteamiento, originado como un auto-encargo, desemboca en un proyecto que el taller aborda como una obra entre todos. A continuación doy cuenta de este proyecto, y de la materia que nos abre dentro del diseño gráfico; o más bien, las preguntas que nos deja abierta señalando el camino que debemos continuar.

Marginalia:

Su Materia

El diseño, dentro de su quehacer, involucra e integra muchas materias (materiales, artísticas, plásticas, psicosociales, económicas, culturales, comunicacionales, legales y un largo etcétera). El diseñador ha conocerlas, considerarlas e integrarlas, pero no le son propias. Lo propio del diseño, su conocimiento, radica en el diseñar mismo; en su modo de proceder, de informarse, de colaborar y, por supuesto, de materializar y dar forma. En este sentido, la observación, entendida como “la vía poética-creativa de llegar a la forma”, es la materia que siempre acompañará a todo taller.

Su Orientación

Fabio Cruz, en su clase de observación (editada en el sitio de la escuela), distingue 3 momentos, precedidos todos ellos –o detonados, más bien– por un encargo de un externo, de un otro, una solicitud que abre una ocasión. Estos momentos son:
  1. El tiempo de la observación, que constituye el fundamento (el tiempo del croquis)
  2. La dilucidación del acto, que define la meta-actividad o función que engloba todo
  3. La disputa de la forma, de cómo se resuelve la(s) pieza(s) gráfica(s) dando cabida a este acto
El el caso del diseño gráfico, que aparece como una constante en todos los proyectos, es éste “sujeto a editar” es (casi siempre) una organización. Es para una organización –de personas, por supuesto– es que hay que construir una voz, un relato y un modo de relatar, un lenguaje visual, un modo de comunicar e interactuar, etc. Es una situación donde las piezas gráficas conocidas están estructuras desde una figura anterior que les da coherencia. Son la superficie de algo mayor, son la punta del iceberg. La observación del diseño debe dilucidar este acto mayor que implica una organización. El croquis de observación tradicional, que observa al habitar humano, los espacios y las luces en las que se inserta, etc; no es suficiente. Necesitamos más dimensiones, u otras dimensiones. Además de habitar la extensión común y corriente, habitamos una “extensión inextensa” como la que recorrió el poeta Dante en su travesía entre el infierno y el cielo. Se hace necesario un modo de ver, de registrar, de relacionar y de fijar que nos permita penetrar en esta realidad. En una suerte de triangulación matemática, similar al trabajo de los primeros cartógrafos que debían deducir un mapa a partir de observaciones parciales de la costa, mediciones estelares y temporales, de vientos y corrientes. Ese mapa –nunca antes visto– era sólo comparable a cómo nosotros, seres humanos, nos imaginabamos observados por un Dios que está en el cielo. ¿Cómo es este mapa? ¿Cómo ha de darse este juego “del pensar algebraico” para desencadenar otro lenguaje? Tampoco hay que olvidar que el sentido poético de la observación es elogiar, para poder entrar en la maravilla del ver por primera vez, para poder crear otra realidad. Es desde una mirada de elogio es que podemos realmente originar. Es por esto, que para nosotros, diseñadores gráficos embarcados por este encargo en la construcción de un sistema complejo de comunicación, que debe reconocer a la corporación cultural amereida con un planteamiento propio, con un patrimonio cultural y material (la Ciudad Abierta), con extensión natural (el parque eco-cultural), con su contexto urbano y legal; debemos tener una figura o imagen que nos permita desencadenar obras gráficas: imagen, arquitectura de contenidos, sitio web, sistema de señalética y regalo para quienes la visitan. Creo que la clave de esto puede estar en la pintura. Los cubistas o surrealistas (no lo se), en este ánimo de ver más allá, comenzaron un lenguaje de elogio y de invensión de la mirada. En este sentido, Heidegger nombra esta voluntad por acceder a esta verdad como aletheia, y para nosotros, dibujos para dilucidar. Este lenguaje de modelos articula el paso hacia la disputa de la forma.

Su forma

Ha de darse en el continuo diálogo entre la mente que abstae-decide y la mano que interpreta y ejecuta, en una constante iteración que va refinando y precisando la forma, alcanzando su justeza y alivianando su estructura. El taller es una organización, un órgano. Pero, para que opere como tal, debe compartir esta nueva observación, y por ello, se hace preciso que se constituya como lenguaje. Éste es el camino que ya emprendimos.

12 de Diciembre de 2013

Partituras de Interacción

Este lenguaje visual propone un sistema de notación gráfica para formalizar los flujos de interacción en una plataforma o servicio digital.

Descargar

Estos archivos están bajo licencia Creative Commons Atribución-Licenciar Igual 2.0 Chile desarrollado en la e[ad] Escuela de Arquitectura y Diseño por Katherine Exss (2007-2008) y Nicole Dupré (2008) como proyecto de título de Diseño Gráfico.

* Actualización: Estos archivos se mantienen actualmente en Github para facilitar su permanente modificación y extensión.

Introducción

La complejidad de un proyecto de desarrollo Web requiere de una metodología escalonada que normalmente es abordada por un equipo multidisciplinario. Dentro de este proceso podemos distinguir:

  1. Estrategia
  2. Investigación de usuarios
  3. Definición de arquitectura de información
  4. Definición de interacción
  5. Diseño de interfaz
  6. Producción
  7. Testeo

A lo largo de este proceso, los lenguajes de representación y formalización (mapas de navegación, wireframes, esquemas de datos, diagramas de flujo, etc.) van marcando cada etapa pero carecemos de un sistema que permita transversalizar el producto final: la experiencia del usuario.

Este lenguaje propone un sistema de notación que pueda acompañar el proyecto desde la etapa de estrategia (alto grado de abstracción) hasta la etapa final de implementación en código (alto grado de especificidad), permitiendo a cada actor del proyecto (estrategas, diseñadores y programadores) comprender el total y cuidar el cumplimiento de la visión original. Se trata de un sistema que permite coreografiar y orquestar cuidadamente el díagolo en continuidad entre la persona y el servicio.

Cómo funciona

Las partituras de interacción descomponen el diálogo entre la persona y el servicio en 3 distintas capas horizontales:

  1. Acciones del usuario: la intencionalidad del usuario expresada en sus acciones concretas
    ———————— línea de interacción ————————
  2. Contacto directo: los elementos de interfaz que permiten al usuario ejecutar tales acciones
    ———————— línea de visibilidad ————————
  3. Proceso: las funciones que permiten al sistema (servidor) dar respuesta en el diálogo con el usuario

Cada módulo de interacción se compone como un compás en esta partitura. Estos compases (o patrones de interacción) permiten ensamblarse para verificar la lógica y la calidad de la experiencia en determinados escenarios de uso, así como detectar incosistencias o puntos críticos en el servicio.

Esperamos que esta herramienta se constituya como una ayuda para el desarrollo de aplicaciones y servicios para Internet, así como un facilitador del diálogo dentro de los equipos de diseño.

Este proyecto se encuentra en fase de evaluación, por lo tanto, para poder avanzar en su afinación es de vital contar con tus comentarios.

Links

Partituras de Interacción

Este lenguaje visual propone un sistema de notación gráfica para formalizar los flujos de interacción en una plataforma o servicio digital.

Descargar

Estos archivos están bajo licencia Creative Commons Atribución-Licenciar Igual 2.0 Chile desarrollado en la e[ad] Escuela de Arquitectura y Diseño por Katherine Exss (2007-2008) y Nicole Dupré (2008) como proyecto de título de Diseño Gráfico. Update: La última versión de las partituras se encuentra en Github.

Introducción

La complejidad de un proyecto de desarrollo Web requiere de una metodología escalonada que normalmente es abordada por un equipo multidisciplinario. Dentro de este proceso podemos distinguir:
  1. Estrategia
  2. Investigación de usuarios
  3. Definición de arquitectura de información
  4. Definición de interacción
  5. Diseño de interfaz
  6. Producción
  7. Testeo
A lo largo de este proceso, los lenguajes de representación y formalización (mapas de navegación, wireframes, esquemas de datos, diagramas de flujo, etc.) van marcando cada etapa pero carecemos de un sistema que permita transversalizar el producto final: la experiencia del usuario. Este lenguaje propone un sistema de notación que pueda acompañar el proyecto desde la etapa de estrategia (alto grado de abstracción) hasta la etapa final de implementación en código (alto grado de especificidad), permitiendo a cada actor del proyecto (estrategas, diseñadores y programadores) comprender el total y cuidar el cumplimiento de la visión original. Se trata de un sistema que permite coreografiar y orquestar cuidadamente el díagolo en continuidad entre la persona y el servicio.

Cómo funciona

Las partituras de interacción descomponen el diálogo entre la persona y el servicio en 3 distintas capas horizontales:
  1. Acciones del usuario: la intensionalidad del usuario expresada en sus acciones concretas ———————— línea de interacción ————————
  2. Contacto directo: los elementos de interfaz que permiten al usuario ejecutar tales acciones ———————— línea de visibilidad ————————
  3. Proceso: las funciones que permiten al sistema (servidor) dar respuesta en el diálogo con el usuario
Cada módulo de interacción se compone como un compás en esta partitura. Estos compases (o patrones de interacción) permiten ensamblarse para verificar la lógica y la calidad de la experiencia en determinados escenarios de uso, así como detectar incosistencias o puntos críticos en el servicio. Esperamos que esta herramienta se constituya como una ayuda para el desarrollo de aplicaciones y servicios para Internet, así como un facilitador del diálogo dentro de los equipos de diseño. Este proyecto se encuentra en fase de evaluación, por lo tanto, para poder avanzar en su afinación es de vital contar con tus comentarios.

Links