SlideShare a Scribd company logo
EINDPRESENTATIE
Masterstudio New Media
            Julie Vandebosch
INHOUD


01/ Inleiding
02/ iPad
03/ Analyses
04/ Immersie
05/ Keuze album
06/ Uitwerking
07/ Bibliografie
INHOUD


01/ Inleiding
02/ iPad
03/ Analyses
04/ Immersie
05/ Keuze album
06/ Uitwerking
07/ Bibliografie
01/ Inleiding

Probleemstelling
Artwork verdwijnt grotendeels bij digitale muziek.
Slechts thumbnail van de cover.


Onderzoeksvraag studio
Hoe kun je het artwork van een muziekalbum omzetten naar een
iPad app die de mogelijkheden van de hardware optimaal benut?
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.
INHOUD


01/ Inleiding
02/ iPad
03/ Analyses
04/ Immersie
05/ Keuze album
06/ Uitwerking
07/ Bibliografie
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)
02/ iPad

iPad gestures
- tap (+ double tap)

- flick

- drag

- pinch en spread

- swipe


bron: Dummies.com (n.d.)
t




    02/ iPad

    Andere mogelijkheden
    - versnellingsmeter + gyroscoop > draaien, schudden,... (Ravado, 2012)

    - microfoon: geluiden, blazen,... (Smith, 2011)

    - camera
INHOUD


01/ Inleiding
02/ iPad
03/ Analyses
04/ Immersie
05/ Keuze album
06/ Uitwerking
07/ Bibliografie
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
t




    03/ Analyses

    Besluit
    - meeste toepassingen niet zo immersief

    - indien wel immersief: immersie wordt vaak doorbroken

    - meestal maar beperkte extra’s



    Enkele voorbeelden
Forss - Ecclesia
Francesca Battistelli - Hundred More Years (iTunes LP)
Francesca Battistelli - Hundred More Years (iTunes LP)
Francesca Battistelli - Hundred More Years (iTunes LP)
Francesca Battistelli - Hundred More Years (iTunes LP)
Suede - Suede (iTunes LP)
Suede - Suede (iTunes LP)
Suede - Suede (iTunes LP)
Suede - Suede (iTunes LP)
Suede - Suede (iTunes LP)
Shapeshifter (website)
Shapeshifter (website)
Shapeshifter (website)
Shapeshifter (website)
INHOUD


01/ Inleiding
02/ iPad
03/ Analyses
04/ Immersie
05/ Keuze album
06/ Uitwerking
07/ Bibliografie
t




    04/ Immersie

    Wat is 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)
t




    Fable III: van wapen veranderen in een kamer
t




    04/ Immersie

    Immersie en geluid
    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.
t




    04/ Immersie

    Immersie en usability
    - 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)
INHOUD


01/ Inleiding
02/ iPad
03/ Analyses
04/ Immersie
05/ Keuze album
06/ Uitwerking
07/ Bibliografie
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
t




    05/ Keuze album

    Woorden die bij Alcest passen
    - dromerig

    - melancholie

    - escapisme

    - Engelen

    - mysterieus

    - herinneringen

    - hoop
INHOUD


01/ Inleiding
02/ iPad
03/ Analyses
04/ Immersie
05/ Keuze album
06/ Uitwerking
07/ Bibliografie
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
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.
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
06/ Uitwerking

Kleurenpalet
- Kleuren die bij het album passen.

- Doen ook denken aan melancholie, mysterie.

- Gouden tinten: elegantie
06/ Uitwerking

Lettertype
- Adobe Garamond Pro

- Lijkt op dat van Alcest

- Goed leesbaar lettertype op iPad (Friedlander, 2011)
06/ Uitwerking

Flowchart
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
06/ Uitwerking

Demo
zie video
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
INHOUD


01/ Inleiding
02/ iPad
03/ Analyses
04/ Immersie
05/ Keuze album
06/ Uitwerking
07/ Bibliografie
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.
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/
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/
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.
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.jpg
http://www.annelearartist.com/images/mountain-stream-collage.jpg
http://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
VRAGEN?

More Related Content

Viewers also liked

ユーザーへより良いWebを提供するために
ユーザーへより良いWebを提供するためにユーザーへより良いWebを提供するために
ユーザーへより良いWebを提供するために
Shigeki Ohtsuki
 
Ppt luas segitiga
Ppt luas segitigaPpt luas segitiga
Ppt luas segitigamuktiati
 
Demonstration of Executable File Upload Attack
Demonstration of Executable File Upload AttackDemonstration of Executable File Upload Attack
Demonstration of Executable File Upload Attack
Shigeki Ohtsuki
 
Style Guide活用のススメ
Style Guide活用のススメStyle Guide活用のススメ
Style Guide活用のススメ
Shigeki Ohtsuki
 

Viewers also liked (10)

ユーザーへより良いWebを提供するために
ユーザーへより良いWebを提供するためにユーザーへより良いWebを提供するために
ユーザーへより良いWebを提供するために
 
hdv
hdvhdv
hdv
 
Logo's
Logo'sLogo's
Logo's
 
Map3
Map3Map3
Map3
 
Ppt luas segitiga
Ppt luas segitigaPpt luas segitiga
Ppt luas segitiga
 
Analyses enhanced cd's
Analyses enhanced cd'sAnalyses enhanced cd's
Analyses enhanced cd's
 
Analyses apps
Analyses appsAnalyses apps
Analyses apps
 
Demonstration of Executable File Upload Attack
Demonstration of Executable File Upload AttackDemonstration of Executable File Upload Attack
Demonstration of Executable File Upload Attack
 
Munduko Jolasak
Munduko JolasakMunduko Jolasak
Munduko Jolasak
 
Style Guide活用のススメ
Style Guide活用のススメStyle Guide活用のススメ
Style Guide活用のススメ
 

More from Julie Vandebosch

Eindpresentatie masterstudio
Eindpresentatie masterstudioEindpresentatie masterstudio
Eindpresentatie masterstudioJulie Vandebosch
 
Masterproject
MasterprojectMasterproject
Masterproject
Julie Vandebosch
 
Bespreking Electrified III
Bespreking Electrified IIIBespreking Electrified III
Bespreking Electrified IIIJulie Vandebosch
 

More from Julie Vandebosch (7)

Presentatie scriptie
Presentatie scriptiePresentatie scriptie
Presentatie scriptie
 
Eindpresentatie masterstudio
Eindpresentatie masterstudioEindpresentatie masterstudio
Eindpresentatie masterstudio
 
Analyses iTunes LP's
Analyses iTunes LP'sAnalyses iTunes LP's
Analyses iTunes LP's
 
Analyse EVE
Analyse EVEAnalyse EVE
Analyse EVE
 
Masterproject
MasterprojectMasterproject
Masterproject
 
iTunes meta tags
iTunes meta tagsiTunes meta tags
iTunes meta tags
 
Bespreking Electrified III
Bespreking Electrified IIIBespreking Electrified III
Bespreking Electrified III
 

Eindpresentatie masterstudio 2

  • 2. INHOUD 01/ Inleiding 02/ iPad 03/ Analyses 04/ Immersie 05/ Keuze album 06/ Uitwerking 07/ Bibliografie
  • 3. INHOUD 01/ Inleiding 02/ iPad 03/ Analyses 04/ Immersie 05/ Keuze album 06/ Uitwerking 07/ Bibliografie
  • 4. 01/ Inleiding Probleemstelling Artwork verdwijnt grotendeels bij digitale muziek. Slechts thumbnail van de cover. Onderzoeksvraag studio Hoe kun je het artwork van een muziekalbum omzetten naar een iPad app die de mogelijkheden van de hardware optimaal benut?
  • 5. 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.
  • 6. INHOUD 01/ Inleiding 02/ iPad 03/ Analyses 04/ Immersie 05/ Keuze album 06/ Uitwerking 07/ Bibliografie
  • 7. 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)
  • 8. 02/ iPad iPad gestures - tap (+ double tap) - flick - drag - pinch en spread - swipe bron: Dummies.com (n.d.)
  • 9. t 02/ iPad Andere mogelijkheden - versnellingsmeter + gyroscoop > draaien, schudden,... (Ravado, 2012) - microfoon: geluiden, blazen,... (Smith, 2011) - camera
  • 10. INHOUD 01/ Inleiding 02/ iPad 03/ Analyses 04/ Immersie 05/ Keuze album 06/ Uitwerking 07/ Bibliografie
  • 11. 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
  • 12. t 03/ Analyses Besluit - meeste toepassingen niet zo immersief - indien wel immersief: immersie wordt vaak doorbroken - meestal maar beperkte extra’s Enkele voorbeelden
  • 14. Francesca Battistelli - Hundred More Years (iTunes LP)
  • 15. Francesca Battistelli - Hundred More Years (iTunes LP)
  • 16. Francesca Battistelli - Hundred More Years (iTunes LP)
  • 17. Francesca Battistelli - Hundred More Years (iTunes LP)
  • 18. Suede - Suede (iTunes LP)
  • 19. Suede - Suede (iTunes LP)
  • 20. Suede - Suede (iTunes LP)
  • 21. Suede - Suede (iTunes LP)
  • 22. Suede - Suede (iTunes LP)
  • 27. INHOUD 01/ Inleiding 02/ iPad 03/ Analyses 04/ Immersie 05/ Keuze album 06/ Uitwerking 07/ Bibliografie
  • 28. t 04/ Immersie Wat is 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)
  • 29. t Fable III: van wapen veranderen in een kamer
  • 30. t 04/ Immersie Immersie en geluid 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.
  • 31. t 04/ Immersie Immersie en usability - 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)
  • 32. INHOUD 01/ Inleiding 02/ iPad 03/ Analyses 04/ Immersie 05/ Keuze album 06/ Uitwerking 07/ Bibliografie
  • 33. 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
  • 34.
  • 35. t 05/ Keuze album Woorden die bij Alcest passen - dromerig - melancholie - escapisme - Engelen - mysterieus - herinneringen - hoop
  • 36. INHOUD 01/ Inleiding 02/ iPad 03/ Analyses 04/ Immersie 05/ Keuze album 06/ Uitwerking 07/ Bibliografie
  • 37. 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
  • 38. 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.
  • 39. 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
  • 40.
  • 41. 06/ Uitwerking Kleurenpalet - Kleuren die bij het album passen. - Doen ook denken aan melancholie, mysterie. - Gouden tinten: elegantie
  • 42. 06/ Uitwerking Lettertype - Adobe Garamond Pro - Lijkt op dat van Alcest - Goed leesbaar lettertype op iPad (Friedlander, 2011)
  • 44. 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
  • 45.
  • 46.
  • 47.
  • 49. 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
  • 50.
  • 51. INHOUD 01/ Inleiding 02/ iPad 03/ Analyses 04/ Immersie 05/ Keuze album 06/ Uitwerking 07/ Bibliografie
  • 52. 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.
  • 53. 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/
  • 54. 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/
  • 55. 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.
  • 56. 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.jpg http://www.annelearartist.com/images/mountain-stream-collage.jpg http://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