Eindpresentatie masterstudio

57
EINDPRESENTATIE Masterstudio New Media Julie Vandebosch

Transcript of Eindpresentatie masterstudio

Page 1: Eindpresentatie masterstudio

EINDPRESENTATIEMasterstudio New Media

Julie Vandebosch

Page 2: Eindpresentatie masterstudio

INHOUD

01/ Inleiding

02/ iPad

03/ Analyses

04/ Immersie

05/ Keuze album

06/ Uitwerking

07/ Bibliografie

Page 3: Eindpresentatie masterstudio

INHOUD

01/ Inleiding

02/ iPad

03/ Analyses

04/ Immersie

05/ Keuze album

06/ Uitwerking

07/ Bibliografie

Page 4: Eindpresentatie masterstudio

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

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

INHOUD

01/ Inleiding

02/ iPad

03/ Analyses

04/ Immersie

05/ Keuze album

06/ Uitwerking

07/ Bibliografie

Page 7: Eindpresentatie masterstudio

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

02/ iPad

iPad gestures

- tap (+ double tap)

- flick

- drag

- pinch en spread

- swipe

bron: Dummies.com (n.d.)

Page 9: Eindpresentatie masterstudio

t

02/ iPad

Andere mogelijkheden

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

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

- camera

Page 10: Eindpresentatie masterstudio

INHOUD

01/ Inleiding

02/ iPad

03/ Analyses

04/ Immersie

05/ Keuze album

06/ Uitwerking

07/ Bibliografie

Page 11: Eindpresentatie masterstudio

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

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

Forss - Ecclesia

Page 14: Eindpresentatie masterstudio

Francesca Battistelli - Hundred More Years (iTunes LP)

Page 15: Eindpresentatie masterstudio

Francesca Battistelli - Hundred More Years (iTunes LP)

Page 16: Eindpresentatie masterstudio

Francesca Battistelli - Hundred More Years (iTunes LP)

Page 17: Eindpresentatie masterstudio

Francesca Battistelli - Hundred More Years (iTunes LP)

Page 18: Eindpresentatie masterstudio

Suede - Suede (iTunes LP)

Page 19: Eindpresentatie masterstudio

Suede - Suede (iTunes LP)

Page 20: Eindpresentatie masterstudio

Suede - Suede (iTunes LP)

Page 21: Eindpresentatie masterstudio

Suede - Suede (iTunes LP)

Page 22: Eindpresentatie masterstudio

Suede - Suede (iTunes LP)

Page 23: Eindpresentatie masterstudio

Shapeshifter (website)

Page 24: Eindpresentatie masterstudio

Shapeshifter (website)

Page 25: Eindpresentatie masterstudio

Shapeshifter (website)

Page 26: Eindpresentatie masterstudio

Shapeshifter (website)

Page 27: Eindpresentatie masterstudio

INHOUD

01/ Inleiding

02/ iPad

03/ Analyses

04/ Immersie

05/ Keuze album

06/ Uitwerking

07/ Bibliografie

Page 28: Eindpresentatie masterstudio

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

t

Fable III: van wapen veranderen in een kamer

Page 30: Eindpresentatie masterstudio

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

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

INHOUD

01/ Inleiding

02/ iPad

03/ Analyses

04/ Immersie

05/ Keuze album

06/ Uitwerking

07/ Bibliografie

Page 33: Eindpresentatie masterstudio

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
Page 35: Eindpresentatie masterstudio

t

05/ Keuze album

Woorden die bij Alcest passen

- dromerig

- melancholie

- escapisme

- Engelen

- mysterieus

- herinneringen

- hoop

Page 36: Eindpresentatie masterstudio

INHOUD

01/ Inleiding

02/ iPad

03/ Analyses

04/ Immersie

05/ Keuze album

06/ Uitwerking

07/ Bibliografie

Page 37: Eindpresentatie masterstudio

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

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

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
Page 41: Eindpresentatie masterstudio

06/ Uitwerking

Kleurenpalet

- Kleuren die bij het album passen.

- Doen ook denken aan melancholie, mysterie.

- Gouden tinten: elegantie

Page 42: Eindpresentatie masterstudio

06/ Uitwerking

Lettertype

- Adobe Garamond Pro

- Lijkt op dat van Alcest

- Goed leesbaar lettertype op iPad (Friedlander, 2011)

Page 43: Eindpresentatie masterstudio

06/ Uitwerking

Flowchart

Page 44: Eindpresentatie masterstudio

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
Page 46: Eindpresentatie masterstudio
Page 47: Eindpresentatie masterstudio
Page 48: Eindpresentatie masterstudio

06/ Uitwerking

Demo

zie video

Page 49: Eindpresentatie masterstudio

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
Page 51: Eindpresentatie masterstudio

INHOUD

01/ Inleiding

02/ iPad

03/ Analyses

04/ Immersie

05/ Keuze album

06/ Uitwerking

07/ Bibliografie

Page 52: Eindpresentatie masterstudio

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

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

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

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

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

VRAGEN?