Eindpresentatie masterstudio 2
-
Upload
julie-vandebosch -
Category
Documents
-
view
205 -
download
0
description
Transcript of Eindpresentatie masterstudio 2
![Page 1: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/1.jpg)
EINDPRESENTATIEMasterstudio New Media
Julie Vandebosch
![Page 2: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/2.jpg)
INHOUD
01/ Inleiding
02/ iPad
03/ Analyses
04/ Immersie
05/ Keuze album
06/ Uitwerking
07/ Bibliografie
![Page 3: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/3.jpg)
INHOUD
01/ Inleiding
02/ iPad
03/ Analyses
04/ Immersie
05/ Keuze album
06/ Uitwerking
07/ Bibliografie
![Page 4: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/4.jpg)
01/ Inleiding
Probleemstelling Artwork verdwijnt grotendeels bij digitale muziek.
Slechts thumbnail van de cover.
Onderzoeksvraag studioHoe kun je het artwork van een muziekalbum omzetten naar een
iPad app die de mogelijkheden van de hardware optimaal benut?
![Page 5: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/5.jpg)
01/ Inleiding
Wat heb ik voor de studio gedaan?Bestaand album omgezet naar een iPad app, d.m.v. eigen
interpretatie.
Hierbij rekening gehouden met de mogelijkheden van de drager.
![Page 6: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/6.jpg)
INHOUD
01/ Inleiding
02/ iPad
03/ Analyses
04/ Immersie
05/ Keuze album
06/ Uitwerking
07/ Bibliografie
![Page 7: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/7.jpg)
02/ iPad
Waarom?- behoud van de tactiele ervaring: je houdt de iPad vast
--> ook handiger dan een laptop
- intuïtief en interactief
- reeds verschillende album apps gevonden voor iPad en smartphone
- groter scherm dan een smartphone
- Apple heeft nog steeds het grootste aandeel in de tabletmarkt.
ABI Research, 2012)
![Page 8: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/8.jpg)
02/ iPad
iPad gestures
- tap (+ double tap)
- flick
- drag
- pinch en spread
- swipe
bron: Dummies.com (n.d.)
![Page 9: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/9.jpg)
t
02/ iPad
Andere mogelijkheden
- versnellingsmeter + gyroscoop > draaien, schudden,... (Ravado, 2012)
- microfoon: geluiden, blazen,... (Smith, 2011)
- camera
![Page 10: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/10.jpg)
INHOUD
01/ Inleiding
02/ iPad
03/ Analyses
04/ Immersie
05/ Keuze album
06/ Uitwerking
07/ Bibliografie
![Page 11: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/11.jpg)
t
03/ Analyses
- gebaseerd op de concurrentieanalyse voor websites van Hedwyg van
Groenendaal (2009)
- aangepast voor andere toepassingen (enhanced cd’s, iPad apps,...)
- aangevuld op basis voorlopig besluit van vorige presentatie:
Zaken die de album/muziekervaring kunnen bevorderen:
- foto’s / illustraties
- songteksten
- video’s / animaties
- games
- andere vormen van interactie
![Page 12: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/12.jpg)
t
03/ Analyses
- meeste toepassingen niet zo immersief
- indien wel immersief: immersie wordt vaak doorbroken
- meestal maar beperkte extra’s
Besluit
Enkele voorbeelden
![Page 13: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/13.jpg)
Forss - Ecclesia
![Page 14: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/14.jpg)
Francesca Battistelli - Hundred More Years (iTunes LP)
![Page 15: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/15.jpg)
Francesca Battistelli - Hundred More Years (iTunes LP)
![Page 16: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/16.jpg)
Francesca Battistelli - Hundred More Years (iTunes LP)
![Page 17: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/17.jpg)
Francesca Battistelli - Hundred More Years (iTunes LP)
![Page 18: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/18.jpg)
Suede - Suede (iTunes LP)
![Page 19: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/19.jpg)
Suede - Suede (iTunes LP)
![Page 20: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/20.jpg)
Suede - Suede (iTunes LP)
![Page 21: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/21.jpg)
Suede - Suede (iTunes LP)
![Page 22: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/22.jpg)
Suede - Suede (iTunes LP)
![Page 23: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/23.jpg)
Shapeshifter (website)
![Page 24: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/24.jpg)
Shapeshifter (website)
![Page 25: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/25.jpg)
Shapeshifter (website)
![Page 26: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/26.jpg)
Shapeshifter (website)
![Page 27: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/27.jpg)
INHOUD
01/ Inleiding
02/ iPad
03/ Analyses
04/ Immersie
05/ Keuze album
06/ Uitwerking
07/ Bibliografie
![Page 28: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/28.jpg)
t
04/ Immersie
- onderdompeling in een virtuele wereld
- wordt vaak in verband gebracht met games
(bv. interfaces die helemaal opgaan in het thema van de game)
(Miles, 2011)
Wat is immersie?
![Page 29: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/29.jpg)
t
Fable III: van wapen veranderen in een kamer
![Page 30: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/30.jpg)
t
04/ Immersie
Volgens Frances Dyson (2009) is geluid het medium bij uitstek om
immersie te creëren. Het lichaam staat hierbij centraal.
Geluid omringt je en zorgt ervoor dat je geabsorbeerd wordt in een
immersieve omgeving.
Immersie en geluid
![Page 31: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/31.jpg)
t
04/ Immersie
- Immersieve interfaces zijn vaak minder duidelijk en daardoor mind-
er gebruiksvriendelijk.
- De meeste immersieve apps gebruiken een eigen systeem, niet dat
van het platform.
> bevordert immersie
> past binnen eigen omgeving, met eigen regels en interacties
(Balkan, 2012)
Immersie en usability
![Page 32: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/32.jpg)
INHOUD
01/ Inleiding
02/ iPad
03/ Analyses
04/ Immersie
05/ Keuze album
06/ Uitwerking
07/ Bibliografie
![Page 33: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/33.jpg)
t
05/ Keuze album
Alcest - Les Voyages de l’Âme
- dromerige, zweverige muziek
- teksten over een andere wereld, die
toch bestaat
- reis van de ziel
![Page 34: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/34.jpg)
![Page 35: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/35.jpg)
t
05/ Keuze album
Woorden die bij Alcest passen
- dromerig
- melancholie
- escapisme
- Engelen
- mysterieus
- herinneringen
- hoop
![Page 36: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/36.jpg)
INHOUD
01/ Inleiding
02/ iPad
03/ Analyses
04/ Immersie
05/ Keuze album
06/ Uitwerking
07/ Bibliografie
![Page 37: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/37.jpg)
06/ Uitwerking
Concept
- eigen interpretatie van die andere wereld
- app geeft je de mogelijkheid om die wereld te verkennen
- geen echt verhaal, je moet zelf ontdekken
- bij beelden wel rekening gehouden met de songtekst
- mysterieuze wereld, in de natuur
- veel extra informatie, zowel te ontdekken als eenvoudig op te roepen
- gesynchroniseerde songteksten
![Page 38: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/38.jpg)
06/ Uitwerking
Doelgroep
Alcest fans met een iPad.
Mensen die van shoegaze / post-rock / metal houden en belang
hechten aan de tekst en artwork.
Mensen die actief naar muziek luisteren en open staan om er
interactief mee om te gaan.
20 - 30 jaar.
![Page 39: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/39.jpg)
06/ Uitwerking
Moodboard
- allerlei afbeeldingen verzameld die de juiste sfeer oproepen
- verzameling collages ter inspiratie
- bedoeling uitwerking: sfeer overbrengen en de elegantie, maar eigen
stijl
![Page 40: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/40.jpg)
![Page 41: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/41.jpg)
06/ Uitwerking
Kleurenpalet
- Kleuren die bij het album passen.
- Doen ook denken aan melancholie, mysterie.
- Gouden tinten: elegantie
![Page 42: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/42.jpg)
06/ Uitwerking
Lettertype
- Adobe Garamond Pro
- Lijkt op dat van Alcest
- Goed leesbaar lettertype op iPad (Friedlander, 2011)
![Page 43: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/43.jpg)
06/ Uitwerking
Flowchart
![Page 44: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/44.jpg)
06/ Uitwerking
Interface
- immersief
- wensballon met A van het logo om menu op te roepen
- pauwenveer: gesynchroniseerde teksten aan / uit
- sleutel: tip
- je ziet rond het menu het beeld nog
![Page 45: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/45.jpg)
![Page 46: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/46.jpg)
![Page 47: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/47.jpg)
![Page 48: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/48.jpg)
06/ Uitwerking
Demo
zie video
![Page 49: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/49.jpg)
06/ Uitwerking
Extra mogelijkheden
- paardenbloem blazen: je krijgt een wens
- beeld van kleur doen veranderen door te vegen
- iets uit boom laten vallen door te schudden
- ...
- overgang lied: geluid wordt stiller als je in de buurt van de omgeving
van een ander lied komt
![Page 50: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/50.jpg)
![Page 51: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/51.jpg)
INHOUD
01/ Inleiding
02/ iPad
03/ Analyses
04/ Immersie
05/ Keuze album
06/ Uitwerking
07/ Bibliografie
![Page 52: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/52.jpg)
07/ Bibliografie
Boeken en artikels
Balkan, Aral (2012). “Mobile Considerations in User Experience Design: ‘Web or Native?’” In Stocks,
Boag e.a., The Smashing Book #3: Redesign the Web. Freiburg: Smashing Media GmbH, 278.
Dyson, Frances. Sounding New Media: Immersion and Embodiment in the Arts and Culture.
Berkeley: University of California Press, 2009.
![Page 53: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/53.jpg)
07/ Bibliografie
Internet
ABI Research (2012, 23 augustus). Tablet Market on Track to Exceed 100 Million Shipments in
2012. Geraadpleegd op 28 november 2012:
http://www.abiresearch.com/press/tablet-market-on-track-to-exceed-100-million-shipm
Dummies.com (n.d.). How to Tap, Flick, Pinch, and Control the iPad Display. Geraadpleegd op 28
november 2012: http://www.dummies.com/how-to/content/how-to-tap-flick-pinch-and-conrol-
the-ipad-display.html
Friedlander (2010). Apple iPad Typography: Fonts We Actually Want. Geraadpleegd op 12 januari
2013: http://www.thebookdesigner.com/2010/03/apple-ipad-typography-fonts-we-actually-want/
![Page 54: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/54.jpg)
07/ Bibliografie
Internet
Miles, Anne (2011). What Web Designers Can Learn From Video Games. Geraadpleegd op
17 januari 2013: http://www.smashingmagazine.com/2011/07/27/what-web-designers-can-learn-
from-video-games/
Ravado, Rik (2012). 10 Best Free Accelerometer Apps for iPhone and iPod Touch. Geraadpleegd op
25 januari 2013: http://rikravado.hubpages.com/hub/10-Best-Accelerometer-Apps
Smith, Michael (2011). Mic-Enabled Entertainment Apps for the iPhone Are a Breath of Fresh Air.
Geraadpleegd op 25 januari 2013: http://www.idownloadblog.com/2011/07/17/mic-enabled-enter-
tainment-apps/
![Page 55: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/55.jpg)
07/ Bibliografie
Internet (voorbeelden)
http://shapeshifter.co.nz
iTunes LP’s
Francesca Battistelli - Hundred More Years (2011)Suede - Suede (2011)
Andere
van Groenendaal, H. Concurrentie-analyse. 2009. Tabel. Den Haag: Academic Service.
![Page 56: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/56.jpg)
07/ Bibliografie
Afbeeldingen
Alcest albums: Les Voyages de l’Âme (2012), Ecailles de Lune (2010), Souvenirs d’un Autre Monde (2007) Screenshot van videoclip Alcest - Autre Temps (2012)
Collages:http://static.designformankind.com/images/2010/01/mountain-collage.jpghttp://www.annelearartist.com/images/mountain-stream-collage.jpghttp://25.media.tumblr.com/dc4b2dd2f1d887ba94e70d6729d2ce99/tumblr_mh8uno0sCE1rs98b-no1_500.jpg
Screenshot Fable III (2010): http://files.cybergamer.com.au/riley/ReviewTeam/Fable3/f3sanctu-ary2.jpg
![Page 57: Eindpresentatie masterstudio 2](https://reader033.fdocuments.net/reader033/viewer/2022052602/559c47a51a28ab9a218b47ff/html5/thumbnails/57.jpg)
VRAGEN?