Interactie Ontwerp Lowlands & OOR

Interactie Ontwerp Lowlands & OOR Student: Klas: Docent: Vak: Datum: Versie:

Ilayda Kucukosmanoglu 500655851 V1-07 Gertrude Lok Informatie Architectuur 7 november 2013 2.0

Inhoudsopgave Introductie

Lowlands Applicatie

OOR website

Debriefing

blz. 3

Sitemap Lowlands

blz. 6

Sitemap OOR

blz. 21

Aanpak

blz. 4

Persona Lowlands

blz. 7

Persona OOR

blz. 22

Lo-Fi - Homepage - Lowlands

blz. 8

Lo-Fi - Homepage - OOR

blz. 23

Hi-Fi - Homepage - Lowlands

blz. 9

Hi-Fi - Homepage - OOR

Lo-Fi - Agenda - Lowlands

blz. 10

Lo-Fi - Artikel overzicht - OOR

Hi-Fi - Agenda - Lowlands

blz. 11

Hi-Fi - Artikel overzicht - OOR

Lo-Fi - Event detail - Lowlands

blz. 12

Lo-Fi - Artikel detail - OOR

Hi-Fi - Event detail - Lowlands

blz. 13

Hi-Fi - Artikel detail - OOR

Lo-Fi - Overzicht bands - Lowlands

blz. 14

Lo-Fi - Bands- OOR

Hi-Fi - Overzicht bands - Lowlands

blz. 15

Hi-Fi - Bands - OOR

Lo-Fi - Overzicht toegevoegde bands - Lowlands

blz. 16

Lo-Fi - Agenda - OOR

blz. 31

Hi-Fi - Overzicht toegevoegde bands - Lowlands

blz. 17

Hi-Fi - Agenda - OOR

blz. 32

Lo-Fi - Band toevoegen - Lowlands

blz. 18

Lo-Fi - Event detail- OOR

blz. 33

Hi-Fi - Band toevoegen -Lowlands

blz. 19

Hi-Fi - Event detail- OOR

blz. 34

Lo-Fi - Lowlands pagina - OOR

blz. 35

Hi-Fi - Lowlands pagina - OOR

blz. 36

Ilayda Kucukosmanoglu - 500655851 - v107 - 7 november 2013 - versie 2.0

blz. 24 blz. 25 blz. 26 blz. 27 blz. 28 blz. 29

2

1 Debriefing Inleiding Lowlands heeft gemerkt dat het haar steeds meer ontbreekt aan echte muziekliefhebbers. Het publiek is de laatste paar jaren veranderd in festivalgangers. Zij komen niet meer voor de muziek, maar zien het als een soort hype. De bezoekers hebben geen aandacht meer voor de muzikanten. Dit komt ook doordat de stages weinig grote namen bevatten. Mojo, de organisatie achter Lowlands, ervaart deze ontwikkeling als een groot probleem. Als de Lowlands hype voorbij is zou het kunnen dat het festival steeds minder bezocht wordt.

Om hun gebruikers meer aan het festival te binden wil Lowlands door het jaar heen ook evenementen organiseren. Dit zullen zij doen door Lowlands avonden te organiseren, op deze avonden treden ook nieuwe bands op. Tot slot zal er ook nog een OOR stage komen tijdens Lowlands om het publiek kennis te laten maken met OOR.

Huidige gebruikers Lowlands APP - Festivalgangers die er graag bij willen horen. OOR website

Om dit probleem tegen te gaan heeft Lowlands besloten om het

- muziekkenners die passie voelen voor muziek en er veel over weten.

muziekblad OOR te kopen. Lowlands en OOR gaan samenwerken. Dit is voor OOR gunstig omdat zij hun publiek willen verjongen. Zij kunnen

Online Business Goals

het Lowlands publiek hier goed bij gebruiken. De redactie van OOR

Lowlands:

gaat Lowlands informeren over opkomende artiesten. Ook kan

- Bekend worden als specialist van nieuwe opkomende muziek.

Lowlands via het fysieke blad lezers informatie bieden over het festival

- Gebruikers hele jaar binden aan Lowlands.

en hen motiveren te komen. OOR wil door middel van de financiële

- Gebruikersinput inzetten voor een breed gedragen artiestenselectie.

middelen die Lowlands biedt, onderzoeken hoe zij over kunnen stappen naar een online magazine. Hierin willen zij een betaalmodel creëren zonder in één keer over te gaan van papier naar digitaal. Dit omdat ze momenteel nog financieel afhankelijk zijn van de verkoop van de magazines.


Oor : - Verkopen van abonnementen. - Eerste voorzichtige stapjes naar betaalde content. - Verkoop potentieel verjongen.

3

2 Aanpak Bekend worden als specialist van nieuwe opkomende muziek Op de homepage van de Lowlands app zal er altijd een drietal “nieuwe toegevoegde bands” staan. OOR zal deze bands bewust selecteren op basis van de laatste trends en ontwikkelingen binnen de muziekwereld. De gebruiker kan op een band klikken en krijgt dan meer informatie over de band. Daarnaast bevat de OOR website een Lowlands pagina. Op deze pagina verschijnt er wekelijks een column van Lowlands. Dit zal gaan over muziek gerelateerde zaken in combinatie met Lowlands. Op deze pagina bevinden zich ook een drietal “nieuwe toegevoegde bands”. De Lowlands app bevat ook een pagina over bands. Hier staan alle bands die op Lowlands komen en kunnen komen. Er is informatie te vinden over bands, je kunt er muziek luisteren en je wordt doorverwezen naar de OOR website indien je nog meer informatie wilt.

Gebruikers het hele jaar aan het festival binden Door de Lowlands column op de OOR website krijgen gebruikers wekelijks leesvoer van Lowlands. Dit zorgt ervoor dat de gebruikers elke week weer opnieuw aan Lowlands herinnerd worden. Verder bevat de homepage een countdown tot het volgende Lowlands festival. Hierdoor kunnen de gebruikers bijhouden hoe lang het nog duurt. Er is ook een Lowlands playlist beschikbaar op Spotify, waardoor de gebruikers zich alvast kunnen oriënteren. Zodra er een nieuwe band wordt aangekondigd, wordt de afspeellijst ook bijgewerkt. Het is dus telkens weer spannend wat er bij komt.

Gebruikersinput inzetten voor een breed gedragen artiestenselectie Gebruikers kunnen zelf bepalen welke bands zij willen zien op Lowlands. De gebruiker kan via de app een band toevoegen. Er kan daarna gestemd worden op deze bands. De gebruiker die de band heeft toegevoegd kan inzien hoeveel stemmen de band al heeft. Als de band voldoende stemmen heeft gekregen van de gebruikers dan komt deze band op Lowlands te staan. Ook op bands die Lowlands zelf heeft toegevoegd kan gestemd worden. Als een band geen stemmen krijgt zal deze ook niet op Lowlands verschijnen. Op deze manier wordt Lowlands onwijs goed naar de muzieksmaak van de gebruiker ingericht.


Abonnementen verkopen & eerste stapjes naar betaalde content OOR is een blad wat heel veel informatie te bieden heeft op papier. Dit moet ook digitaal kunnen. Nu kan OOR betaalde video’s van concerten en interviews op hoge kwaliteit aanbieden. Exclusieve video’s die nergens anders te verkrijgen zijn. Een video is iets wat je overal kunt bekijken. Dit maakt OOR mobiel. De gebruiker moet wel een account aanmaken om bij te kunnen houden waar de gebruiker voor heeft betaald. Dit bindt de gebruiker nog meer aan OOR. Verder krijgen gebruikers een bepaald tegoed voor het bekijken van video’s als zij een abonnement afsluiten voor het tijdschrift. Hiermee wordt het blad nog steeds gekocht en worden de gebruikers getrokken naar de website.

Verkoop potentieel verkopen OOR moet veel informatie aanbieden online. Dit doet OOR door artikelen van goede kwaliteit te bieden. Overal op de website staan de muzikanten centraal. De homepage laat veel nieuwe bands zien waardoor gebruikers, die nog weinig van muziek weten, nieuwe muziek kunnen ontdekken. De artikelen bieden door de video’s en interviews interactie aan, wat het aantrekkelijker maakt voor de doelgroep. Het is makkelijker om in de trein even een interview te bekijken dan met een tijdschrift te zitten. Daarnaast is er een grote duidelijke agenda aanwezig waar de gebruiker makkelijk doorheen kan scrollen. In de agenda kun je ook een evenement direct toevoegen aan je agenda, bijvoorbeeld aan je Calendar op je iPhone. Het is ook mogelijk om een nummer te luisteren van een evenement en direct kaartjes te kopen. De Lowlands avonden zijn hierbij gehighlight om de gebruiker te laten zien dat Lowlands ook OOR waardig is. Dit wordt ook behaald door de Lowlands pagina op de OOR website. Hier kunnen de gebruikers een Lowlands column lezen, informatie vinden over de Lowlands avonden, de Spotify playlist downloaden en tot slot kunnen ze ook stemmen op de nieuwste band op Lowlands.

4

3 Lowlands APP


5

Sitemap Lowlands HOME / LL APP

Agenda Event Detail

Bands

Lowlands avond

Band detail

LL playlist spotify

Toevoegen aan agenda


Band toevoegen aan oor stage Eerder toegevoegde Bands

6

Persona Lowlands

TIM VERMEER STUDENT FOTOGRAFIE 24 JAAR TIm zijn droom is altijd het conservatorium geweest, Helaas is hij nooit toegelaten. Nu studeert hij fotografie in Rotterdam. Hij vindt het leuk om foto’s te maken tijdens concerten. Zijn doel is de meest passievolle plaatjes te schieten. Muziek is iets waar hij onwijs veel van houdt en het is meer dan geluid. Voor hem is het een kunstvorm. Hij is daarom ook constant bezig met muziek en bezoekt veel concerten. Hij vindt het jammer dat evenementen zoals lowlands en mysteryland alleen maar een soort hype zijn voor mensen. De muziek doet er voor hen niet meer toe. Daar zou hij graag verandering in zien. Tim kent veel nieuwe bands die volgens hem meer naambekendheid verdienen. Hij zou hen wel op bijvoorbeeld lowlands willen zien. Hij heeft ook veel kennis van muziek.

WAT TIM DENKT EN VOELT

WAT TIM ZEGT EN DOET

“Ik vind het fijn als ik met mensen kan praten die muziek echt begrijpen.

“Ik hou van websites die net dat beetje extra bieden”

“Ik vind het fijn als ik nieuwe bands in de spotlight kan zetten”

“Ik wil mijn kennis over muziek kunnen uiten”

“Ik vind het fijn als ik georganiseerd naar een concert kan gaan,”

“Voor mij is een evenement veel meer dan alleen maar muziek luisteren”

“MUZIEK BRENGT ONS SAMEN” DE BELANGRIJKSTE MOTIVATIES VOOR TIM OM DE LOWLANDS APPLICATIE TE GEBRUIKEN. “Ik wil graag mijn trip naar een groot evenement of concert kunnen plannen.” ..

“Ik wil graag een band creeren met lowlands zodat het voor anderen ook niet meer als een hype voelt” “Ik wil graag bands kunnen aanbevelen zodat zij ook gewaardeerd worden en bekender kunnen worden.”


7

Lo-Fi - Homepage - Lowlands - APP Organisatieschema’s

A B

Nummeriek - Exact Onderwerp - Ambigue

A

A

B

Organisatieschema’s

A B

B

Nummeriek - Exact Onderwerp - Ambigue

Gekozen lo-fi Ik ben in mijn ontwerp uitgegaan van deze lo-fi omdat de lowlands night een grote rol speelt. Deze moet als eerste getoond worden. De lowlands night bindt de gebruiker door het jaar heen aan lowlands. Verder is het belangrijk dat de nieuwste bands die op lowlands komen te staan getoond worden. Deze bands zijn toegevoegd door de gebruikers. Het


zijn er maar drie omdat het een app is en het lastig kan zijn om te scrollen tussen 20 bands. Op een aparte pagina kunnen meer bands geraadpleegd worden. Ook lijkt het me belangrijk om te tonen wanneer lowlands er weer is. De spotify playlist knop heb ik weggelaten omdat deze niet zo belangrijk is om op de homepage getoond te worden.

8

Hi-Fi - Homepage - Lowlands - APP Toelichting

1

Nieuwste artiesten op lowlands. Na klikken komt de gebruiker op de “bands” pagina

2

Navigatie bestaat uit - Agenda, bands, band toevoegen en Lowlands pagina.


A

Nummeriek - Exact

B

Onderwerp - Ambigue

Business Goals

1 A

De volgende business goals worden ondersteund: - Bekend worden als specialist van nieuwe opkomende muziek. Deze business goal wordt op deze pagina ondersteund omdat hier de nieuwste bands staan die op Lowlands komen en kunnen komen. Deze bands zijn door OOR geselecteerd kijkend naar wat de nieuwste trends zijn. - Gebruikers het hele jaar binden aan Lowlands. Deze business goal wordt op deze pagina ondersteund omdat er reclame wordt gemaakt voor de Lowlands avonden. Deze avonden worden gedurende het jaar gepland.

Dummy content

2 B

Als dummy content heb ik hier een datum verzonnen waarop een Lowlands Night zou kunnen zijn. Ik heb bestaande bands gebruikt als invulling. Over hoeveel dagen Lowlands er weer is heb ik verzonnen. Ik heb gekozen voor realistische dummy content omdat dat het beste duidelijk maakt wat de invulling hoort te zijn.

Touch Gestures

1 keer tappen


9

Lo-Fi - Agenda- Lowlands APP Organisatieschema’s

A Chronologisch - Exact A

B

B Taak - Ambigue Onderwerp - Ambigue

A

B

C


A Chronologisch - Exact C

B Onderwerp -Ambigue Alfabetisch - Exact

D

D Onderwerp -Ambigue

Gekozen lo-fi Ik ben in mijn ontwerp uitgegaan van deze lo-fi omdat er niet zo heel veel evenemten zijn. Misschien is dit wel 1 keer in de maand, daarom is het overbodig om een kalender te gebruiken. Ik heb gemerkt dat het bij vele andere applicaties gebruikelijk is om een lijst aan evenementen te


laten zien. De gebruiker kan gemakkelijk naar beneden scrollen en heeft ook een grote knop om op te kunnen klikken.

10

Hi-Fi - Agenda - Lowlands - APP Toelichting

1 C A 2

3

B 4

1

Terug naar “homepage”

2

Evenement

3

Genre van evenement

4

Knop om jezelf op “aanwezig” te zetten

5

Navigatie bestaat uit - Agenda, bands, band toevoegen en lowlands pagina.


A

Chronologisch - Exact

C

Taak - Ambigue

B

Taak - Ambigue

D

Onderwerp - Ambigue

Business Goals De volgende business goal wordt ondersteund: - Gebruikers het hele jaar binden aan Lowlands. Deze business goal wordt op deze pagina ondersteund omdat het een agenda is die vol staat met evenementen door het jaar heen. Dit zijn evenementen georganiseerd door Lowlands.

Dummy content

5 D Touch Gestures

Als dummy content heb ik hier evenementen verzonnen die echt zouden kunnen plaatsvinden. Ik heb de evenementen Lowlands Night genoemd om aan te geven dat het over de Lowlands avonden gaat. Ik heb er een plaatsnaam en datum aan gekoppeld zodat begrijpelijk is dat deze info ook op deze pagina hoort.

1 keer tappen


11

Lo-Fi - Event Detail - Lowlands APP Organisatieschema’s Taak - Exact

A

A

Taak - Exact

C

C Alfabetisch - Exact Taak - Exact

D

Onderwerp - Ambigue

B B

C

Organisatieschema’s Taak - Exact

D

Taak - Exact

E

C Alfabetisch - Exact Taak - Exact

E

Onderwerp - Ambigue

Gekozen lo-fi Ik ben in mijn ontwerp uitgegaan van deze lo-fi omdat het voor de gebruiker het belangrijkst is om informatie over het evenement te weten te komen. Op deze manier staat deze informatie meteen bovenaan. Pas daaronder zie je wat meer informatie over de inhoud van


het evenement. De knoppen om het evenement in je agenda te zetten of meer informatie te krijgen hebben een minder grote prioriteit dan de knop om tickets te kunnen kopen.

12

Hi-Fi - Event detail - Lowlands - APP Toelichting

1 A

3

D 2

B 4

1


2

Playlist event luisteren via spotify (gebruiker blijft in app)

3

Kaartje kopen voor event

4

Info over inhoud van event (thema, welke artiesten)

5

Event toevoegen aan agenda (calendar op iPhone)

6

Knop/link naar OOR website voor meer info

7



C

5 6 E 7

Touch Gestures

1 keer tappen


A

Taak - Exact

C

Alfabetisch - Exact

B

Taak - Exact

D

Taak - Exact

E

Onderwerp - Ambigue

Business Goals De volgende business goal wordt ondersteund: - Bekend worden als specialist van nieuwe opkomende muziek. Deze business goal wordt op deze pagina ondersteund omdat hier nieuwe bands te vinden zijn die op de Lowlands avond zullen zijn.

Dummy content Als dummy content heb ik hier een evenement verzonnen. Ik heb het evenement een titel gegeven, een datum, een tijd, een locatie en een prijs. Dit om te laten zien welke informatie er over een evenement getoond moet worden. Verder heb ik een inhoud voor het evenement verzonnen. Ik heb hier gekozen voor een lijst van aanwezige artiesten en het thema van het evenement. Op deze manier is het duidelijk dat er op dat gedeelte van de site inhoudelijke informatie geplaats kan worden.

13

Lo-Fi - Overzicht bands - Lowlands APP Organisatieschema’s

A

A Taak - Ambigue

A B

B Chronologisch - Exact C Taak - Ambigue

B

D Onderwerp - Ambigue

C

C


A Taak - Ambigue D

B Alfabetisch - Exact C Taak - Ambigue

D

D Onderwerp - Ambigue

Gekozen lo-fi Ik ben in mijn ontwerp uitgegaan van deze lo-fi omdat ik het overzicht van de bands heb gezien als een soort contactenlijst op een smartphone. Ik vind dit een makkelijke manier van bands vinden. Bovendien vond ik het altijd nog belangrijk om te laten zien welke bands nieuw zijn. Deze staan nu duidelijk bovenaan.


14

Hi-Fi - Overzicht bands - Lowlands - APP A

Toelichting

1 B

2

C 3

1


2

Zoekbalk

3

Bands die nieuw zijn toegevoegd door lowlands zelf en dor gebruikers

4

Rest van de bands op alfabetische volgorde

5

Aantal stemmen die een band al heeft gekregen, bands met een hoge score komen op lowlands te staan

6

Knop om op een band te stemmen

7

Navigatie bestaat uit - Agenda, bands, band toevoegen en lowlands pagina


4

D 5

E 6

7

Touch Gestures

A

Taak - Ambigue

C


E

Taak - Ambigue

B

Taak - Ambigue

D

Alfabetisch - Exact

E

Onderwerp - Ambigue

Business Goals De volgende business goals worden ondersteund: - Gebruikers het hele jaar binden aan Lowlands en gebruikersinput inzetten voor een breed gedragen artiestenselectie. Deze business goals worden ondersteund omdat gebruikers het hele jaar door kunnen stemmen op bands. Daarbij bepalen zij door te stemmen wie er op Lowlands komt.

Dummy content Als dummy content heb ik hier bestaande bands gebruikt en het genre van de band genoemd. Dit om te laten zien welke informatie er getoond moet worden. Ik heb ook een aantal stemmen verzonnen om de ruimte de juiste invulling te geven.

1 keer tappen

verticaal scrollen


15

Lo-Fi - Overzicht toegevoegde bands - Lowlands APP Organisatieschema’s Alfabetisch - Exact Taak - Exact

C Onderwerp - Ambigue A

B

A

B

B

C Organisatieschema’s

C

Alfabetisch - Exact Taak - Exact

C

C Onderwerp - Ambigue

Gekozen lo-fi Ik ben in mijn ontwerp uitgegaan van deze lo-fi omdat het overzichterlijker oogt. De gebruiker krijgt een duidelijke lijst te zien van de bands die hij al heeft toegevoegd aan lowlands. Ook ziet hij meteen hoeveel er al gestemd is op zijn bands. DIt is belangrijk om meteen te


kunnen zien omdat je dan weet of je band op lowlands komt of niet. Ook de knop om een nieuwe band toe te voegen is groot, aanwezig en duidelijk.

16

Hi-Fi - Overzicht toegevoegde bands - Lowlands - APP A

Toelichting

1 2 3 C B

1


2

Informatie over de werking van dit gedeelte van de app. Als de gebruiker nog geen bands heeft toegevoegd staat die informatie op de pagina zelf.

3

Event incl foto band, info band en aantal stemmen wat de band al heeft om in aanmerking te komen voor lowlands.

4

Knop om een band toe te voegen.

5



4 D 5 E

A

Taak - Exact

C

Alfabetisch - Exact

B

Nummeriek - Exact

D

Taak - Exact

E

Onderwerp - Ambigue

Business Goals De volgende business goals worden ondersteund: - Gebruikers het hele jaar binden aan Lowlands en gebruikersinput inzetten voor een breed gedragen artiestenselectie. Deze business goals worden ondersteund omdat gebruikers het hele jaar door bands kunnen toevoegen die zij op lowlands willen zien. Omdat er ook gestemd moet worden op de bands voordat ze echt op lowlands mogen komen blijft het steeds aan de gang. Gebruikers bepalen zelf dus welke bands er wel en niet op lowlands komen.

Dummy content Touch Gestures

1 keer tappen


Als dummy content heb ik hier bestaande bands gebruikt en het genre van de band genoemd. Dit om te laten zien welke informatie er getoond moet worden. Ik heb ook een aantal stemmen verzonnen om de ruimte de juiste invulling te geven. Om duidelijk te maken hoe er een nieuwe band toegevoegd kan worden heb ik dit groot en duidelijk opgeschreven zodat het makkelijk te vinden is en duidelijk is wat het doel is.

17

Lo-Fi - Band toevoegen - Lowlands APP Organisatieschema’s Taak - Ambigue Onderwerp - Ambigue

A

Taak - Ambigue

B

A

Taak - Ambigue Taak - Ambique Taak - Ambigue Onderwerp - Ambigue

C

C

D

C

B

E

E

Organisatieschema’s Taak - Ambigue Onderwerp - Ambigue F

G

Taak - Ambigue Taak - Ambigue Taak - Ambique Taak - Ambigue Onderwerp - Ambigue

F G

Gekozen lo-fi Ik ben in mijn ontwerp uitgegaan van deze lo-fi omdat ik twee grote kolommen naast elkaar niet heel handig vond. De video upload heb ik uiteindelijk ook naar onderen verplaats in de hi-fi. Dit omdat je op een mobiel niet zo heel veel ruimte hebt en omdat het mij praktischer leek.


Zo is het ook consistenter en werk je naar beneden toe in plaats van heen en weer. De grote opslaan knop komt ook pas op het einde naar voren zodat de gebruiker stap voor stap alles invult en naar het einde toe werkt.

18

Hi-Fi - Band toevoegen - Lowlands - APP Toelichting

1 A

1


B 2

2

Naam band invoeren

3

3

Genre band invoeren d.m.v. dropdown menu

4

Foto uploaden van band

5

Video uploaden vanband

6

Info over band toevoegen

7

Band opslaan, gebruiker keert nu terug naar overzicht toegevoegde bands

C

4 D 5 E

G

6

8 Navigatie bestaat uit - Agenda, bands, band toevoegen en lowlands pagina Organisatieschema’s

F

A

Taak - Ambigue

D

Taak - Ambigue

G

Taak -Ambigue

B

Taak - Ambigue

E

Taak - Ambigue

H

Onderwerp - Ambigue

C

Onderwerp - Ambigue

F

Taak - Ambigue

7

8 H

Touch Gestures

Business Goals De volgende business goals worden ondersteund: - Gebruikers het hele jaar binden aan Lowlands en gebruikersinput inzetten voor een breed gedragen artiestenselectie. Deze business goals worden ondersteund omdat gebruikers hier het hele jaar door bands kunnen toevoegen die zij op lowlands willen zien.

Dummy content Hier heb ik dummy content in de vorm van labels gebruikt. Dit omdat ik wil aangeven dat het echt invoer velden zijn. In de vorm van labels komt dat het beste naar voren.

1 keer tappen


20 19

4

OOR website


20

Sitemap OOR


21

Persona OOR WAT BRAM DENKT EN VOELT

WAT BRAM ZEGT EN DOET

“Ik vind het fijn als artikelen over muziek veel diepgang bieden. Ik ben erg geinteresserd in de visie van een band.”

“Als ik naar een evenement ga, ga ik voor de muziek.”

“Ik vind het fijn als ik nieuwe bands kan ontdekken zonder teveel moeite te doen.”

BRAM VAN DIJK GRAFISCH ONTWERPER 24 JAAR Bram is grafisch ontwerper en werkt bij Bravoure. Hij woont nog bij zijn ouders in Amsterdam. Doordat hij vrij weinig hoeft uit te geven heeft hij veel te besteden. Bram gaat dan ook vaak naar evenementen zoals Lowlands. Bram geeft per maand ongeveer 45 euro uit aan muziek. Hieronder valt zijn spotify account, één concert per maand en één cd van een nieuwe band.Bram heeft Communication and Multimedia Design gestudeerd aan de Hogeschool van Amsterdam. Hij is nu grafisch ontwerper en werkt bij Bravoure. Hij woont nog bij zijn ouders in Amsterdam. Doordat hij vrij weinig hoeft uit te geven heeft hij veel te besteden. Bram gaat dan ook vaak naar evenementen zoals Lowland. Bram geeft per maand ongeveer 45 euro uit aan muziek.. (Spotify, CD, concert)

“Ik ben er niet vies van om wat geld uit te geven.”

“Ik hou van specifieke bands en genres” “Ik ben veel online bezig, maar heb het niet zo met social media” “Soms koop ik een editie van OOR”

“MUZIEK MOET JE VOELEN. DIT ZIT IN JE HART” DE BELANGRIJKSTE MOTIVATIES VOOR BRAM OM DE WEBSITE VAN OOR TE BEZOEKEN “Ik wil graag op de hoogte blijven van ontwikkelingen wat betreft de muziekwereld.” “Ik wil graag artikelen lezen waarmee ik mij kan verdiepen in de muziek.” “Ik wil graag veel nieuwe bands ontdekken.” “Ik wil graag wat meer interactie met het tijdschrift”


22

Lo-Fi - Homepage - OOR Gekozen lo-fi A

B C

Ik ben in mijn ontwerp uitgegaan van deze lo-fi omdat het op een iPad goed te doen is om tussen plaatjes te scrollen. Op deze manier is er de mogelijkheid om veel informatie te tonen. Verder vind ik de agenda niet belangrijk op de homepage, maar de artikelen daarentegen wel. De gebruiker van oor wil zoveel mogelijk informatie krijgen over muziek dus moet er voldoende plaats zijn voor de artikelen.

Organisatieschema’s E

A Onderwerp - Ambigue

D

B Taak - Ambigue C Nummeriek - Exact D Nummeriek - Exact E Chronologisch - Exact

Organisatieschema’s B

A

A Onderwerp - Ambigue B Taak - Ambigue

C

C Nummeriek - Exact D Nummeriek - Exact D


23

Hi-Fi - Homepage - OOR 2 B 1 A

Toelichting

1

Navigatie

2

Zoekbalk

3

Nieuwste bands

4

Nieuwste artikelen

3


C

A

Onderwerp - Ambigue

B

Taak - Ambigue

C

Nummeriek - Exact

4

D

Nummeriek - Exact

D

Touch Gestures

verticaal swipen 1 keer tappen

Business Goals De volgende business goal wordt ondersteund: - De verkoop potentieel verjongen. Deze pagina biedt nieuwe bands aan, waardoor de jongere doelgroep die nog weinig verschillende bands kent inspiratie kan opdoen.

Dummy content Als dummy content heb ik hier bestaande artiesten en verzonnen artikelen gebruikt. Hier heb ik voor gekozen om te laten zien wat de inhoud van de vlakkenverdeling is en dat het realistisch oogt.


24

Lo-Fi - Artikelen overzicht - OOR Gekozen lo-fi

A

B D

C

E

Ik ben in mijn ontwerp uitgegaan van deze lo-fi omdat ik het belangrijk vind dat het plaatje wat bij een artikel hoort wel mag opvallen. Het fleurt de site op en zegt vaak meteen welke band het is. Ook hier is het prettig om van links naar rechts te kunnen scrollen. Zo blijft alle content op de desbetreffende pagina in zicht. De dropdown knoppen van de filter kunnen ook groot zijn zonder teveel ruimte op te eisen. Dit is makkelijk klikbaar voor op een iPad.


F

A Onderwerp - Ambigue B Taak - Ambigue C Onderwerp - Ambigue D Chronologisch - Exact E Onderwerp - Ambigue F Nummeriek - Exact


A


F C D

C Onderwerp - Ambigue D Chronologisch - Exact E Onderwerp - Ambigue F Nummeriek - Exact

E


25

Hi-Fi - Artikelen overzicht - OOR 2 B

A 1

C 3

D

E

Toelichting

1

Navigatie

2

Zoekbalk

3

Filter, categorie / datum / genre

4

Artikelen


F 4

A

Onderwerp - Ambigue

B

Taak - Ambigue

C

Onderwerp - Ambigue

D


E

Onderwerp - Ambigue

F

Taak - Ambigue

Touch Gestures

Business Goals De volgende business goal wordt ondersteund: - De verkoop potentieel verjongen. De pagina is onwijs overzichtelijk. De gebruiker hoeft niet lang te zoeken waardoor die zich niet zal vervelen. Bovendien is deze stijl ook goed geschikt voor mobiel. Op deze manier kan de site overal bekeken worden. Dit is aantrekkelijk voor een jongere doelgroep.

Dummy content


Hier heb ik dummy content in de vorm van labels gebruikt. Dit om aan te geven dat het een dropdown menu is waarin je elementen kan selecteren. Ook heb ik bestaande artiesten en verzonnen artikelen gebruikt om te laten zien welke informatie er komt te staan.


26

Lo-Fi - Artikel Detail - OOR B

A C

Gekozen lo-fi Ik ben in mijn ontwerp uitgegaan van deze lo-fi omdat ik het mij handiger leek om alle buttons links te hebben. Op deze manier kan de tekst rechts zo lang zijn als OOR wil en zullen de knoppen altijd in het zicht blijven. Er is ook een duidelijke grote “terug naar overzicht” knop aanwezig zodat de gebruiker makkelijk zijn weg terug kan vinden.

Gekozen lo-fi

D

A

Onderwerp - Ambigue

B

Taak - Ambigue

C

Taak - Ambigue

D

Onderwerp - Ambigue

Gekozen lo-fi

B F

A C

D


A

Onderwerp - Ambigue

B

Taak - Ambigue

C

Taak - Ambigue

D

Onderwerp - Ambigue

E

Onderwerp - Ambigue

F

Onderwerp - Ambigue

E

27

Hi-Fi - Artikel detail - OOR Toelichting

2 B

1 A

C 3

1

Navigatie

2

Zoekbalk

3

Terug naar artikelen overzicht

4

Artikel toevoegen aan favorieten

5

Naar video’s over band

6

Naar interviews over band


D

A

Onderwerp - Ambigue

B

Taak - Ambigue

4

C

Taak - Ambigue

5

D

Onderwerp - Ambigue

Touch Gestures

6

Business Goals De volgende business goals worden ondersteund: - De verkoop potentieel verjongen, eerste stapjes naar betaalde content en abbonementen verkopen. Deze pagina biedt informatie aan. Als het artikel over een band gaat dan zijn er ook linkjes naar betaalde interviews en video’s van concerten. Video’s zijn voor de jongere doelgroep altijd prettiger dan tekst. Als de gebruiker een abonnement afsluit krijgt hij een bepaald tegoed voor deze video’s.

Dummy content

1 keer tappen verticaal scrollen

Als dummy content heb ik hier een bestaande artiest en een verzonnen artikel gebruikt. De dummy content is hier vooral bedoeld om de inhoud van de vlakverderling weer te geven. Ik heb een groot plaatje van de artiets gebruikt om te laten zien dat dit als foto dient.


28

Lo-Fi - Bands overzicht - OOR Gekozen lo-fi

A

B

Ik ben in mijn ontwerp uitgegaan van deze lo-fi deze manier van sorteren overzichtelijker is. Vaak kent een gebruiker een band al bij naam, op deze manier kan die sneller gevonden worden. Ook is het heel makkelijk om de nieuwste bands op te zoeken door op de knop “new” te drukken. DIt is juist weer heel handig voor gebruikers die nieuwe bands willen ontdekken.

C D

Organisatieschema’s A Onderwerp - Ambigue

F

B Taak - Ambigue C Chronologisch - Exact D Alfabetisch - Exact

E

E Onderwerp - Ambigue F Taak - Ambigue


A C

D


E

C Onderwerp - Ambigue D Chronologisch - Exact E Alfabetisch - Exact F


F Taak - Ambigue

29

Hi-Fi - Bands overzicht - OOR 2

A 1

4

C

Toelichting

B

3

D 5 F

E 6

1

Navigatie

2

Zoekbalk

3

Bands overzicht

4

Bands sorteren op laatst toegevoegd

5

Bands sorteren op alfabetische volgorde

6

Filter genre


A

Onderwerp - Ambigue

B

Taak - Ambigue

C

Onderwerp - Ambigue

D


E

Onderwerp - Ambigue

F

Taak - Ambigue

Touch Gestures Business Goals De volgende business goal wordt ondersteund: - De verkoop potentieel verjongen. De pagina staat helemaal in het het teken van bands ontdekken. Een jongere doelgroep kan zich hier goed vermaken en lekker door de bands heen scrollen. De band detail pagina biedt ook nog video’s en interviews aan.

Dummy content Hier heb ik dummy content in de vorm van labels gebruikt. Dit om aan te geven dat het een dropdown menu is waarin je elementen kan selecteren. Ook heb ik bestaande artiesten gebruikt om te laten zien welke informatie er moet komen.



30

Lo-Fi - Agenda - OOR Gekozen lo-fi

A C

B D

E

F G

I H

Ik ben in mijn ontwerp uitgegaan van deze lo-fi omdat het slimmer is om de ruimte die je hebt goed te benutten. Aangezien de website voornamelijk voor de iPad is bestemd is het prettig om overzicht te hebben. Op deze manier staan de filters bovenin en zijn de evenementen over de volle breedte van het scherm zichtbaar. De knoppen om een ticket te kopen, naar de band te luisteren en het evenement aan je agenda toe te voegen kunnen ook groot en makkelijk klikbaar zijn.

Gekozen lo-fi A Onderwerp - Ambigue D Chronologisch - Exact G Taak - Ambigue B Taak - Ambigue

E Onderwerp - Ambigue H Taak - Ambigue

C Onderwerp - Ambigue F Alfabetisch - Exact

I Taak - Ambigue

Gekozen lo-fi A

B

A Onderwerp - Ambigue B Taak -Ambigue C Onderwerp - Ambigue

C D

D Chronologisch - Exact E Alfabetisch- Exact

E


31

Hi-Fi - Agenda - OOR 2 B 1 A 3

C

D

E

Toelichting

1

Navigatie

2

Zoekbalk

3

Filter, maand / plaats / genre

4

Event incl foto band, info event, knop om lied te luisteren, knop om event in agenda te zetten en knop om ticket te kopen.

4

F

Business Goals De volgende business goal wordt ondersteund: - De verkoop potentieel verjongen. Deze pagina biedt veel interactiemogelijkheden. Dit is iets wat een jongere doelgroep aanspreekt. Verder zijn de Lowlands avonden gehighlight, dit laat zien dat OOR ook “hip” kan zijn zoals Lowlands.

G

H

Dummy content Als dummy content heb ik hier evenementen verzonnen die echt zouden kunnen plaatsvinden. Ik heb er een locatie en datum aan gekoppeld zodat begrijpelijk is dat deze info ook op deze pagina hoort. Met de play knop wil ik laten zien dat je muziek kunt luisteren wat bij het event hoort. Met de +agenda knop wil ik laten zien dat je het event toe kan voegen aan je agenda.



A

Onderwerp - Ambigue

B

Taak - Ambigue

C

Onderwerp - Ambigue

D


E

Onderwerp - Ambigue

F

Taak - Ambigue

G

Taak - Ambigue

H

Taak - Ambigue

Touch Gestures

1 keer tappen verticaal scrollen

32

Hi-Fi - Event detail - OOR Gekozen lo-fi

A

B

F

C

Ik ben in mijn ontwerp uitgegaan van deze lo-fi omdat ik het blok rechts ook wou toevoegen aan het ontwerp. hier worden gerelateerde bands getoond voor de gebruiker. Verder is het ook overzichtelijker om onder de video van de band informatie over de band te geven in plaats van ernaast. Dit omdat de informatie over het evenement meer prioriteit heeft dan informatie over de band.

Organsatieschema’s A Onderwerp - Ambigue B Taak - Ambigue

D

C Taak - Ambigue D Taak - Ambigue

E

E Taak - Ambigue F Alfabetisch - Exact

A

B

Organsatieschema’s A Onderwerp - Ambigue B Taak - Ambigue C Taak - Ambigue

C

D Taak - Ambigue E Taak - Ambigue

E

D


33

Hi-Fi - Event detail - OOR 2 B 1 A

3

C 4

5

6

Business Goals De volgende business goal wordt ondersteund: - De verkoop potentieel verjongen. Deze pagina biedt kort en bondig informatie over het evenement. Het spreekt een jongere doelgroep aan omdat er veel interactie mogelijk is. Je kunt meteen een kaartje kopen, het event toevoegen aan je agenda en een video bekijken. Dit vereist handigheid met een tablet of smartphone.

9 F Dummy content Als dummy content heb ik hier een evenement verzonnen. Ik heb het evenement een titel gegeven, een datum, een tijd, een locatie en een prijs. Dit om te laten zien welke informatie er over een evenement getoond dient te worden. Verder heb ervoor gekozen om bestaande bands te gebruiken voor “gerelateerde bands” zodat het duidelijk is hoe dit eruit moet zien.


Navigatie

2

Zoekbalk

3

terug naar agenda

4

Video band

5

Informatie over band

6

Informatie over event

7

Toevoegen aan agenda (bijv. calendar iPhone) Ticket kopen Bands die gerelateerd zijn aan deze band


8

E

1

8 9

7

D

Toelichting

A

Onderwerp - Ambigue

D

Taak - Ambigue

B

Taak - Ambigue

E

Taak - Ambigue

C

Taak - Ambigue

F

Alfabetisch - Exact

Touch Gestures

1 keer tappen

34

Lo-Fi - Lowlands Pagina - OOR Gekozen lo-fi A

B

Ik ben in mijn ontwerp uitgegaan van deze lo-fi omdat ik het vooral belangrijk vind om het lowlands column naar voren te laten komen. De gebruiker verlangt naar veel informatie en dat komt hierin goed naar voren. Verder is het belangrijk dat er een knop is naar de lowlands playlist en informatie over de volgende lowlands avond. Dit staat groot weergegeven. Onder in de pagina is er nog een drietal nieuwe bands te zien die reeds zijn toegevoegd aan lowlands door gebruikers. De gebruiker kan ook luisteren naar de band en stemmen. Dit staat onderin omdat het voor deze site het minst belangrijke is,

C


A

Onderwerp - Ambigue

B

Taak - Exact

C

Nummeriek - Exact

Organisatieschema’s A

B

A

Onderwerp - Ambigue

B

Taak - Exact

C

Nummeriek - Exact

C


35

Hi-Fi - Lowlands pagina - OOR 2 B 1 A

Toelichting

1

Navigatie

2

Zoekbalk

3

Nieuwste bands

4

Nieuwste artikelen


3

A

Onderwerp - Ambigue

B

Taak - Exact

C

Nummeriek - Exact

Touch Gestures

C 1 keer tappen verticaal scrollen

Business Goals De volgende business goals worden ondersteund: De verkoop potentieel verjongen en abonnementen verkopen. Deze pagina gaat volledig over Lowlands. Aangezien de gebruiker een echte Lowlands ganger is is deze pagina erg interessant. De informatie op deze pagina is ook in het papieren tijdschrift te vinden.

Dummy content Hier heb ik als dummy content voor het column een verzonnen titel en inleiding gebruikt. Dit om te laten zien wat een beetje de bedoeling is van dat vlak. Verder heb ik echte artiesten gebruikt om aan te geven hoe de nieuwe bands getoond moeten worden.


36

Interactie Ontwerp Lowlands & OOR

Recommend Documents