PSICOGEOGRAFÍA

YELLOW ARROW

Yellow Arrow es un proyecto de arte público que genera experiencias basadas en el descubrimiento de espacios secretos y escondidos de la ciudad.  Usa stickers, telefonía mobile y participantes de la comunidad internacional, transformando el paisaje urbano en un mapa de historias y experiencias cotidianas.

CONFLUX
Conflux es un festival de “psicogeografía contemporánea” que se realiza anualmente en Nueva York. Investiga la vida urbana y cotidiana a travéz de prácticas artísticas y sociales usando nuevas tecnologías.  Participan en Conflux artistas visuales y sonoros, escritores, paseantes urbanos, a fin de explorar el espacio público de la cuidad de una manera experimental.

IMPROV EVERYWHERE
Colectivo que realiza intervenciones/performances tipo “happenings” en distintos lugares de la cuidad causando escenas de caos y euforia en espacios públicos.

CREATIVE PRACTICES FOR NARRATIVE ENVIRONMENTS
Maestria de la Universiad de Central Saint Martins en Londres
“Walk into a museum, supermarket, corporate headquarters or any large public space and a story is being told. How, what and why are some of the questions you’ll be asking on this new type of Master of Arts.”

EXCUSE ME IS THAT A WORK OF ART
Excuse me, is this a work of art?” es una intervención en museos de arte contemporáneo. El proyecto busca hacer un comentario sobre la confusión y a veces el absurdo de las obras de arte conceptual y su papel en los museos. La primera estapa del proyecto tuvo logar en en  MoMA de Nueva York en abril de 2007.

IN THE MOOD FOR MOMA
“Is the first phase of an experimental project that proposes new ways of experiencing museums.
By answering the question “how are you feeling today”, the visitors make a choice that will determine the way they move through the museum and the works of art or other objects they will see during their journey”.

BANKSY
Artista / graffitero Ingles que ha realizado multiples intervenciones en espacios públicos de manera incógnita.

PROYECTO FINAL

LAS CIUDADES INVISIBLES

Trabajo en grupos de 4 personas
Inicio: Lunes 13 de abril de 2009

BRIEF

¿Cómo recrear una ciudad imaginada a través de sistemas de información-orientación?

¿Cuáles y cómo serían esos sistemas de información-orientación?

OBJETIVOS

- Comprender la naturaleza de la ciudad escogida, entendiendo que de su complejidad derivan su identidad y las oportunidades de diseño para las propuestas de aplicación.
- Planear un sistema que incorpore distintos tipos de soluciones de información-orientación que podrían existir para un viajero que visitara una esa ciudad escogida.
- Desarrollar la propuesta de aplicación teniendo en cuenta las temáticas vistas en clase: diseño instruccional, visualización de información, mapas, señales.

¿QUÉ DEBEN HACER?

- Escoger uno de los tres cuentos de “Ciudades Invisibles” de Italo Calvino, propuestos para cada grupo.

- Identificar aspectos significativos y esenciales de la historia.

- Analizar la información: establecer las posibles conexiones entre las variables o datos encontrados para convertirlos en información.

- Definir un criterio para mostrar la ciudad a un viajero que decidiera ir a conocerla / recorrerla / habitarla. Es importante asignarle una ubicación geográfica a esa ciudad. (No dentro de otros mundos fantásticos y otras épocas, sino en el mundo tal y como lo conocemos hoy en día, por ejemplo, “la ciudad estaría en Viena, en un desierto en USA o en el Chocó”). El viajero a su vez, aunque sea imaginado, no debe ser un ser
ajeno a este mundo y a este tiempo.

- De acuerdo con ese criterio, proponer soluciones de diseño relacionadas con las temáticas vistas en clase, que pudieran dar información y orientar a ese viajero.

- Con base en las soluciones que el grupo proponga, se debe complementar la información dada en el cuento, con el fin de poder tener una idea más clara de la estructura y dinámicas de la ciudad (esto supone imaginar, y darle continuidad y coherencia al texto original).

*Partiendo de la base de que las ciudades propuestas podrían no ser fáciles de aprehender por este tipo de viajero, uno de los objetivos del proyecto es el de proponer soluciones para hacer más comprensibles y accesibles esos mundos imaginarios.

CRONOGRAMA

Lunes 13 de abril
Se entrega la información del proyecto a los estudiantes

Miércoles 15 de abril
Definir los grupos de trabajo
Se envían por mail los cuentos asignados para cada grupo. De ahí se escoge uno.

Miércoles 22 de abril
Se presentarán los siguientes avances por parte de los estudiantes
1. Según el cuento escogido: análisis, cómo es esa ciudad?. Mapa conceptual
2. PRIMERA APROXIMACIÓN: Propuesta de sistema de información-orientación: enfoque y objetivos del proyecto, que tipo de información se le dará al visitante y bajo que criterios? Cual será la lógica del sistema?
Que se señalizará? Que se mapeará? Que se visualizará? Sobre que se darán instrucciones?

Viernes 24 de abril
- Propuesta gráfica inicial de todos los elementos del sistema. Plan general de trabajo, esquema general del proyecto / mapa conceptual.
- Como funcionarían estos en el espacio físico?

Lunes 27 de abril
- Entrega de informe de avances. Contiene:
- La ciudad. Cómo es físicamente: ubicación geográfica, arquitectura, paisaje, clima, vegetación, accesos, vías, etc. / Cómo es su “personalidad”: dinámicas, ritmos, maneras de habitarla y recorrerla, etc.
- Los habitantes. Cómo son: lo físico, la personalidad, los hábitos, etc.
- Los viajeros. Cómo son y que determina su viaje a la ciudad. Qué buscan y qué pueden encontrar allá, etc.
- Qué tipo de experiencia piensan ofrecerle al viajero, qué necesidades plantea esto y cómo pueden proponer soluciones de diseño: identidad de la ciudad, soluciones gráficas, inventario de estrategias y elementos de información y orientación, cómo son, cómo funcionan, formato, ubicación, etc.
- Referentes: todo lo revisado ya y lo que les ha servido de eso, y los que están pendientes (libros, revistas, peliculas, videos, música, etc.)
- Plan de trabajo: cronograma para las 3 semanas que quedan de trabajo (la última es para imprimir, armar, montar y presentar). Esquema de trabajo en grupo, cómo se organizan los integrantes.

Miércoles 29 de abril
Entrega primera fase de avances. Incluye:
- Entrega del informe impreso que era para hoy
- Presentación proyectada de avances

Viernes 1 de abril / festivo

Lunes 4, Miércoles 6
Revisión de avances

Viernes 8 de abril
Entrega segunda fase de avances. Incluye:
- Presentación proyectada de avances
- Impresión de algunas muestras

Lunes 11, Miércoles 13

Viernes 15 de abril
NOTA 1. Desarrollo: avances, cumplimiento en casa fase, conclusiones.

Preentrega
Se evaluará:

-desarrollo: avances, cumplimiento en casa fase
-conclusiones
-presentación completa de los resultados (aquí ya no vamos a ver proceso anterior)
-prototipos (en versión económica)

Lunes 18, Miércoles 20
Trabajo individual, cada uno da forma final a su trabajo según las observaciones hechas en la preentrega y lo que considere pertinente para finalizar su proyecto.

Martes 19
Ver entrega de grupo de Diseño de Información de Los Andes.

Viernes 22
NOTA 2. Propuesta de diseño (incluye avances desde la preentrega) y presentación.

Entrega final
Incluye propuesta de diseño y bitácora digital de proceso y resultado.

A. PRESENTACIÓN PROYECTADA
Contiene las siguientes diapositivas:
1. Portada (con el nombre e imagen de la ciudad)
2. El cuento de Calvino que escogieron
3. Análisis de ese cuento. Conceptos básicos que definen la ciudad y/o sus habitantes
4. Objetivos de su propuesta (qué quieren mostrar de la ciudad, cómo y a quién -viajero)
5. Propuesta (Aquí escriben un texto corto que defina la pauta de diseño, criterios de imagen, identificador, paleta de color, tipografía, etc…)
5.1. Proceso (no todo. lo que consideren pertinente)
5.2. Resultados (si hicieron señales, mapas, instrucciones, pictogramas, infografias, etc… hay que explicar cuál es su función, su caracterización, y su uso. En este caso, cuando se requiera, hacen un montaje para mostrar ubicación por
ejemplo.)

Cada diapositiva debe tener las siguientes especificaciones técnicas:
- jpg, 72 dpi, 600altox800ancho
Esto con el fin de que el mismo material nos sirva para montar en el blog. No se reciben presentaciones en power point, pdfs, otros formatos o imágenes sueltas.
Las diapositivas deben estar tituladas, con el nombre de la ciudad, numero del tema y tema (Ej. Zenobia/ 5.Propuesta). Les adjunto un archivo al tamaño. Es sólo un ejemplo para titularla. Cada grupo ve como le resulta mejor.
Deben entregar una carpeta zipeada con todas las diapositivas en un cd marcado así.
Ej: (NOMBRE DE CARPETA Y ARCHIVO)
ZENOBIA /  1_PORTADA
——————————-
B. PRESENTACIÓN IMPRESA
En uno o dos pliegos (piensen una distancia decente para leer sin tener que mirar con lupa -tampoco es un afiche para ver a distancia)
Contiene la misma información que la presentación proyectada, menos el proceso.
——————————-
C. PROTOTIPOS
Lo que se haya acordado con cada grupo y en la escala que se haya definido. Muy bien impreso, bien montado y armado.

REQUERIMIENTOS ENTREGA / CRITERIOS DE EVALUACIÓN

1. Los prototipos de la entrega deberán realizarse a escala 1 a 1 y deberán procurar la apariencia y funcionamiento del producto propuesto en su estado final. Dependiendo de las naturaleza de cada proyecto se coordinará con cada grupo los requerimiento formales de la entrega.

2. Se evaluará el uso adecuado de los recursos y conceptos estudiados en clase.

3. Cada grupo decidirá cuales son los formatos y medios que les permitan materializar su trabajo de la mejor manera.

4. Los procesos de bocetación son parte crucial del proceso de diseño y por lo tanto serán evaluados. El desarrollo del proyecto en sus todas sus etapas deberá ser documentado. La bitácora de proceso y resultados será evaluada.

5. La entrega final se realizará únicamente en el día y a la hora indicados. Habrá un jurado externo y por ningún motivo se recibirán entregas fuera de la hora estipulada.

EJERCICIO 3. VISUALIZACIÓN DE INFORMACIÓN (NIVEL DE SATISFACCIÓN)

Brief:

¿Cómo definir el nivel de satisfacción de lo hecho durante la carrera de diseño gráfico en el tiempo que se ha cursado?. ¿Está relacionado con las expectativas, los objetivos alcanzados, las calificaciones, el esfuerzo, lo aprendido, lo sufrido, los proyectos, el crecimiento personal y académico, las materias, el proyecto de vida como diseñador…?

Objetivos:

•    Mediante una analogía, articular visualmente el concepto definido para Nivel de Satisfacción, junto con la información correspondiente al pensum de la carrera.

•    Utilizar las herramientas aprendidas en clase (teoría de sistemas, tipografía como señal, diseño de pictogramas, gráfica instruccional, visualización de información)

¿Qué deben hacer? / *trabajo individual

•    Definir su propio concepto de Nivel de Satisfacción académico.

•    Escoger una analogía que sirva de recurso narrativo para explicar ese Nivel de Satisfacción.

•    Articular los dos puntos anteriores teniendo como insumo principal la información correspondiente al pensum de la carrera y respetar su estructura (fundamentaciones, materias, créditos, horas cursadas).

•    Presentar una visualización de esa información. La técnica de elaboración –no de presentación es libre (impreso, digital, video, etc).

Fases del trabajo

• Fase 1 /  Viernes 6 de marzo

- Pautas del trabajo.

• Fase 2 /  Lunes 9 de marzo

- Primer avance. Presentar impresa su definición de NS y posibles analogías.

• Fase 3 /  Miércoles 11 de marzo

- Segundo avance. Bocetos digitales del esquema general para articular la información y posibilidades para definir el tipo de gráfica y lenguaje que se va a utilizar, teniendo en cuenta la analogía escogida.

• Fase 4 /  Viernes 13 de marzo

- Tercer avance. Bocetos en papel. Primera articulación de la información.

• Fase 5 /  Lunes 16 de marzo

- Preentrega.

• Fase 6 /  Viernes 20 de marzo

- Entrega.

Parámetros a evaluar

- Coherencia y articulación entre la definición de NS, analogía, pensum.

- Creatividad en la propuesta.

- Calidad en el manejo de recursos gráficos y conceptos estudiados.

- Formalización, recorridos de lectura, formato de presentación.

- Presentación.

MAPAS

MAPAS
[ presentación en clase ]

MAPAS TURÍSTICOS DE CUIDADES
www.redmaps.com
Non For Tourists Guide
London AZ
Mapa de Bogota

MIND THE GAPS

CURATING THE CITY:
Mapa Virtual, la cuidad hecha Museo

DE OTROS MAPAS
Time Travel Tube Map
Mapas de la memoria
Mapa literario de NY
Folksongs
Soundseeker

VISUALIZACIÓN DE INFORMACIÓN

VISUALIZACIÓN DE INFORMACIÓN
[ presentación en clase ]

VIDEOS

What is information?

A Communications primer: a film by Eames (1953).

LINKS RELACIONADOS

Diseño de Información:
Blog de infografía.

Information Design:
Articulos en diseño de información.

Infosthetics:
“this weblog explores the symbiotic relationship between creative design and the field of information visualization.”

Stamen:
Estudio de diseño especializado en diseño interactivo.

Visualization and infographics:
Del blog Designing the news.

Infographic News:
Infografía y actualidad.

Noticias Infográficas:
El mismo blog de infographic news pero en español.

Density Design Lab:
Blog acerca del diseño de comunicación y su complejidad.

We feel fine:
Proyecto de Jonathan Harris and Sep Kamvar, una exploración de las sensaciones humanas.

Universe:
Otro proyecto de Jonathan Harris elaborado en Processing.

Twistori:
Proyecto inspirado en wefeelfine y basado en twitter.

Visual Complexity:
Varios proyectos relacionados con visualización.

Moodstream Getty Images:
Moods creados a partir de las fotografías de Getty.

Santiago Ortiz:
Portafolio en linea del un matemático y programador colombiano.

Visualizador de noticias ESPECTRA:
Las noticias vistas de otra manera.

Fluid Dynamic Media Design:
La página de los creadores de ESPECTRA, tienen otros proyectos.

They Rule:
“They Rule allows you to create maps of the interlocking directories of the top companies in the US in 2004.” ( Relaciones entre los grandes empresarios de los Estados Unidos).

DISEÑO DE INSTRUCCIONES

DISEÑO DE INTRUCCIONES
[ presentación en clase ]

INSTRUCCIÓN:
1. f. Acción de instruir.
2. f. Caudal de conocimientos adquiridos.
3. f. Curso que sigue un proceso o expediente que se está formando o instruyendo.
4. f. Conjunto de reglas o advertencias para algún fin. U. m. en pl.
5. f. Inform. Expresión formada por números y letras que indica, en una computadora, la operación que debe realizar y los datos correspondientes.
6. f. pl. Órdenes que se dictan a los agentes diplomáticos o a los jefes de fuerzas navales.

 ¿Por qué necesitamos instrucciones?

1. Necesitamos ayuda para saber qué hacer en caso de…

2. Para no perder ni hacer perder el tiempo

3. Debido a la dificultad de manejo que presentan los productos que usamos a diario

4. Por el diseño deficiente de interfaces que hacen parecer que los objetos son fáciles de usar /Menos botones y más prestaciones / La dificultad se oculta.

Links Relacionados:

Secret Websites, Coded Messages: The New World of Immersive Games:
¿Cómo se pueden utilizar las instrucciones en juegos o publicidad?

Red Issue:
¿Cómo se puede modificar la manera como una página web es visualizada y explorada?
Red Issue – Womens Clothing. Possible gestures. Explore. Learn. Enjoy.

Ikea:
las instrucciones para armar estantes, silla, armario.

Video:

Royksopp – Remind me: Video de la banda noruega,

producido por H5, empresa francesa que hace infografias para videos musicales entre otras cosas

 

 

 

SISTEMAS

Sistema.
(Del lat. systēma, y este del gr. σύστημα).
1. m. Conjunto de reglas o principios sobre una materia racionalmente enlazados entre sí.
2. m. Conjunto de cosas que relacionadas entre sí ordenadamente contribuyen a determinado objeto.”
Tomado de la Real Academia de la Lengua.

Links relacionados:

Wireframes:
Arquitectura de Información.

The Grid System:
“ The grid system is an aid, not a guarantee.
It permits a number of possible uses and each
designer can look for a solution appropriate to his
personal style. But one must learn how to use the
grid.”

Zoom
Picture Book by Istvan Banyai:
Ejemplo que ilustra como el TODO de un sistema es relativo al punto de vista.

I LEGO N.Y.:
Abstract city por Christoph Niemann.

Videos:

The powers of 10: Video de Charles and Ray Eames.
Ejemplo que ilustra como el TODO de un sistema es relativo al punto de vista.

Instalación de Janet Cardiff & George Bures Miller: The Forty-Part Motet.
La música como una composición de subsistemas que terminan conformando un todo, melódico.

Philip Glass: Einstein on the beach.

El SIGNO

Signo / Interpretar / Niveles de Iconicidad / Diseño Pictográfico

EL SIGNO
[ presentación en clase ]

Links Relacionados:

Touch and Go:
Animación pictográfica acerca de varios lugares en un aeropuerto.

Ironic Sans: It seemed like a good idea on paper:
Un Blog. Ideas.

RAPP Branding:
Página de la empresa, ver el video donde muestran qué hacen.

Videos:

History of Internet: Video realizando con Pictogramas (ver en pantalla completa).

EJERCICIO 3. MANUAL DE INSTRUCCIONES

Brief:

¿Cómo dar uso a un objeto en apariencia incomprensible y / o absurda?

¿Cómo representar la manera en que puede ser utilizado mediante una gráfica instruccional?

 

 

 -Proponer maneras de hacer comprensible el posible uso de un objeto de interfaz “incomprensible”.
- Utilizar las herramientas aprendidas en clase (tipografía como señal, diseño de pictogramas, gráfica instruccional)  

- Escoger un objeto de apariencia incomprensible y / o absurda.
- Darle un nuevo uso distinto al original.
- Crear un manual de instrucciones para visualizar su uso, que incluya: nombre e imagen del objeto, presentación (qué es, para qué, para quién), identificación del objeto, cuidados, advertencias, contraindicaciones, movimientos, medidas y usos. Un posible empaque es opcional.

* La técnica de elaboración –no de presentación es libre (impreso, digital, video, etc)

Fases del trabajo:

• Fase 1 / Lunes 23 de febrero
- Enviar por mail fotografías del objeto escogido y propuesta de el o los posibles usos.

• Fase 2 / Miércoles 25 de febrero
- Primer avance. Definir objeto y uso.

• Fase 3 / Viernes 27 de febrero
- Segundo avance. Presentar impresa la propuesta de nombre, imagen y presentación del objeto. Bocetos impresos. Incluido: partes, uso, movimiento, medidas, cuidados.

• Fase 4 / Lunes 2 de Marzo
- Tercer avance. Maqueta final para última corrección. Formato 1 a 1, escala real.

• Fase 5 / Miércoles 4 de Marzo
- Entrega.

Parámetros a evaluar:

- Creatividad en la propuesta
- Manejo de recursos gráficos y conceptos estudiados.
- Solución y comprensión de la gráfica instruccional.
- Coherencia entre la propuesta de uso, identidad, lenguaje visual y textual.
- Presentación.

Objetivos:

 

 

¿Qué deben hacer? *trabajo individual