Eindpresentatie masterstudio

EINDPRESENTATIEMasterstudio 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 studioHoe 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

- meeste toepassingen niet zo immersief

- indien wel immersief: immersie wordt vaak doorbroken

- meestal maar beperkte extra’s

Besluit

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

- 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?

t

Fable III: van wapen veranderen in een kamer

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

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

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.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

VRAGEN?