Archive for the ‘ Interaction Design ’ Category

Eindopdracht Blok 1

Voor het vak interaction design heb ik een kleine interactieve productie gemaakt wat om het script van de film Office Space draait. Ik heb dan ook een foto van een bestaande “werkplek” genomen en hier kan via visuele links delen van het script worden gelezen. Verder zitten er een paar afbeeldingen van “Hoe” Office Space er ook uit had kunnen zien… Klik hier of op het plaatje hieronder om het eindresultaat te bekijken.

work-screen.png

 

Ik heb voor ik tot het eindresultaat kwam ook de feedback van medestudenten en mijn leraar verwerkt. De “Beta” versie heb ik ook online gezet om een kleine inzicht te geven van het process. Klik hier om de “Beta” versie te bekijken.

Office Space Screenshot compilation

Voor het vak Interaction Design heb ik deze week een samenvatting gemaakt van de film Office Space, door 20 van de belangrijkste momenten op 1 pagina te zetten. Persoonlijk vind ik hem wel aardig gelukt, hopenlijk is de beoordeling hier ook naar…

Office Space compilation

Office Space Lay-outs

Because I didn’t finish Interaction Design last year, I’m following the class this year. Our first assignment was to pick a movie we like and pick a piece of conversation and make 3 layouts of this for the screen and for print. I picked a personal favourite of mine “Office Space”, below you can look at my results…

Office Space Lay-out 3

Office Space Lay-out 2

Office Space Lay-out 1

Screen Lay-out 1

Screen Lay-out 2

Screen Lay-out 3

 

Claim het Vondelpark – 24/7 VondelSoundZ Benodigdheden

Op verzoek van onze leraar Niels Wolf hebben wij hieronder op de kaart aan gegeven waar onze presentatie van aankomende woensdag zich zal gaan plaats nemen. Wij zullen tijdens de presentatie gebruik gaan maken van een enkele Macbook of Macbook Pro samen met een stel computer boxjes om meer geluid te kunnen produceren dan dat eruit onze laptops komt.

We weten niet precies hoeveel Watt dit alles gaat trekken, maar als ik mij niet vergis trekt een standaard Macbook rond de 60 Watt. We kunnen hierdoor extrapolerend doorgaan dat de Pro niet meer dan 80 a 100 Watt zal trekken. De boxjes zijn klein en zullen per stuk zeker niet meer dan 50 Watt trekken waardoor dit totaal dus rond de 100 Watt zal komen te liggen. Al met al kunnen we er dus vanuit gaan dat wij tijdens de presentatie niet meer dan 200 Watt totaal zullen nodig hebben. Een stopcontact om dit alles in te stoppen is dus absoluut een vereiste, we zullen zelf een verdeeldoos mee nemen om aan een enkele outlett genoeg te hebben.

kaart-benodigdheden.jpg

Claim het Vondelpark – Leerdoelen

Voor de TDI case van blok 3 heb ik de volgende leerdoelen voor mezelf geformuleerd:

- Ik ben altijd al groot fan geweest van Flash en een tijdje geleden had ik te horen gekregen dat er door middel van actionscript in combinatie met een webcam motie detectie mogelijkheden waren in Flash. Hierdoorheb ik dan ook als eerste leerdoel voor mezelf gezet uit te zoeken wat de mogelijkheden zijn van het gebruik van de webcam in Flash.

- Doordat ik nog niet zo ver gevorderd ben met actionscripting wil ik mij in deze opdracht vooral conceptueel ontwikkelen. Het nadenken over de toepassingen geschikt voor een locatie, het verder ontwikkelen van een idee tot een werkend product en uiteraard de constante koerswijzigingen onderweg houden mij in dit project vooral bezig.

Claim het Vondelpark – Mindmap

Deze week ben ik aan de slag gegaan met het inkaart brengen van mijn associaties en ideeen bij mijn gekozen onderwerpen het openluchttheater en het informatiebord. Hieronder kan je het resultaat van beide mindmaps bekijken:

infbord.jpg

openltheater.jpg

Persoonlijk vind ik het openluchttheater het meeste potentie hebben of in ieder geval mijn ideeen om het geheel interactiever maken leuker. Mijn voorkeur gaat er dan ook naar uit om hiermee verder te gaan.

Claim het Vondelpark – Research

Het volgende blok is begonnen en ook ditmaal is er een leuke opdracht voor ons bedacht onder de naam “Claim the %^&# Park”. Het uitgangspunt is het creëren van een audiovisueel interactief concept gebaseerd op een locatie, namelijk het Vondelpark in Amsterdam. De uitdaging van dit project is om een audiovisuele – non lineaire – oplossing te bedenken voor een nader te definiëren specifieke groep gebruikers van het park (denk aan joggers, toeristen, voorbijgangers, fietsers of wandelaars). Hierbij kun je denken aan betere informatievoorziening in een ‘playfull way’, of het creëren van een experience voor de bezoekers, gebaseerd op de faciliteiten/omgeving van het park.

De afgelopen 2 weken heb ik me dan ook verdiept in het onderzoek naar de mogelijkheden die het park biedt om deze opdracht te volbrengen. In eerste instantie ben ik richting het Vondelpark gegaan om me eens te orienteren en mijn eerste indrukken vast te leggen met de camera. Uit deze verschillende foto’s heb ik vervolgens 6 objecten gekozen om mij op te richten, hieronder zijn de foto’s te bekijken:

openlucht-theater.jpgvertigo-vondelpark.jpgstandbeeld.jpg

vondelpark-muziekkapel-trouwplekje-04-04-2006.jpgspeeltuin.jpginformatie-bord.jpg

Van links naar rechts en van boven naar onder zijn dit: het openluchttheater, cafe Vertigo, standbeelden in het park, het muziektentje, de speeltuin en informatieborden.

Na deze eerste kennismaking met het park en het op een rijtje zetten van de interessantste objecten, ben ik gaan brainstormen over doelgroepen en mogelijke interactieve toepassingen van de objecten. Ik heb vervolgens mijn keuze laten vallen op het openluchttheater en de informatieborden. Hieronder heb ik deze 2 focuspunten van mij op de kaart van het Vondelpark aangegeven:

kaart.jpg

Openluchttheater:

Bij nader onderzoek bleek dat het openluchttheater in de warmere maanden veel gebruikt wordt om optredens en voorstellingen te geven. En zoals verwacht wordt hier door de bezoekers van het park van jong tot oud dankbaar gebruik van gemaakt. Op het moment dat ik in het park was regende het en zag alles en grauw en saai uit. Ondanks dit zag ik wel de potentie van het openluchttheater en ben ik verder gaan zoeken naar interactieve toepassingen die mogelijk ook hier op toegepast konden worden. Hier staan een aantal links waar ik mij door liet inspireren:

- Opera in het park

Deze pagina is een van de vele voorbeelden van optredens en voorstellingen in het openluchttheater.

- Dune 4.0, een kunstwerk van Daan Roosegaarde

Dit is een interactief landschap dat zich fysiek aanpast aan de aanwezigheid van een mens. De installatie reageert op beweging en geluid van de personen die er langs lopen. Binnenin zitten microfoons en bewegingssensoren die alles registeren

- Textile based sensing T-shirt maakt air-guitaar realistisch

Wetenschappers hebben een T-shirt ontworpen wat het mogelijk maakt om muziek te maken zonder gebruik te maken van een echte guitaar. Het T-shirt heeft bewegingssensoren in de ellebogen die de bewegingen waarnemen en deze draadloos doorsturen naar en computer die deze vertaalt naar guitaargeluid.

Dit gaf mij in ieder geval genoeg stof tot nadenken. Het lijkt me geweldig als we met deze nieuwe technieken een soort open podium zouden kunnen creeren die interactief reageert op het publiek. Op de beweging en ritme van de aanwezigen zou er muziek gegenereerd kunnen worden welke ondersteund zou kunnen worden met al bekende visuele oplossingen die nu bijvoorbeeld te zien zijn in windows mediaplayer.

Informatieborden: 

De informatieborden zijn uiteraard overduidelijk aan te passen om audiovisueel interactief te maken. Er kan op zo een manier een legio aan informatie op een enkel scherm komen te staan, denk hierbij aan openbaarvervoer, een programma voor het openluchttheater of de algemene regels van het park. Na een korte zoektocht voor meer inspiratie kwam ik op de volgende pagina terecht:

- GPS Touchscreens invade NYC cabs

Hier wordt verslag gedaan van de laatste ontwikkelingen van gebruiksvriendelijkheid van New Yorkse taxi’s. Door een touchscreen in de taxi’s te bouwen kunnen klanten hun reis digitaal bekijken, informatie opzoeken en digitaal betalen.

 

Conte(x/n)t in een andere Conte(n/x)t

Deze week had ik voor Interaction Design de opdracht om een stuk content in een andere context (of andersom), te zetten. Om dit te doen heb ik gekozen voor een poster die op mijn kamer hangt van de film Pulp Fiction. Hieronder zijn de resultaten te zien:

 pulp.jpgpulp2.jpg

Zoals je kan zien is d.m.v. een simpele toevoeging van het plaatje de interpetatie van het plaatje totaal anders geworden. In mijn beleving gaat hij van serieus en dodelijk naar precies het tegenovergestelde.

Mijn interacieve lettertype

Voor het vak Interaction Design heb ik een interactief lettertype ontwikkeld. Screenshots van dit lettertype zijn hieronder te vinden samen met de uitleg op welke manier de interactie teweeg wordt gebracht.

interactief-lettertype1.jpginteractief-lettertype2.jpginteractief-lettertype3.jpginteractief-lettertype4.jpg

Naar mate een bepaalde letter tijden het typen van een bericht of brief meer gebruikt wordt, begint de letter steeds en steeds waziger te worden. Op deze manier krijg je een indruk van welke letter er het meest wordt gebruikt tijdens het typen van het bericht. Je zou kunnen zeggen dat er een soort van slijtage van de desbetreffende letter op het toetsenbord wordt bewerkstelligd.