Eindpresentatie masterstudio 2

57
EINDPRESENTATIE Masterstudio New Media Julie Vandebosch

description

Met de juiste afbeeldingen.

Transcript of Eindpresentatie masterstudio 2

Page 1: Eindpresentatie masterstudio 2

EINDPRESENTATIEMasterstudio New Media

Julie Vandebosch

Page 2: Eindpresentatie masterstudio 2

INHOUD

01/ Inleiding

02/ iPad

03/ Analyses

04/ Immersie

05/ Keuze album

06/ Uitwerking

07/ Bibliografie

Page 3: Eindpresentatie masterstudio 2

INHOUD

01/ Inleiding

02/ iPad

03/ Analyses

04/ Immersie

05/ Keuze album

06/ Uitwerking

07/ Bibliografie

Page 4: Eindpresentatie masterstudio 2

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

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

INHOUD

01/ Inleiding

02/ iPad

03/ Analyses

04/ Immersie

05/ Keuze album

06/ Uitwerking

07/ Bibliografie

Page 7: Eindpresentatie masterstudio 2

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

02/ iPad

iPad gestures

- tap (+ double tap)

- flick

- drag

- pinch en spread

- swipe

bron: Dummies.com (n.d.)

Page 9: Eindpresentatie masterstudio 2

t

02/ iPad

Andere mogelijkheden

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

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

- camera

Page 10: Eindpresentatie masterstudio 2

INHOUD

01/ Inleiding

02/ iPad

03/ Analyses

04/ Immersie

05/ Keuze album

06/ Uitwerking

07/ Bibliografie

Page 11: Eindpresentatie masterstudio 2

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

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

Forss - Ecclesia

Page 14: Eindpresentatie masterstudio 2

Francesca Battistelli - Hundred More Years (iTunes LP)

Page 15: Eindpresentatie masterstudio 2

Francesca Battistelli - Hundred More Years (iTunes LP)

Page 16: Eindpresentatie masterstudio 2

Francesca Battistelli - Hundred More Years (iTunes LP)

Page 17: Eindpresentatie masterstudio 2

Francesca Battistelli - Hundred More Years (iTunes LP)

Page 18: Eindpresentatie masterstudio 2

Suede - Suede (iTunes LP)

Page 19: Eindpresentatie masterstudio 2

Suede - Suede (iTunes LP)

Page 20: Eindpresentatie masterstudio 2

Suede - Suede (iTunes LP)

Page 21: Eindpresentatie masterstudio 2

Suede - Suede (iTunes LP)

Page 22: Eindpresentatie masterstudio 2

Suede - Suede (iTunes LP)

Page 23: Eindpresentatie masterstudio 2

Shapeshifter (website)

Page 24: Eindpresentatie masterstudio 2

Shapeshifter (website)

Page 25: Eindpresentatie masterstudio 2

Shapeshifter (website)

Page 26: Eindpresentatie masterstudio 2

Shapeshifter (website)

Page 27: Eindpresentatie masterstudio 2

INHOUD

01/ Inleiding

02/ iPad

03/ Analyses

04/ Immersie

05/ Keuze album

06/ Uitwerking

07/ Bibliografie

Page 28: Eindpresentatie masterstudio 2

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

t

Fable III: van wapen veranderen in een kamer

Page 30: Eindpresentatie masterstudio 2

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

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

INHOUD

01/ Inleiding

02/ iPad

03/ Analyses

04/ Immersie

05/ Keuze album

06/ Uitwerking

07/ Bibliografie

Page 33: Eindpresentatie masterstudio 2

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

t

05/ Keuze album

Woorden die bij Alcest passen

- dromerig

- melancholie

- escapisme

- Engelen

- mysterieus

- herinneringen

- hoop

Page 36: Eindpresentatie masterstudio 2

INHOUD

01/ Inleiding

02/ iPad

03/ Analyses

04/ Immersie

05/ Keuze album

06/ Uitwerking

07/ Bibliografie

Page 37: Eindpresentatie masterstudio 2

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

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

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

06/ Uitwerking

Kleurenpalet

- Kleuren die bij het album passen.

- Doen ook denken aan melancholie, mysterie.

- Gouden tinten: elegantie

Page 42: Eindpresentatie masterstudio 2

06/ Uitwerking

Lettertype

- Adobe Garamond Pro

- Lijkt op dat van Alcest

- Goed leesbaar lettertype op iPad (Friedlander, 2011)

Page 43: Eindpresentatie masterstudio 2

06/ Uitwerking

Flowchart

Page 44: Eindpresentatie masterstudio 2

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

06/ Uitwerking

Demo

zie video

Page 49: Eindpresentatie masterstudio 2

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

INHOUD

01/ Inleiding

02/ iPad

03/ Analyses

04/ Immersie

05/ Keuze album

06/ Uitwerking

07/ Bibliografie

Page 52: Eindpresentatie masterstudio 2

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

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

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

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

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

VRAGEN?