Elisava


23
Mar 10

Elisava: Workshops del Postgrado de Diseño de la Interacción 2010

Video resumen trabajos de todos los alumnos del Postgrado de Interacción, respecto de los talleres realizados durante los últimos 2 meses. Este mismo material se presentó el día 18 de Marzo en Caixa Forum, y durante un mes estará rodando en el iTube del mismo lugar. Felicidades chicos!!!


7
Mar 10

Proyecto: Uncertain future

Proyecto realizado por Keno Cordero y José Vittone para el Postgrado de Interacción de la Escuela Elisava, Barcelona 2010. Una mirada crítica al diseño de interacción.

Uncertain future

Aunque dentro de mi estas y sepa que no eres real, me das la sensación y el sentimiento, que por el solo hecho de ser mujer, tengo derecho a sentir y por asares del destino no lo puedo conseguir, ahora te siento, te canto, te acaricio; tu creces, te mueves y te vas.

Proceso creativo

1. Diseño crítico: diseño que hace preguntas
2. Narrativa y diseño: géneros de diseño
3. Personas, escenarios y pruebas culturales
4. Ficción social: futuros alternativos
5. Cine y tecnología: distopias cotidianas

Pre-proyecto (PDF)

Making-of


23
Nov 09

Muletillas

muletillas.pdf (PDF, 267KB)


21
Nov 09

Processing: Arkanoid

arcanoidver código fuente

Utilizando la librería de Física desarrollada por Ricard Marxer simulamos en mítico juego Arkanoid.

Grupo: Keno Cordero, José Vittone.


10
Nov 09

Processing: Reloj “base 5″

Tener que explicar como funciona un reloj parece un absurdo. Se da por hecho que todos sabemos como funciona uno, como leerlo, etc. Cuando se planteó este ejercicio mi desafío fue como hacer un reloj que estuviera fuera de lo convencional pero, sin embargo, sea posible leer de la misma manera (o similar) a lo que estamos acostumbrados. Para esto necesitaba pensar… ¿cómo es que leemos un reloj de agujas?, ¿y cómo uno digital?.
Un reloj digital parecía el modelo más simple. Consta de 3 pares de números, en un orden determinado (hh : mm : ss) que recorren todo su rango (0 a 11, ó de 0 a 59), y un dato no menor, estás informaciones nunca se superponen. El nivel de interpretación es básicamente numérico. Se tiene más a decir horas más precisas con este tipo de aparatos (“son las once y treinta y seis”).
Por otra parte el modelo analógico, en una primera mirada, me pareció el más interesante. Aunque es muy obvio, un reloj analógico requiere de un cierto aprendizaje para un correcta lectura. Todas las fracciones de tiempo — horas, minutos y segundos — recorren el mismo espacio geométrico, los 360 grados de un circulo. Al margen de las diferencias de tamaño de las agujas, la mayor diferencia con un reloj digital es el modo de lectura. La tendencia habitual es agrupar o redondear el tiempo en bloques de 5 minutos, o en múltiplos de este ( por ej. “son las 5 y 10″, “las 3 y cuarto”, “… y media”).
También pensé que el espacio que ocupan los segundos es muy poco relevante, por lo que lo consideré como el dato menos necesario. En un reloj analógico el giro constante de los segundos vale para saber que todo va bien, que ese aparato está funcionando correctamente. Mientras que en el modelo digital, muchas veces se prescinde de este dato y se lo reemplaza por el titilar de los puntos divisorios.
De todos modos el modelos de agujas tiene algunos problemas de lectura en ciertos rangos horarios donde se genera confusión. Por ejemplo las agujas se ven muy similares cuando son las 12.30 ó las 6.00; las 2.45 ó las 9.15. Entonces, ¿cómo es posible que nadie tenga problema para saber que hora es? Probablemente el reloj mental sea el que nos dice que si aun es de día no hay manera de que sean las 9.15 y por lo tanto las 3 menos cuarto suene más acertado, y viceversa.

En base 5

- Prioridades: Horas, Minutos… Segundos.
- Lectura occidental (de izquieda-derecha y de arriba-abajo).
- 1 Hora = 1 punto.
- 5 Minutos = 1 circulo; 15 Minutos = 1 línea de 3 puntos.

reloj


9
Nov 09

Festival Loop 09: Entropía randómica

“Bajo la consigna de ‘Lo evolutivo, lo repetitivo’, nuestro proyecto consistió en representar el proceso creativo y la generación de ideas a través de videos que se repetían y mezclaban en vivo, reaccionando a la música que pinchaba nuestro DJ, Bluermutt (Giovanni Civitenga). El material se produjo usando Processing y After Effects principalmente.”

Javier Cuello


8
Nov 09

“Personas” en 10 pasos

personasEsto de la información al instante es muy loco. Hoy por la mañana leyendo twitter encontré un gráfico muy interesante (en inglés), describe paso a paso como construir “Personas” (método de Personas, usabilidad). En la última clase de Factor Humano estuvimos viendo de que iba el método Persona, y este esquema me pareció una buena síntesis al respecto.
Me tomé unas horas para traducirlo al castellano, por lo que si encuentran algún error ortográfico o de gramática, me dejan un comentario, si?

Saludos!

Personas-spanish-version-2009.pdf (PDF, 609.13KB)

Más info

Carsonified: How to understand your Users with Personas


8
Nov 09

Processing: Ojos calavera

Fuente/Source: Icono diseñado por iconwerk.

ojos-calaberaCódigo fuente


8
Nov 09

Processing: dibujo con funciones

international-year-of-astronomy-2009_62-634x896La semana pasada encontré en un blog muy interesante que tenía algunos posters que me parecieron muy buenos, una mezcla retro-swiss genial, y me dije “porque no hacerlo en processing, parece bastante facil”.

Una vez que me decidí por uno (aunque en verdad todos son excelentes) empecé:

Paso a paso…

1. Coloreo el fondo, y dibujo un rectángulo con ciertos margenes.

2. Dibujo 2 medios circulos de cada color, esto va a una función así lo puedo llamar después.
3. Ahora bien necesito dos juegos de repetición, uno de 8 piezas y otro de 6, para esto hago una función para posicionar todos los items. Mediante un FOR dibujo uno a uno, mientras roto una cierta cantidad de grados.
4. Solo quedan los textos para que se parezca lo más fiel al original. Venía todo perfecto hasta que caigo en que Processing tiene ciertas deficiencias en la renderización de fuentes, o al menos, con lo que aprendí al momento no alcanza. Me doy algunos días a ver si encuentro algo nuevo, y nada. Si alguien me puede recomendar algún material relacionado, bienvenido sea.
5. Wala!


28
Oct 09

Processing: Kandinsky, Mondrian, pattern

El último no es un artista, pero va con el mismo conjunto de ejercicios :D

kandinski mondrian pattern
Código fuente Código fuente Código fuente