SlideShare a Scribd company logo
Grau en Multimèdia Curs 2013-14 / 2n
Semestre
Disseny d'Interacció
PAC1 – Casos d'Estudi
Autor
Jordi Zango Novell
Data de lliurament
21/03/2014
Índex
1. Cas d'estudi “Future self”..................................................................................3
1.1.Descripció...................................................................................................3
1.2.Tècniques emprades..................................................................................4
1.3.Diagrama de flux........................................................................................4
1.4.Usabilitat.....................................................................................................4
1.5.Valoració personal......................................................................................5
2. Cas d'estudi “Futuro Cube”...............................................................................6
2.1.Descripció...................................................................................................6
2.2.Tècniques emprades..................................................................................7
2.3.Diagrama de flux........................................................................................7
2.4.Usabilitat.....................................................................................................7
2.5.Valoració personal......................................................................................8
3. Cas d'estudi “The Enchanted Forest”...............................................................9
3.1.Descripció...................................................................................................9
3.2.Tècniques emprades................................................................................10
3.3.Diagrama de flux......................................................................................10
3.4.Usabilitat...................................................................................................11
3.5.Valoració personal....................................................................................11
4. Fonts...............................................................................................................12
5. Llicència..........................................................................................................12
Disseny d'Interacció - PAC1
per Jordi Zango Novell 2
1. Cas d'estudi “Future self”
1. Cas d'estudi “Future self”
Autor: MADE (http://www.made-blog.com/)
Any: 2012
1.1. Descripció
Future Self és un estudi del moviment humà, en una interacció entre la dansa,
el so i la llum, en el que és una exploració del “jo” present i futur.
La instal·lació es basa es una estructura de LEDs que respon al moviment
d'una parella de persones que es mouen acompanyades d'una música
especialment composada per a l'obra.
Les llums responen a la proximitat dels ballarins així com a la velocitat dels
seus moviments, amb una combinació de LEDs que s'encenen o apaguen amb
diferents intensitats de manera que, en molts moments, s'hi pot endevinar la
silueta dels qui ballen.
https://vimeo.com/41699285
Disseny d'Interacció - PAC1
per Jordi Zango Novell 3
1. Cas d'estudi “Future self”
1.2. Tècniques emprades
• Llum
• So
• Dansa
• Detecció de moviment i velocitat
1.3. Diagrama de fux
1.4. Usabilitat
Durant l'espectacle es fa evident que les
llums responen al moviment i la velocitat
dels ballarins, però no queda massa clar
que aquests tinguin una idea massa
definida de la resposta que obtindran els
seus moviments.
Disseny d'Interacció - PAC1
per Jordi Zango Novell 4
1. Cas d'estudi “Future self”
Per això, podria dir-se que els moviments
de la dansa es basen en l'experiència ja
obtinguda pels que ballen però sense fer
moviments concrets per a una resposta
concreta, convertint-se en una mena
d'exercici d'exploració.
1.5. Valoració personal
L'efecte visual és encisador i l'atmosfera generada per les llums, la música i el
ball té un caire màgic, gairebé com d'acte ritual.
D'altra banda, sembla que hi ha una mena de factor aleatori gràcies a una
dansa coreografiada però que sembla que també deixa espai per a la
improvisació.
Per tot això, dóna la impressió de que l'espectacle segurament deu ser diferent
cada vegada, cosa que sens dubte ajuda a conservar l'efecte hipnòtic que
sembla tenir sobre el públic que té la sort de poder gaudir-lo en directe.
Disseny d'Interacció - PAC1
per Jordi Zango Novell 5
2. Cas d'estudi “Futuro Cube”
2. Cas d'estudi “Futuro Cube”
Autor: Rubik's (http://www.futurocube.com/)
Any: 2010-2014
2.1. Descripció
El Futuro Cube és una versió moderna del famós cub de Rubik. Després del
Rubik's Touch Cube (http://www.technosourcehk.com/pr-rubikstouch.php), és la
darrera versió electrònica d'aquesta joguina.
Prototpus
del cub de Rubik
El famós cub de Rubik,
tota una revolució
Rubik's
TouchCube
Rubik's
Futuro Cube
A més de permetre resoldre el típic cub de colors, inclou altres jocs com el
Gomoku, el Road Runner, el Cubris (versió de Tetris), l'Snake o el Gravity
Puzzle. També permet fer partides multijugador mitjançant la connexió a un
altre cub.
Una característica interessant és que el fabricant ofereix de forma gratuïta un
SDK complet per a que l'usuari pugui desenvolupar les seves pròpies
aplicacions.
Disseny d'Interacció - PAC1
per Jordi Zango Novell 6
2. Cas d'estudi “Futuro Cube”
En aquest enllaç es pot veure la revisió que un usuari fa del producte:
https://www.youtube.com/watch?v=0YRKU-5O5ig
2.2. Tècniques emprades
• Sensors de pressió.
• Sensors d'inclinació.
• So.
• Llums.
2.3. Diagrama de fux
2.4. Usabilitat
El cub es posa en marxa movent-lo enèrgicament en moviments circulars.
Un cop està actiu, s'accedeix a les diferents opcions clicant en els diferents
punts de llum, i cadascuna de les cares del cub representa un apartat diferent
d'opcions.
La interacció amb l'usuari es basa en la pressió que aquest fa en els diferents
punts de llum i les diferents cares del cub, així com en els moviments de rotació
que el cub fa sobre els seus diferents eixos estant en les mans de l'usuari i
també pels moviments que el jugador fa en el aire mantenint el cub en les
seves mans.
Disseny d'Interacció - PAC1
per Jordi Zango Novell 7
2. Cas d'estudi “Futuro Cube”
L'usuari accedeix a les opcions de programació del cub i la seva recàrrega
mitjançant una connexió USB.
2.5. Valoració personal
Per les opinions que he pogut copsar a Internet entre els incondicionals del cub
de Rubik sembla que, en general, és una joguina que els hi agrada molt.
Algun d'ells, però, diu que potser encara faltaria afegir-hi alguna funcionalitat
més per tal de que representés un canvi verdaderament significatiu respecte
del Rubik's Touch Cube.
Personalment, he de dir que no he aconseguit mai solucionar del tot el cub de
Rubik. Segurament, això s'ha degut a que no m'ha semblat un element massa
motivador.
Però en aquest cas sí que em sembla una joguina interessant. Potser
justament pel fet que es tracta d'un dispositiu en el que la solució del cub és
només una de les funcionalitats oferides.
El fet que el jugador hagi de fer ús de la imaginació espacial en la forma en que
aquest cub planteja la interacció em sembla un element diferencial i de valor, ja
que no hi ha gaires dispositius que fomentin aquest tipus d'imaginació i de
processos mentals.
D'altra banda, el fet que l'usuari pugui afegir els seus programes em sembla
una molt bona idea que converteix la joguina en alguna cosa més, en una
interessant eina d'exploració i aprenentatge d'interacció.
Disseny d'Interacció - PAC1
per Jordi Zango Novell 8
3. Cas d'estudi “The Enchanted Forest”
3. Cas d'estudi “The Enchanted Forest”
Autors: Kate Bonney, Simon Hayes, RJ McConell.
Any: des de 2000.
Web: http://www.enchantedforest.org.uk/
https://www.youtube.com/watch?v=qI4GedG6y6w
3.1. Descripció
Es tracta d'una instal·lació feta en el bosc Faskally
Wood a prop de la ciutat de Pitlochry, comtat de
Perthshire, en el cor d'Escòcia.
Està dissenyada amb uns espectaculars i
innovadors efectes de llum i so que transformen
l'escenari natural del bosc en un paisatge que
sembla d'un altre món.
El 2012, any del seu desè aniversari, va rebre el
premi al Millor Esdeveniment Cultural.
Any darrera any, la instal·lació es va renovant i
presenta cada temporada un espectacle diferent.
Durant el 2013, en que va presentar l'espectacle
visual Absorb, la van visitar més de 40.000
persones.
Disseny d'Interacció - PAC1
per Jordi Zango Novell 9
3. Cas d'estudi “The Enchanted Forest”
3.2. Tècniques emprades
• Paisatgisme.
• Llum.
• Projeccions.
• Sons ambientals.
• Música orquestrada.
• Narració de contes.
• Espais interactius.
• Pantalles esfèriques interactives i de projecció PufferSphere M600
(http://www.pufferfishdisplays.co.uk/products/puffersphere-xl/),
(https://www.youtube.com/watch?v=3tuV4bOIQjY)
3.3. Diagrama de fux
Disseny d'Interacció - PAC1
per Jordi Zango Novell 10
3. Cas d'estudi “The Enchanted Forest”
3.4. Usabilitat
Els visitants poden passejar per un gran espai, en un escenari natural com és
el bosc, i gaudir d'un espectacle de llum, so i música que està configurat per a
donar configuracions diferents en funció de quina part del bosc es tracti.
A més de jugar amb els elements naturals del bosc (com per exemple
l'orografia natural, la vegetació i l'aigua) també hi ha espais que canvien en
funció de la presencia dels visitants i altres en que aquest poden interactuar
amb elements no naturals (pantalles tàctils esfèriques).
En les imatges es pot apreciar com el resultat de la instal·lació és que el visitant
es troba immers en un bosc que ha perdut moltes de les característiques
pròpies que l'identifiquen com a tal.
L'escenari natural perd aquestes característiques identificatives per a guanyar-
ne d'altres que transporten als visitants a un món nou, magnífic i completament
desconegut, a un escenari irreal.
3.5. Valoració personal
Encara que el nivell d'interactivitat possiblement no sigui tan alt com el d'altres
casos que es puguin estudiar en aquesta assignatura, hi ha algunes qüestions
que han fet que em resulti molt interessant.
La primera d'aquestes qüestions es la grandària de la instal·lació, un gran espai
obert i a l'aire lliure, amb totes les dificultats que això implica (encara més en
una climatologia com la d'Escòcia). A més, la barreja d'elements naturals amb
aparells de tecnologia avançada li dóna un aire molt especial al conjunt.
D'altra banda el fet d'integrar l'espectador, ja no només com actor en els espais
d'interacció sinó amb la seva mera presència (per exemple, com a portadors de
globus que van canviant de color) afegeixen un punt de variabilitat al resultat
final de l'espectacle.
Finalment, altres qüestions com per exemple les narracions de contes li
afegeixen una característica diversificadora que, en certa manera, converteix la
instal·lació en una mena de producte transmèdia.
En definitiva, la instal·lació em sembla molt interessant i crec que pot agradar
tant als aficionats a la natura com als que ho són de la tecnologia.
Disseny d'Interacció - PAC1
per Jordi Zango Novell 11
4. Fonts
4. Fonts
Ars Electronica. Winners 2013. [en línia]. http://www.aec.at/prix/en/gewinner/
[data de consulta: 18/03/2014]
Faz. Revista de Diseño de Interacción. [en línia]. http://www.revistafaz.org/
[data de consulta: 18/03/2014]
Interaction Design Foundation. [en línia]. http://www.interaction-design.org/
[data de consulta: 18/03/2014]
Noupe. 15 Amazing Interactive Installations. [en línia].
http://www.noupe.com/inspiration/15-amazing-interactive-installations.html [data
de consulta: 19/03/2014]
Posadas, Alex. Taller d'Arduino Avançat (11, 12 i 13 de març de 2013). Hangar,
Barcelona.
Reactable. [en línia]. http://www.reactable.com/ [data de consulta: 18/03/2014]
Touch. Near Field Communication (NFC). [en línia].
http://www.nearfield.org/about [data de consulta: 19/03/2014]
Trend Hunter. 72 Interactive Art Installations. [en línia].
http://www.trendhunter.com/slideshow/interactive-art-installations [data de
consulta: 19/03/2014]
UOC. Bloc de Disseny d'Interacció. [en línia]. http://multimedia.uoc.edu/di/ [data
de consulta: 17/03/2014]
5. Llicència
Aquest treball és obra de Jordi Zango Novell, amb llicència Creative Commons
Atribució-NoComercial-CompartirIgual BY-NC-SA 3.0 Unported.
Disseny d'Interacció - PAC1
per Jordi Zango Novell 12

More Related Content

Viewers also liked

Prototipat gràfic
Prototipat gràficPrototipat gràfic
Prototipat gràfic
Jordi Zango Novell
 
Prototipat gràfic, guia d'estil.
Prototipat gràfic, guia d'estil.Prototipat gràfic, guia d'estil.
Prototipat gràfic, guia d'estil.
Jordi Zango Novell
 
Conceptes bàsics del DCU i usabilitat
Conceptes bàsics del DCU i usabilitatConceptes bàsics del DCU i usabilitat
Conceptes bàsics del DCU i usabilitat
Jordi Zango Novell
 
Disseny d'un sistema interactiu: "El gatet poruc"
Disseny d'un sistema interactiu: "El gatet poruc"Disseny d'un sistema interactiu: "El gatet poruc"
Disseny d'un sistema interactiu: "El gatet poruc"
Jordi Zango Novell
 
Prototipat gràfic responsiu
Prototipat gràfic responsiuPrototipat gràfic responsiu
Prototipat gràfic responsiu
Jordi Zango Novell
 
Conceptes bàsics de Realitat Virtual
Conceptes bàsics de Realitat VirtualConceptes bàsics de Realitat Virtual
Conceptes bàsics de Realitat Virtual
Jordi Zango Novell
 
Avaluació heurística
Avaluació heurísticaAvaluació heurística
Avaluació heurística
Jordi Zango Novell
 
Disseny d'interacció: Arduino
Disseny d'interacció: ArduinoDisseny d'interacció: Arduino
Disseny d'interacció: Arduino
Jordi Zango Novell
 
Centre de emergències mèdiques
Centre de emergències mèdiquesCentre de emergències mèdiques
Centre de emergències mèdiques
Jordi Zango Novell
 
Treball Final de Grau: "Storymaker"
Treball Final de Grau: "Storymaker"Treball Final de Grau: "Storymaker"
Treball Final de Grau: "Storymaker"
Jordi Zango Novell
 
Digital versus real
Digital versus realDigital versus real
Digital versus real
Jordi Zango Novell
 

Viewers also liked (11)

Prototipat gràfic
Prototipat gràficPrototipat gràfic
Prototipat gràfic
 
Prototipat gràfic, guia d'estil.
Prototipat gràfic, guia d'estil.Prototipat gràfic, guia d'estil.
Prototipat gràfic, guia d'estil.
 
Conceptes bàsics del DCU i usabilitat
Conceptes bàsics del DCU i usabilitatConceptes bàsics del DCU i usabilitat
Conceptes bàsics del DCU i usabilitat
 
Disseny d'un sistema interactiu: "El gatet poruc"
Disseny d'un sistema interactiu: "El gatet poruc"Disseny d'un sistema interactiu: "El gatet poruc"
Disseny d'un sistema interactiu: "El gatet poruc"
 
Prototipat gràfic responsiu
Prototipat gràfic responsiuPrototipat gràfic responsiu
Prototipat gràfic responsiu
 
Conceptes bàsics de Realitat Virtual
Conceptes bàsics de Realitat VirtualConceptes bàsics de Realitat Virtual
Conceptes bàsics de Realitat Virtual
 
Avaluació heurística
Avaluació heurísticaAvaluació heurística
Avaluació heurística
 
Disseny d'interacció: Arduino
Disseny d'interacció: ArduinoDisseny d'interacció: Arduino
Disseny d'interacció: Arduino
 
Centre de emergències mèdiques
Centre de emergències mèdiquesCentre de emergències mèdiques
Centre de emergències mèdiques
 
Treball Final de Grau: "Storymaker"
Treball Final de Grau: "Storymaker"Treball Final de Grau: "Storymaker"
Treball Final de Grau: "Storymaker"
 
Digital versus real
Digital versus realDigital versus real
Digital versus real
 

Similar to Disseny d'interacció: casos d'estudi

Activitat videoclip
Activitat videoclipActivitat videoclip
Activitat videoclip
Mariana Berdugo
 
Els mons virtuals3D i el projecte espurna
Els mons virtuals3D i el projecte espurna Els mons virtuals3D i el projecte espurna
Els mons virtuals3D i el projecte espurna
Maurici Modol
 
Projecte Col·laboratiu Bongoh
Projecte Col·laboratiu Bongoh Projecte Col·laboratiu Bongoh
Projecte Col·laboratiu Bongoh spicumay
 
La utilització de codis QR a l'entorn escolar
La utilització de codis QR a l'entorn escolarLa utilització de codis QR a l'entorn escolar
La utilització de codis QR a l'entorn escolar
huracanatlas
 
5 ep tec dispositius i
5 ep tec dispositius i5 ep tec dispositius i
5 ep tec dispositius illuís nater
 
6 ep tec dispositius ii
6 ep tec dispositius ii6 ep tec dispositius ii
6 ep tec dispositius iilluís nater
 
Guies didàctiques
Guies didàctiquesGuies didàctiques
Guies didàctiques
araceli41184
 
2eso tecno ud impressió 3 d.plàstics
2eso tecno ud impressió 3 d.plàstics2eso tecno ud impressió 3 d.plàstics
2eso tecno ud impressió 3 d.plàsticslluís nater
 
3eso tecno ud mecanismes
3eso tecno ud mecanismes3eso tecno ud mecanismes
3eso tecno ud mecanismeslluís nater
 
Videoexpre2
Videoexpre2Videoexpre2
Videoexpre2Glòria
 
Fem un minicurt amb fotos "STOP MOTION"
Fem un minicurt amb fotos "STOP MOTION"Fem un minicurt amb fotos "STOP MOTION"
Fem un minicurt amb fotos "STOP MOTION"Gloria Cid
 
Espi ra llarg-cat-aumentame2012
Espi ra llarg-cat-aumentame2012Espi ra llarg-cat-aumentame2012
Espi ra llarg-cat-aumentame2012xavier suñé
 
Guia didàctica video
Guia didàctica videoGuia didàctica video
Guia didàctica videovalcalde
 

Similar to Disseny d'interacció: casos d'estudi (20)

El Projecte de curs
El Projecte de cursEl Projecte de curs
El Projecte de curs
 
Projecte de curs
Projecte de cursProjecte de curs
Projecte de curs
 
PROJECTE DE CURS
PROJECTE DE CURSPROJECTE DE CURS
PROJECTE DE CURS
 
Activitat videoclip
Activitat videoclipActivitat videoclip
Activitat videoclip
 
Els mons virtuals3D i el projecte espurna
Els mons virtuals3D i el projecte espurna Els mons virtuals3D i el projecte espurna
Els mons virtuals3D i el projecte espurna
 
Projecte Col·laboratiu Bongoh
Projecte Col·laboratiu Bongoh Projecte Col·laboratiu Bongoh
Projecte Col·laboratiu Bongoh
 
Projecte de curs
Projecte de cursProjecte de curs
Projecte de curs
 
Guia didàctica vídeo
Guia didàctica vídeoGuia didàctica vídeo
Guia didàctica vídeo
 
3 maig el pati-
3 maig   el pati-3 maig   el pati-
3 maig el pati-
 
La utilització de codis QR a l'entorn escolar
La utilització de codis QR a l'entorn escolarLa utilització de codis QR a l'entorn escolar
La utilització de codis QR a l'entorn escolar
 
5 ep tec dispositius i
5 ep tec dispositius i5 ep tec dispositius i
5 ep tec dispositius i
 
6 ep tec dispositius ii
6 ep tec dispositius ii6 ep tec dispositius ii
6 ep tec dispositius ii
 
Guies didàctiques
Guies didàctiquesGuies didàctiques
Guies didàctiques
 
2eso tecno ud impressió 3 d.plàstics
2eso tecno ud impressió 3 d.plàstics2eso tecno ud impressió 3 d.plàstics
2eso tecno ud impressió 3 d.plàstics
 
3eso tecno ud mecanismes
3eso tecno ud mecanismes3eso tecno ud mecanismes
3eso tecno ud mecanismes
 
Videoexpre2
Videoexpre2Videoexpre2
Videoexpre2
 
Fem un minicurt amb fotos "STOP MOTION"
Fem un minicurt amb fotos "STOP MOTION"Fem un minicurt amb fotos "STOP MOTION"
Fem un minicurt amb fotos "STOP MOTION"
 
Espi ra llarg-cat-aumentame2012
Espi ra llarg-cat-aumentame2012Espi ra llarg-cat-aumentame2012
Espi ra llarg-cat-aumentame2012
 
Guia didàctica video
Guia didàctica videoGuia didàctica video
Guia didàctica video
 
Les propostes didactiques
Les propostes didactiquesLes propostes didactiques
Les propostes didactiques
 

More from Jordi Zango Novell

Redisseny de portada: Gladiator
Redisseny de portada: GladiatorRedisseny de portada: Gladiator
Redisseny de portada: Gladiator
Jordi Zango Novell
 
Manual d'identitat: The Artist
Manual d'identitat: The ArtistManual d'identitat: The Artist
Manual d'identitat: The Artist
Jordi Zango Novell
 
Disseny web: "Groumet"
Disseny web: "Groumet"Disseny web: "Groumet"
Disseny web: "Groumet"
Jordi Zango Novell
 
Percepció visual, aplicació pràctica
Percepció visual, aplicació pràcticaPercepció visual, aplicació pràctica
Percepció visual, aplicació pràctica
Jordi Zango Novell
 
L'avantsala dels Mitjans Interactius: el context
L'avantsala dels Mitjans Interactius: el contextL'avantsala dels Mitjans Interactius: el context
L'avantsala dels Mitjans Interactius: el context
Jordi Zango Novell
 
Origen i vigència de la Multimèdia
Origen i vigència de la MultimèdiaOrigen i vigència de la Multimèdia
Origen i vigència de la Multimèdia
Jordi Zango Novell
 
Què són els nous mitjans?
Què són els nous mitjans?Què són els nous mitjans?
Què són els nous mitjans?
Jordi Zango Novell
 

More from Jordi Zango Novell (7)

Redisseny de portada: Gladiator
Redisseny de portada: GladiatorRedisseny de portada: Gladiator
Redisseny de portada: Gladiator
 
Manual d'identitat: The Artist
Manual d'identitat: The ArtistManual d'identitat: The Artist
Manual d'identitat: The Artist
 
Disseny web: "Groumet"
Disseny web: "Groumet"Disseny web: "Groumet"
Disseny web: "Groumet"
 
Percepció visual, aplicació pràctica
Percepció visual, aplicació pràcticaPercepció visual, aplicació pràctica
Percepció visual, aplicació pràctica
 
L'avantsala dels Mitjans Interactius: el context
L'avantsala dels Mitjans Interactius: el contextL'avantsala dels Mitjans Interactius: el context
L'avantsala dels Mitjans Interactius: el context
 
Origen i vigència de la Multimèdia
Origen i vigència de la MultimèdiaOrigen i vigència de la Multimèdia
Origen i vigència de la Multimèdia
 
Què són els nous mitjans?
Què són els nous mitjans?Què són els nous mitjans?
Què són els nous mitjans?
 

Disseny d'interacció: casos d'estudi

  • 1. Grau en Multimèdia Curs 2013-14 / 2n Semestre Disseny d'Interacció PAC1 – Casos d'Estudi Autor Jordi Zango Novell Data de lliurament 21/03/2014
  • 2. Índex 1. Cas d'estudi “Future self”..................................................................................3 1.1.Descripció...................................................................................................3 1.2.Tècniques emprades..................................................................................4 1.3.Diagrama de flux........................................................................................4 1.4.Usabilitat.....................................................................................................4 1.5.Valoració personal......................................................................................5 2. Cas d'estudi “Futuro Cube”...............................................................................6 2.1.Descripció...................................................................................................6 2.2.Tècniques emprades..................................................................................7 2.3.Diagrama de flux........................................................................................7 2.4.Usabilitat.....................................................................................................7 2.5.Valoració personal......................................................................................8 3. Cas d'estudi “The Enchanted Forest”...............................................................9 3.1.Descripció...................................................................................................9 3.2.Tècniques emprades................................................................................10 3.3.Diagrama de flux......................................................................................10 3.4.Usabilitat...................................................................................................11 3.5.Valoració personal....................................................................................11 4. Fonts...............................................................................................................12 5. Llicència..........................................................................................................12 Disseny d'Interacció - PAC1 per Jordi Zango Novell 2
  • 3. 1. Cas d'estudi “Future self” 1. Cas d'estudi “Future self” Autor: MADE (http://www.made-blog.com/) Any: 2012 1.1. Descripció Future Self és un estudi del moviment humà, en una interacció entre la dansa, el so i la llum, en el que és una exploració del “jo” present i futur. La instal·lació es basa es una estructura de LEDs que respon al moviment d'una parella de persones que es mouen acompanyades d'una música especialment composada per a l'obra. Les llums responen a la proximitat dels ballarins així com a la velocitat dels seus moviments, amb una combinació de LEDs que s'encenen o apaguen amb diferents intensitats de manera que, en molts moments, s'hi pot endevinar la silueta dels qui ballen. https://vimeo.com/41699285 Disseny d'Interacció - PAC1 per Jordi Zango Novell 3
  • 4. 1. Cas d'estudi “Future self” 1.2. Tècniques emprades • Llum • So • Dansa • Detecció de moviment i velocitat 1.3. Diagrama de fux 1.4. Usabilitat Durant l'espectacle es fa evident que les llums responen al moviment i la velocitat dels ballarins, però no queda massa clar que aquests tinguin una idea massa definida de la resposta que obtindran els seus moviments. Disseny d'Interacció - PAC1 per Jordi Zango Novell 4
  • 5. 1. Cas d'estudi “Future self” Per això, podria dir-se que els moviments de la dansa es basen en l'experiència ja obtinguda pels que ballen però sense fer moviments concrets per a una resposta concreta, convertint-se en una mena d'exercici d'exploració. 1.5. Valoració personal L'efecte visual és encisador i l'atmosfera generada per les llums, la música i el ball té un caire màgic, gairebé com d'acte ritual. D'altra banda, sembla que hi ha una mena de factor aleatori gràcies a una dansa coreografiada però que sembla que també deixa espai per a la improvisació. Per tot això, dóna la impressió de que l'espectacle segurament deu ser diferent cada vegada, cosa que sens dubte ajuda a conservar l'efecte hipnòtic que sembla tenir sobre el públic que té la sort de poder gaudir-lo en directe. Disseny d'Interacció - PAC1 per Jordi Zango Novell 5
  • 6. 2. Cas d'estudi “Futuro Cube” 2. Cas d'estudi “Futuro Cube” Autor: Rubik's (http://www.futurocube.com/) Any: 2010-2014 2.1. Descripció El Futuro Cube és una versió moderna del famós cub de Rubik. Després del Rubik's Touch Cube (http://www.technosourcehk.com/pr-rubikstouch.php), és la darrera versió electrònica d'aquesta joguina. Prototpus del cub de Rubik El famós cub de Rubik, tota una revolució Rubik's TouchCube Rubik's Futuro Cube A més de permetre resoldre el típic cub de colors, inclou altres jocs com el Gomoku, el Road Runner, el Cubris (versió de Tetris), l'Snake o el Gravity Puzzle. També permet fer partides multijugador mitjançant la connexió a un altre cub. Una característica interessant és que el fabricant ofereix de forma gratuïta un SDK complet per a que l'usuari pugui desenvolupar les seves pròpies aplicacions. Disseny d'Interacció - PAC1 per Jordi Zango Novell 6
  • 7. 2. Cas d'estudi “Futuro Cube” En aquest enllaç es pot veure la revisió que un usuari fa del producte: https://www.youtube.com/watch?v=0YRKU-5O5ig 2.2. Tècniques emprades • Sensors de pressió. • Sensors d'inclinació. • So. • Llums. 2.3. Diagrama de fux 2.4. Usabilitat El cub es posa en marxa movent-lo enèrgicament en moviments circulars. Un cop està actiu, s'accedeix a les diferents opcions clicant en els diferents punts de llum, i cadascuna de les cares del cub representa un apartat diferent d'opcions. La interacció amb l'usuari es basa en la pressió que aquest fa en els diferents punts de llum i les diferents cares del cub, així com en els moviments de rotació que el cub fa sobre els seus diferents eixos estant en les mans de l'usuari i també pels moviments que el jugador fa en el aire mantenint el cub en les seves mans. Disseny d'Interacció - PAC1 per Jordi Zango Novell 7
  • 8. 2. Cas d'estudi “Futuro Cube” L'usuari accedeix a les opcions de programació del cub i la seva recàrrega mitjançant una connexió USB. 2.5. Valoració personal Per les opinions que he pogut copsar a Internet entre els incondicionals del cub de Rubik sembla que, en general, és una joguina que els hi agrada molt. Algun d'ells, però, diu que potser encara faltaria afegir-hi alguna funcionalitat més per tal de que representés un canvi verdaderament significatiu respecte del Rubik's Touch Cube. Personalment, he de dir que no he aconseguit mai solucionar del tot el cub de Rubik. Segurament, això s'ha degut a que no m'ha semblat un element massa motivador. Però en aquest cas sí que em sembla una joguina interessant. Potser justament pel fet que es tracta d'un dispositiu en el que la solució del cub és només una de les funcionalitats oferides. El fet que el jugador hagi de fer ús de la imaginació espacial en la forma en que aquest cub planteja la interacció em sembla un element diferencial i de valor, ja que no hi ha gaires dispositius que fomentin aquest tipus d'imaginació i de processos mentals. D'altra banda, el fet que l'usuari pugui afegir els seus programes em sembla una molt bona idea que converteix la joguina en alguna cosa més, en una interessant eina d'exploració i aprenentatge d'interacció. Disseny d'Interacció - PAC1 per Jordi Zango Novell 8
  • 9. 3. Cas d'estudi “The Enchanted Forest” 3. Cas d'estudi “The Enchanted Forest” Autors: Kate Bonney, Simon Hayes, RJ McConell. Any: des de 2000. Web: http://www.enchantedforest.org.uk/ https://www.youtube.com/watch?v=qI4GedG6y6w 3.1. Descripció Es tracta d'una instal·lació feta en el bosc Faskally Wood a prop de la ciutat de Pitlochry, comtat de Perthshire, en el cor d'Escòcia. Està dissenyada amb uns espectaculars i innovadors efectes de llum i so que transformen l'escenari natural del bosc en un paisatge que sembla d'un altre món. El 2012, any del seu desè aniversari, va rebre el premi al Millor Esdeveniment Cultural. Any darrera any, la instal·lació es va renovant i presenta cada temporada un espectacle diferent. Durant el 2013, en que va presentar l'espectacle visual Absorb, la van visitar més de 40.000 persones. Disseny d'Interacció - PAC1 per Jordi Zango Novell 9
  • 10. 3. Cas d'estudi “The Enchanted Forest” 3.2. Tècniques emprades • Paisatgisme. • Llum. • Projeccions. • Sons ambientals. • Música orquestrada. • Narració de contes. • Espais interactius. • Pantalles esfèriques interactives i de projecció PufferSphere M600 (http://www.pufferfishdisplays.co.uk/products/puffersphere-xl/), (https://www.youtube.com/watch?v=3tuV4bOIQjY) 3.3. Diagrama de fux Disseny d'Interacció - PAC1 per Jordi Zango Novell 10
  • 11. 3. Cas d'estudi “The Enchanted Forest” 3.4. Usabilitat Els visitants poden passejar per un gran espai, en un escenari natural com és el bosc, i gaudir d'un espectacle de llum, so i música que està configurat per a donar configuracions diferents en funció de quina part del bosc es tracti. A més de jugar amb els elements naturals del bosc (com per exemple l'orografia natural, la vegetació i l'aigua) també hi ha espais que canvien en funció de la presencia dels visitants i altres en que aquest poden interactuar amb elements no naturals (pantalles tàctils esfèriques). En les imatges es pot apreciar com el resultat de la instal·lació és que el visitant es troba immers en un bosc que ha perdut moltes de les característiques pròpies que l'identifiquen com a tal. L'escenari natural perd aquestes característiques identificatives per a guanyar- ne d'altres que transporten als visitants a un món nou, magnífic i completament desconegut, a un escenari irreal. 3.5. Valoració personal Encara que el nivell d'interactivitat possiblement no sigui tan alt com el d'altres casos que es puguin estudiar en aquesta assignatura, hi ha algunes qüestions que han fet que em resulti molt interessant. La primera d'aquestes qüestions es la grandària de la instal·lació, un gran espai obert i a l'aire lliure, amb totes les dificultats que això implica (encara més en una climatologia com la d'Escòcia). A més, la barreja d'elements naturals amb aparells de tecnologia avançada li dóna un aire molt especial al conjunt. D'altra banda el fet d'integrar l'espectador, ja no només com actor en els espais d'interacció sinó amb la seva mera presència (per exemple, com a portadors de globus que van canviant de color) afegeixen un punt de variabilitat al resultat final de l'espectacle. Finalment, altres qüestions com per exemple les narracions de contes li afegeixen una característica diversificadora que, en certa manera, converteix la instal·lació en una mena de producte transmèdia. En definitiva, la instal·lació em sembla molt interessant i crec que pot agradar tant als aficionats a la natura com als que ho són de la tecnologia. Disseny d'Interacció - PAC1 per Jordi Zango Novell 11
  • 12. 4. Fonts 4. Fonts Ars Electronica. Winners 2013. [en línia]. http://www.aec.at/prix/en/gewinner/ [data de consulta: 18/03/2014] Faz. Revista de Diseño de Interacción. [en línia]. http://www.revistafaz.org/ [data de consulta: 18/03/2014] Interaction Design Foundation. [en línia]. http://www.interaction-design.org/ [data de consulta: 18/03/2014] Noupe. 15 Amazing Interactive Installations. [en línia]. http://www.noupe.com/inspiration/15-amazing-interactive-installations.html [data de consulta: 19/03/2014] Posadas, Alex. Taller d'Arduino Avançat (11, 12 i 13 de març de 2013). Hangar, Barcelona. Reactable. [en línia]. http://www.reactable.com/ [data de consulta: 18/03/2014] Touch. Near Field Communication (NFC). [en línia]. http://www.nearfield.org/about [data de consulta: 19/03/2014] Trend Hunter. 72 Interactive Art Installations. [en línia]. http://www.trendhunter.com/slideshow/interactive-art-installations [data de consulta: 19/03/2014] UOC. Bloc de Disseny d'Interacció. [en línia]. http://multimedia.uoc.edu/di/ [data de consulta: 17/03/2014] 5. Llicència Aquest treball és obra de Jordi Zango Novell, amb llicència Creative Commons Atribució-NoComercial-CompartirIgual BY-NC-SA 3.0 Unported. Disseny d'Interacció - PAC1 per Jordi Zango Novell 12