12
Grau en Multimèdia Curs 2013-14 / 2 n Semestre Disseny d'Interacció PAC1 – Casos d'Estudi Autor Jordi Zango Novell Data de lliurament 21/03/2014

Disseny d'interacció: casos d'estudi

Embed Size (px)

Citation preview

Page 1: Disseny d'interacció: casos d'estudi

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

Page 2: Disseny d'interacció: casos d'estudi

Í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ó - PAC1per Jordi Zango Novell 2

Page 3: Disseny d'interacció: casos d'estudi

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 movimentd'una parella de persones que es mouen acompanyades d'una músicaespecialment composada per a l'obra.

Les llums responen a la proximitat dels ballarins així com a la velocitat delsseus moviments, amb una combinació de LEDs que s'encenen o apaguen ambdiferents intensitats de manera que, en molts moments, s'hi pot endevinar lasilueta dels qui ballen.

https://vimeo.com/41699285

Disseny d'Interacció - PAC1per Jordi Zango Novell 3

Page 4: Disseny d'interacció: casos d'estudi

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 lesllums responen al moviment i la velocitatdels ballarins, però no queda massa clarque aquests tinguin una idea massadefinida de la resposta que obtindran elsseus moviments.

Disseny d'Interacció - PAC1per Jordi Zango Novell 4

Page 5: Disseny d'interacció: casos d'estudi

1. Cas d'estudi “Future self”

Per això, podria dir-se que els movimentsde la dansa es basen en l'experiència jaobtinguda pels que ballen però sense fermoviments concrets per a una respostaconcreta, convertint-se en una menad'exercici d'exploració.

1.5. Valoració personal

L'efecte visual és encisador i l'atmosfera generada per les llums, la música i elball 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 unadansa coreografiada però que sembla que també deixa espai per a laimprovisació.

Per tot això, dóna la impressió de que l'espectacle segurament deu ser diferentcada vegada, cosa que sens dubte ajuda a conservar l'efecte hipnòtic quesembla tenir sobre el públic que té la sort de poder gaudir-lo en directe.

Disseny d'Interacció - PAC1per Jordi Zango Novell 5

Page 6: Disseny d'interacció: casos d'estudi

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 delRubik's Touch Cube (http://www.technosourcehk.com/pr-rubikstouch.php), és ladarrera versió electrònica d'aquesta joguina.

Prototpusdel cub de Rubik

El famós cub de Rubik,tota una revolució

Rubik'sTouchCube

Rubik'sFuturo Cube

A més de permetre resoldre el típic cub de colors, inclou altres jocs com elGomoku, el Road Runner, el Cubris (versió de Tetris), l'Snake o el GravityPuzzle. També permet fer partides multijugador mitjançant la connexió a unaltre cub.

Una característica interessant és que el fabricant ofereix de forma gratuïta unSDK complet per a que l'usuari pugui desenvolupar les seves pròpiesaplicacions.

Disseny d'Interacció - PAC1per Jordi Zango Novell 6

Page 7: Disseny d'interacció: casos d'estudi

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 diferentspunts de llum, i cadascuna de les cares del cub representa un apartat diferentd'opcions.

La interacció amb l'usuari es basa en la pressió que aquest fa en els diferentspunts 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 itambé pels moviments que el jugador fa en el aire mantenint el cub en lesseves mans.

Disseny d'Interacció - PAC1per Jordi Zango Novell 7

Page 8: Disseny d'interacció: casos d'estudi

2. Cas d'estudi “Futuro Cube”

L'usuari accedeix a les opcions de programació del cub i la seva recàrregamitjançant una connexió USB.

2.5. Valoració personal

Per les opinions que he pogut copsar a Internet entre els incondicionals del cubde 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 funcionalitatmés per tal de que representés un canvi verdaderament significatiu respectedel Rubik's Touch Cube.

Personalment, he de dir que no he aconseguit mai solucionar del tot el cub deRubik. Segurament, això s'ha degut a que no m'ha semblat un element massamotivador.

Però en aquest cas sí que em sembla una joguina interessant. Potserjustament pel fet que es tracta d'un dispositiu en el que la solució del cub ésnomés una de les funcionalitats oferides.

El fet que el jugador hagi de fer ús de la imaginació espacial en la forma en queaquest cub planteja la interacció em sembla un element diferencial i de valor, jaque no hi ha gaires dispositius que fomentin aquest tipus d'imaginació i deprocessos mentals.

D'altra banda, el fet que l'usuari pugui afegir els seus programes em semblauna molt bona idea que converteix la joguina en alguna cosa més, en unainteressant eina d'exploració i aprenentatge d'interacció.

Disseny d'Interacció - PAC1per Jordi Zango Novell 8

Page 9: Disseny d'interacció: casos d'estudi

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 FaskallyWood a prop de la ciutat de Pitlochry, comtat dePerthshire, en el cor d'Escòcia.

Està dissenyada amb uns espectaculars iinnovadors efectes de llum i so que transformenl'escenari natural del bosc en un paisatge quesembla d'un altre món.

El 2012, any del seu desè aniversari, va rebre elpremi al Millor Esdeveniment Cultural.

Any darrera any, la instal·lació es va renovant ipresenta cada temporada un espectacle diferent.

Durant el 2013, en que va presentar l'espectaclevisual Absorb, la van visitar més de 40.000persones.

Disseny d'Interacció - PAC1per Jordi Zango Novell 9

Page 10: Disseny d'interacció: casos d'estudi

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ó - PAC1per Jordi Zango Novell 10

Page 11: Disseny d'interacció: casos d'estudi

3. Cas d'estudi “The Enchanted Forest”

3.4. Usabilitat

Els visitants poden passejar per un gran espai, en un escenari natural com ésel bosc, i gaudir d'un espectacle de llum, so i música que està configurat per adonar configuracions diferents en funció de quina part del bosc es tracti.

A més de jugar amb els elements naturals del bosc (com per exemplel'orografia natural, la vegetació i l'aigua) també hi ha espais que canvien enfunció de la presencia dels visitants i altres en que aquest poden interactuaramb elements no naturals (pantalles tàctils esfèriques).

En les imatges es pot apreciar com el resultat de la instal·lació és que el visitantes troba immers en un bosc que ha perdut moltes de les característiquesprò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 completamentdesconegut, a un escenari irreal.

3.5. Valoració personal

Encara que el nivell d'interactivitat possiblement no sigui tan alt com el d'altrescasos que es puguin estudiar en aquesta assignatura, hi ha algunes qüestionsque han fet que em resulti molt interessant.

La primera d'aquestes qüestions es la grandària de la instal·lació, un gran espaiobert i a l'aire lliure, amb totes les dificultats que això implica (encara més enuna climatologia com la d'Escòcia). A més, la barreja d'elements naturals ambaparells 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 espaisd'interacció sinó amb la seva mera presència (per exemple, com a portadors deglobus que van canviant de color) afegeixen un punt de variabilitat al resultatfinal de l'espectacle.

Finalment, altres qüestions com per exemple les narracions de contes liafegeixen una característica diversificadora que, en certa manera, converteix lainstal·lació en una mena de producte transmèdia.

En definitiva, la instal·lació em sembla molt interessant i crec que pot agradartant als aficionats a la natura com als que ho són de la tecnologia.

Disseny d'Interacció - PAC1per Jordi Zango Novell 11

Page 12: Disseny d'interacció: casos d'estudi

4. Fonts

4. FontsArs 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 [datade 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/ [datade consulta: 17/03/2014]

5. LlicènciaAquest treball és obra de Jordi Zango Novell, amb llicència Creative CommonsAtribució-NoComercial-CompartirIgual BY-NC-SA 3.0 Unported.

Disseny d'Interacció - PAC1per Jordi Zango Novell 12