José Vittone's Blog — Interaction & Visual Designer in Barcelona

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

José Vittone — Tue, 23 Mar 2010 08:28:43 +0000

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!!!

Proyecto: Uncertain future

José Vittone — Sun, 07 Mar 2010 20:19:12 +0000

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.

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

La superación del bloqueo creativo

José Vittone — Sat, 13 Feb 2010 21:09:55 +0000

La semana pasada Scott Hanssen publicaba en su blog una serie de estrategias para resolver el problema de la mente en blanco. Lo interesante es que se trata de una colección de soluciones de importantes estudios y diseñadores. Una de las que me ha gustado es la del maestro Erik Spiekermann, la dejo aquí para intentar ponerla en práctica en futuros bloqueos creativos.

Según él existen 6 estrategias para superar esta situación:

1. Evitar:
Hacer otra cosa, lavar el auto, hacer back-up’s, ordenar archivos/carpetas, etc.

2. Pensar:
Siéntate y piensa sobre el tema, solo deja que tu mente te guíe.

3. Investigar:
Busca cosas, mira en tus proyectos anteriores, pero evita Google (toma demasiado tiempo para encontrar algo útil). Nota: No creo que buscar en google sea un problema, pero tampoco hay esperar todas las soluciones de su parte.

4. Recolectar:
Todos tenemos un montón de cosas, debe haber algo ahí que está esperando para ser utilizado.

5. Bocetar:
Dibuja. Es muy bueno, incluso si no tienes talento. Sólo visualizar las cosas más simples hace que cobren vida.

6. Deconstruir:
Desarma el problema, mira las partes y luego vuelve a ponerlos juntos.

Muletillas

José Vittone — Mon, 23 Nov 2009 16:21:23 +0000

muletillas.pdf (PDF, 267KB)

Processing: Arkanoid

José Vittone — Sat, 21 Nov 2009 20:03:09 +0000

ver 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.

Slide: Passion by Tim Van Damme

José Vittone — Fri, 13 Nov 2009 03:41:24 +0000

Build 2009 – Passion

View more documents from Tim Van Damme.

Processing: Reloj “base 5″

José Vittone — Tue, 10 Nov 2009 21:00:08 +0000

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.

Festival Loop 09: Entropía randómica

José Vittone — Mon, 09 Nov 2009 17:38:21 +0000

“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

“Personas” en 10 pasos

José Vittone — Sun, 08 Nov 2009 18:26:44 +0000

Esto 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

Processing: Ojos calavera

José Vittone — Sun, 08 Nov 2009 05:20:02 +0000

Fuente/Source: Icono diseñado por iconwerk.

Código fuente